<!-- If the browser does not support frames put the first topic content here --> <div class="WordSection1"> <p class="MsoNormal">A partir du fichier html suivant :</p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 0cm 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">Et produisant l'affichage ci dessous :</p> <p class="MsoNormal"><span style= 'border:solid windowtext 1.0pt;padding:0cm'><img width="137" height="108" id="Image 1" src= "Td1_decouverte_fichiers/image001.png" alt="image" name= "Image 1" /></span></p> <p class="MsoNormal"> </p> <p class="MsoNormal">On voudrait, à partir de scripts javascript :</p> <p class="MsoNormal">Obtenir un changement d'images au clic sur le bouton :</p> <p class="MsoNormal"><span style= 'border:solid windowtext 1.0pt;padding:0cm'><img width="134" height="102" id="Image 2" src= "Td1_decouverte_fichiers/image002.png" alt="image" name= "Image 2" /></span></p> <p class="MsoNormal">Et un agrandissement de l'image au passage de la souris sur l'image :</p> <p class="MsoNormal"><span style= 'border:solid windowtext 1.0pt;padding:0cm'><img width="135" height="160" id="Image 3" src= "Td1_decouverte_fichiers/image003.png" alt="image" name= "Image 3" /></span></p> <p class="MsoNormal"> </p> <p class="MsoNormal">Les images et le fichier html de départ sont fournis en ressources dans \\prof\ressources.</p> </div>
Table des matières
Sujets
Recherche
Help content
Help content
Générée avec
chmProcessor
Générée avec
chmProcessor