Bonjour, 

Je vous écris aujourd'hui, car j'aimerai faire un effet en javascript.

J'aimerai en javascript, faire apparaître plusieurs images en fonction du click sur d'autres images.

Peut-être que mon code vous permettra de mieux comprendre ce que je veux faire :

 <center>
        <legend>Produits Plein</legend>
              <div class="part-produits">
                     <img id="Lugdocase1" height="auto" src="Images_Produits/Valise/lugdocase_1_480x.png" title="Choisir la Lugdocase 1" alt="Lugdocase 1" style="border:solid 2px black; height:auto; width:10%;" onclick="javascript:viewImage('image');"/>
                     <img id="Lugdocase2" height="auto" src="Images_Produits/Valise/lugdocase_2_480x.png" title="Choisir la Lugdocase 2" alt="Lugdocase 2" style="border:solid 2px black; height:auto; width:10%;"/>
              </div>
                    <div id='Valise1'></div>
                    <div id='Valise2'></div>
</center>

 ce que je veux faire apparaître avec une fonction Javascript :

                               <center><legend>Valise 1</legend>
                                <fieldset id="productions">
                                    <div class="part-productions">
                                            <img id="MC101" src="Images_Produits/Gabarits/MC1/MC101.png" title="Choisir la production du MC101" alt="MC101" style="height: 10% ; width: auto;"/>
                                            <label></label>
                                            <label></label>
                                            <label></label>
                                            <img id="MC102" src="Images_Produits/Gabarits/MC1/MC102.png" title="Choisir la production du MC102" alt="MC102" style="height: 10% ; width: auto;"/>
                                            <label></label>
                                            <label></label>
                                            <label></label>
                                            <img id="MC103" src="Images_Produits/Gabarits/MC1/MC103.png" title="Choisir la production du MC103" alt="MC103" style="height: 10% ; width: auto;"/>
                                            <label></label>
                                            <label></label>
                                            <label></label>
                                            <img id="MC104" src="Images_Produits/Gabarits/MC1/MC104.png" title="Choisir la production du MC104" alt="MC104" style="height: 10% ; width: auto;"/>
                                            <label></label>
                                            <label></label>
                                            <label></label>
                                            <img id="MC111" src="Images_Produits/Gabarits/MC1/MC111.png" title="Choisir la production du MC111" alt="MC111" style="height: 10% ; width: auto;"/>
                                            <label></label>
                                            <label></label>
                                            <label></label>
                                            <img id="MC112" src="Images_Produits/Gabarits/MC1/MC112.png" title="Choisir la production du MC112" alt="MC112" style="height: 10% ; width: auto;"/>
                                            <label></label>
                                            <label></label>
                                            <label></label>
                                            <img id="MC113" src="Images_Produits/Gabarits/MC1/MC113.png" title="Choisir la production du MC113" alt="MC113" style="height: 10% ; width: auto;"/>
                                    </div>
                                </fieldset>
                                </center>
                                <br/>
                                <center><legend>Valise 2</legend>
                                <fieldset id="productions_2">
                                    <div class="part-productions_2">
                                            <img id="MC201" src="Images_Produits/Gabarits/MC2/MC201.png" title="Choisir la production du MC201" alt="MC201" style="height: 10% ; width: auto;"/>
                                            <label></label>
                                            <label></label>
                                            <label></label>
                                            <img id="MC202" src="Images_Produits/Gabarits/MC2/MC202.png" title="Choisir la production du MC202" alt="MC202" style="height: 10% ; width: auto;"/>
                                            <label></label>
                                            <label></label>
                                            <label></label>
                                            <img id="MC203" src="Images_Produits/Gabarits/MC2/MC203.png" title="Choisir la production du MC203" alt="MC203" style="height: 10% ; width: auto;"/>
                                    </div>
                                </fieldset>
                                </center>
				<br/>                            
				<center><legend>Autres</legend>
                                <fieldset id="productions_3">
                                    <div class="part-productions_3">
                                            <img id="IC101" src="Images_Produits/Gabarits/IC101.png" title="Choisir la production du IC101" alt="IC101" style="height: 10% ; width: auto;"/>
                                            <label></label>
                                            <label></label>
                                            <label></label>
                                            <img id="IC102" src="Images_Produits/Gabarits/IC102.png" title="Choisir la production du IC102" alt="IC102" style="height: 10% ; width: auto;"/>
                                    </div>
                                </fieldset>
                                </center>
				
                                

Mon problème : faire apparaître des images en fonction du click sur d'autres images...

-
Edité par Jean-PAT 15 juillet 2019 à 15:26:28

Bonjour.

Et donc, où est le code Javascript que tu as tenté de faire ?

Je ne vois que du code HTML.

Lartak a écrit:

Bonjour.

Et donc, où est le code Javascript que tu as tenté de faire ?

Je ne vois que du code HTML.

En faite, il n'y a pas de code Js, car je ne sais pas par où commencer, même après de nombreuses recherches...

Voilà, ce que j'ai fait pour l'instant :

                    <script type='text/javascript'>
                        function AppImages() 
                        { 
                           // c'est pas grand chose  
			} 
                    </script>

Dans ce cas là, il te faut apprendre les bases du Javascript, il y a un cours sur le site pour Apprendre le Javascript, car quand on voit ce que tu as mit dans un attribut HTML onclick et le code Javascript que tu montres même si tu ne l'avais pas encore fait, tu manques sérieusement des bases Javascript.

Lartak a écrit:

Dans ce cas là, il te faut apprendre les bases du Javascript, il y a un cours sur le site pour Apprendre le Javascript, car quand on voit ce que tu as mit dans un attribut HTML onclick et le code Javascript que tu montres même si tu ne l'avais pas encore fait, tu manques sérieusement des bases Javascript.

D'accord, je vais apprendre les bases et ensuite je reviendrai avec le petit code que j'aurai fait..