<!-- If the browser does not support frames put the first topic content here --> <div class="WordSection1"> <p class="MsoNormal">Fichier index.html :</p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt'> <p class="MsoNormal" style='border:none;padding:0cm'> <html></p> <p class="MsoNormal" style='border:none;padding:0cm'> <head></p> <p class="MsoNormal" style='border:none;padding:0cm'> <script src='./messcripts.js'></script></p> <p class="MsoNormal" style='border:none;padding:0cm'> </head></p> <p class="MsoNormal" style='border:none;padding:0cm'> <body></p> <p class="MsoNormal" style='border:none;padding:0cm'> <div></p> <p class="MsoNormal" style='border:none;padding:0cm'> <img id='image' src='./images/ballonBleu.jpg' width='50' height='50' onMouseOver='modifierTaille(this, 100)' onMouseOut='modifierTaille(this, 50)'/></p> <p class="MsoNormal" style='border:none;padding:0cm'> </div></p> <p class="MsoNormal" style='border:none;padding:0cm'> <br/></p> <p class="MsoNormal" style='border:none;padding:0cm'> <button id='btn1' onClick='changer()'>Changer de ballon</button></p> <p class="MsoNormal" style='border:none;padding:0cm'> </body></p> <p class="MsoNormal" style='border:none;padding:0cm'> </html></p> </div> <p class="MsoNormal"> </p> <p class="MsoNormal">Fichier messcripts.js :</p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt'> <p class="MsoNormal" style='border:none;padding:0cm'>var indexImage = 1;</p> <p class="MsoNormal" style='border:none;padding:0cm'>var tabImages = ["./images/ballonBleu.jpg", "./images/ballonVert.jpg", "./images/ballonRouge.jpg"];</p> <p class="MsoNormal" style='border:none;padding:0cm'>function changer()</p> <p class="MsoNormal" style='border:none;padding:0cm'>{</p> <p class="MsoNormal" style='border:none;padding:0cm'> var img1 = document.getElementById('image');</p> <p class="MsoNormal" style='border:none;padding:0cm'> //alert("image : " + img1.src);</p> <p class="MsoNormal" style='border:none;padding:0cm'> if (indexImage < 3)</p> <p class="MsoNormal" style='border:none;padding:0cm'> {</p> <p class="MsoNormal" style='border:none;padding:0cm'> indexImage++;</p> <p class="MsoNormal" style='border:none;padding:0cm'> }</p> <p class="MsoNormal" style='border:none;padding:0cm'> else</p> <p class="MsoNormal" style='border:none;padding:0cm'> {</p> <p class="MsoNormal" style='border:none;padding:0cm'> indexImage = 1;</p> <p class="MsoNormal" style='border:none;padding:0cm'> }</p> <p class="MsoNormal" style='border:none;padding:0cm'> img1.src=tabImages[(indexImage - 1)];</p> <p class="MsoNormal" style='border:none;padding:0cm'>}</p> <p class="MsoNormal" style='border:none;padding:0cm'>function modifierTaille(elt, pourc)</p> <p class="MsoNormal" style='border:none;padding:0cm'>{</p> <p class="MsoNormal" style='border:none;padding:0cm'> //var img1 = document.getElementById('image');</p> <p class="MsoNormal" style='border:none;padding:0cm'> elt.width = pourc;</p> <p class="MsoNormal" style='border:none;padding:0cm'> elt.height = pourc;</p> <p class="MsoNormal" style='border:none;padding:0cm'>}</p> </div> <p class="MsoNormal"> </p> </div>
Table des matières
Sujets
Recherche
Help content
Help content
Générée avec
chmProcessor
Générée avec
chmProcessor