Javascript qui fonctionne sur pc mais pas sur tablette/gsm

  • WordPress :4.9.9
  • Statut : non résolu
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #2223035
    toto741258
    Participant
    Initié WordPress
    1 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.0
    • Thème utilisé : optimizepress
    • Extensions en place : aucune
    • Nom de l’hébergeur : o2switch
    • Adresse du site : perso

    Problème(s) rencontré(s) :

    Bonjour,

    J’ai un code en javascript/html qui fonctionne très bien sur pc. Mais quand je le test sur ma tablette ou gsm ca ne marche pas.

    Le visiteur fait un choix dans la liste 1 puis dans la liste 2 et la fonction javascript affiche le contenu d’un fichier texte du type choix1-choix2.txt par exemple 1-1.txt

     

    
            <script type="text/javascript">
                function catsel2(sel) {
                  //if (sel.value=="-1" ) return;
                  var opt=sel.getElementsByTagName("option" );
                  for (var i=0; i<opt.length; i++) {
                    var x=document.getElementById(opt[i].value);
                    if (x) x.style.display="none";
                  }
                  var cat = document.getElementById(sel.value);
                  if (cat) cat.style.display="block";
                }
                function readTextFile(file)
    {
        var rawFile = new XMLHttpRequest();
        rawFile.open("GET", file, false);
        rawFile.onreadystatechange = function ()
        {
            if(rawFile.readyState === 4)
            {
                if(rawFile.status === 200 || rawFile.status == 0)
                {
                    var allText = rawFile.responseText;
                    // alert(allText);
                    var c = document.getElementById( "cat");
                    c.style.display = "block";
                    c.innerHTML = allText;
                }
            }
        }
        rawFile.send(null);
    }
    
              </script>
       
      <script>
      function catsel(sel_id1,sel_id2) 
      {
              // on récupère les 2 choix
              var sel_1_val = document.getElementById( sel_id1 ).value;
              var sel_2_val = document.getElementById( sel_id2 ).value;
              
    
              // on masque tous les div de class="cat"
              cat_hide_all();
              readTextFile("https://www.adresse_de_mon_fichiertexte.fr/" + sel_1_val + "-" + sel_2_val + ".txt");
       
              // si les 2 choix sont faits
              if( sel_1_val !='' && sel_2_val !='' )
              {
                      // on affiche le bon div
                      var cat_to_show_id = 'cat-' + sel_1_val + '-' + sel_2_val; // de la forme : cat-2-C
                      var cat_to_show = document.getElementById( cat_to_show_id );
                      if (cat_to_show) cat_to_show.style.display = 'block';
              }
      }
      // masquer tous les div
      function cat_hide_all() 
      {
              var divs = document.querySelectorAll( '.cat' );
              divs.forEach(function(div) {
                      div.style.display = 'none';
              });
      }
      // ONLOAD : on masque tous les div de class="cat"
      window.onload = cat_hide_all;
      </script>
       
      <style type="text/css">
      .catt { 
              border:1px dashed #ccc; padding:20px; margin-top:20px; 
              display: none;
      }
    
    .flotte {
    float:left;
    margin-right: 100px;
    }
      </style>
        </head>
        <body>
            
      
      
       
    <select id="select_id1" onChange="catsel('select_id1', 'select_id2'),catsel2(this);">
    	<option value="">Choisissez</option>
    	<option value="1">1</option>
    	<option value="2">2</option>
    	<option value="3">3</option>
      
     
    </select>
    
      
      
                    
      <select id="select_id2" onChange="catsel('select_id1', 'select_id2');">
          <option value="">Select</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5
      </select>
      
          
          
          
        <div class="catt" id="cat"></div>
          

    Merci de votre aide !

    #2223931
    momofr@free.fr
    Modérateur
    Maître WordPress
    2118 contributions

    Salut, un forum Js serait plus utile à mon avis, ici on traite de l’univers WP et ses thèmes et extensions gratuites.

2 sujets de 1 à 2 (sur un total de 2)
  • Vous devez être connecté pour répondre à ce sujet.