Scribd Logo
Importer

Bienvenue sur Scribd !

  • TD Web2 Correcton

    Transféré par

    ahmed sabeh
    46 vues4 pages

    Titre original

    TD_WEB2_CORRECTON

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    46 vues4 pages

    TD Web2 Correcton

    Transféré par

    ahmed sabeh

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 4

    Activité 1

    <html> <!--9PTS-->

    <head>

    <meta charset=utf-8>

    </head>

    <body>

    <input id="text" type="text" value="Cliquer sur l'un des boutons" /> <!--2pts-->

    <br /><br />

    <input id="focus" type="button" value="Donner le focus" /><br /> <!--3.5-->

    <input id="disable" type="button" value="Désactiver" /> <!--3.5-->

    <script>

    var txt=document.getElementById("text");

    var f= document.getElementById("focus");

    var d= document.getElementById("disable");

    f.addEventListener ('click', function(){

    if (txt.disabled==true){

    txt.disabled=false;

    txt.value="Je suis de nouveau actif!";}txt.focus();}

    d.addEventListener ('click', function(){

    txt.disabled=true;

    txt.value="Je ne suis plus actif";}

    </script>

    </body>

    </html>

    1
    Activité 2
    Solution 1 : On n’a pas touché au code HTML

    <html>

    <head> <title> Modification </title> </head>

    <script>

    document.getElementById("p1").innerHTML="Bonne chance pour l'examen !";

    </script>

    <body>

    <p id="p1"> Bonjour tout le monde !</p>

    <input type="button" value="Changer le texte" onclick="ChangerTexte();">

    </body>

    </html>

    Solution 2 : On n’a pas touché au code HTML

    <html>

    <head> <title> Modification </title> </head>

    <body>

    <p id="p1"> Bonjour tout le monde !</p>

    <input id="bouton" type="button" value="Changer le texte">

    </body>

    <script>

    p=document.getElementById("p1"); console.log(p);

    b=document.getElementById("bouton"); console.log(b);

    b.addEventListener("click",function(){

    p.textContent="Bonne chance pour l'examen!";

    });

    </script>

    </html>

    2
    Activité 3
    <html>

    <head>

    <meta charset=utf-8>

    </head>

    <body>

    <input type="text" id="myinput">

    <button id="mybutton"> Ajouter </button>

    <div id="mydiv"> </div>

    </body>

    <script>

    var myInput=document.getElementById("myinput");

    var myButton=document.getElementById("mybutton");

    var myDiv=document.getElementById("mydiv");

    myButton.addEventListener("click",function(){

    var newText = document.createTextNode(myInput.value);

    myDiv.appendChild(newText); }
    );

    //QUESTION 2: on doit utiliser l'event "change" avec le champ "input"

    /*myInput.addEventListener("change",function(){

    var newText = document.createTextNode(myInput.value);

    myDiv.appendChild(newText);

    );*/

    </script>

    </html>

    3
    Activité 4 :
    Fichier OursPolaire.html

    <html>

    <head>

    <title>OursPolaire</title>

    </head>

    <body>

    <h1>Ceci est un ours polaire</h1>

    <img src="OursPolaire.jpg">

    <form>

    <input type="button" value="Cliquer ici pour fermer cette fenêtre"


    onClick="window.close()">

    </form>

    </body>

    </html>

    Fichier OursPolairePrincipal.html

    <html>

    <head>

    <title>Aperçu de l'ours polaire</title>

    </head>

    <body>

    <B>Admirez l'ours polaire</B>

    <h2><a href="#" onClick="ouvrirOurs();">Cliquer ici pour voir l'ours polaire</a></h2>

    </body>

    <script>

    var op=setTimeout("alert('Cliquez sur le lien pour voire l'ours!!')",5000);

    function ouvrirOurs(){

    window.clearTimeout(op);

    window.open("OursPolaire.html","ours pol","height=350,width=320");}

    </script>

    </html>

    Vous aimerez peut-être aussi