Partage
  • Partager sur Facebook
  • Partager sur Twitter

TypeError: Cannot read property 'style' of null

Sujet résolu
    17 juin 2019 à 16:19:49

    Bonjour,

    j'ai une erreur qui me pose problème depuis plusieurs heures mais je n'arrive pas a la résoudre 

    - TypeError: Cannot read property 'style' of null

    Je dois rendre invisible des images qui possède un id qui est dans un select et afficher l'image quand on sélectionne une des images.

    Elle se produit sur ce script :

    function ActualiserImage(){
        
        try{
            if(document.getElementById("impr").selectedIndex !== "aucun3"){
                //rendre tout invisible (récupère les options du dernier select puis rend invisible)
                for(var i = 1; i < document.getElementById("impr").options.length; i++){
                    document.getElementById(document.getElementById("impr").options[i].id+"Img").style.visibility = "hidden";
                }
    
                //id de l'imprimante choisi
                var id = document.getElementById("impr").options[document.getElementById("impr").selectedIndex].id;
    
                document.getElementById(id+"Img").style.visibility = "visible";
            }
        }
        catch(e){
            alert(e);
        }
        
    }

    Voici le select qui permet de choisir l'image (ou l'image de  l'imprimante):

    <select name="impr" id="impr" onchange="ActualiserImage()">
                    <option id="aucun3" value="">---</option>
                    <option id="SiegeARRAS/DSIimp1" value="1">imp1</option>
                    <option id="SiegeARRAS/DSIimp5" value="2">imp5</option>
                    <option id="SiegeARRAS/DSIimp6" value="3">imp6</option>
                    <option id="SiegeARRAS/DRHimp4" value="4">imp4</option>
                    <option id="DTLIEVIN/AGENCE 1imp2" value="5">imp2</option>
                    <option id="DTLIEVIN/AGENCE 1imp7" value="6">imp7</option>
                    <option id="DTLIEVIN/AGENCE 2imp3" value="7">imp3</option>
                </select>

    Voici les images liées a ce select :

    <select name="impr" id="impr" onchange="ActualiserImage()">
                    <option id="aucun3" value="">---</option>
                    <option id="SiegeARRAS/DSIimp1" value="1">imp1</option>
                    <option id="SiegeARRAS/DSIimp5" value="2">imp5</option>
                    <option id="SiegeARRAS/DSIimp6" value="3">imp6</option>
                    <option id="SiegeARRAS/DRHimp4" value="4">imp4</option>
                    <option id="DTLIEVIN/AGENCE 1imp2" value="5">imp2</option>
                    <option id="DTLIEVIN/AGENCE 1imp7" value="6">imp7</option>
                    <option id="DTLIEVIN/AGENCE 2imp3" value="7">imp3</option>
                </select>



    -
    Edité par Shogun45 17 juin 2019 à 16:28:14

    • Partager sur Facebook
    • Partager sur Twitter
      17 juin 2019 à 17:26:13

      Salut,

      cette ligne est illisible :

      document.getElementById(document.getElementById("impr").options[i].id+"Img").style.visibility = "hidden";

      tu devrais la découper en plusieurs lignes ce qui te permettrait de mieux voir l'erreur, à savoir que tu n'a aucun id qui fini par "Img"

      • Partager sur Facebook
      • Partager sur Twitter
        18 juin 2019 à 9:04:54

        Petite erreur de ma part j'ai copier 2 fois le même bout de HTML

        Voila la partie Image :

        <div id="imgImpr">
                        <img id="SiegeARRAS/DSIimp1Img" src="../Image/imp1" alt="imp1" width="100px" height="100px"/>
                        <img id="SiegeARRAS/DSIimp5Img" src="../Image/imp5" alt="imp5" width="100px" height="100px"/>
                        <img id="SiegeARRAS/DSIimp6Img" src="../Image/imp6" alt="imp6" width="100px" height="100px"/>
                        <img id="SiegeARRAS/DRHimp4Img" src="../Image/imp4" alt="imp4" width="100px" height="100px"/>
                        <img id="DTLIEVIN/AGENCE 1imp2Img" src="../Image/imp2" alt="imp2" width="100px" height="100px"/>
                        <img id="DTLIEVIN/AGENCE 1imp7Img" src="../Image/imp7" alt="imp7" width="100px" height="100px"/>
                        <img id="DTLIEVIN/AGENCE 2imp3Img" src="../Image/imp3" alt="imp3" width="100px" height="100px"/>
                </div>



        • Partager sur Facebook
        • Partager sur Twitter

        TypeError: Cannot read property 'style' of null

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        • Editeur
        • Markdown