L'objet window

Description

1. Ajoutez une page à votre portfolio en affichant les assistants HTML et Javascript (9136)
2. Inscrivez dans le champ titre : Javascript : Objet Window
3. Sélectionnez la matière : informatique
4. Inscrivez dans le champ No de la directive : 9136
5. Inscrivez dans votre page le titre de niveau 1 : Javascript : Objet Window

   ---

6. Utilisez le bouton JAVASCRIPT afin d'insérer le code javascript dans votre page
7. Dans ce code, insérer le code suivant : alert(window.location)
   
   Ce code n'a pas une grande utilité lorsqu'il est utilisé de cette façon, mais si vous désirez rediriger l'utilisateur vers une autre page dans un script, vous pouvez utiliser le code suivant :
   
   window.location.href='http://google.com'
   
   N'écrivez pas ce code dans votre page car la page google.com s'affichera. Si vous ne me croyez pas, essayez-le!
   
   
8. Essayons plutôt ce code de la façon suivante :
   Vous allez demandez au visiteur de votre page s'il désire afficher un site de votre choix relié à votre option (sport, sciences et technologie ou arts).
   Si le visiteur répond oui, alors ce site sera affiché.
   --> Trouvez un bon site relié à votre option et copiez son adresse (URL).
   
   --> Utilisez le bouton JAVASCRIPT afin d'insérer le code javascript dans votre page.
   
   --> Dans ce code insérez le script suivant :
   
   
   var visite= confirm('Désirez-vous visiter un site intéressant?');
   if ( (visite==true) )
   {window.location.href='http://pierremorissette.ca'
   }
   
   
   
   -->Supprimez l'adresse "http://pierremorissette.ca" et remplacez cette dernière par l'adresse du site que vous avez choisi.
   
   

   ---

9. Dans votre code Javascript, vous allez ajouter le code javascript qui fera apparaître dans la barre de status un texte.
   Utilisez ce code en exemple :
   window.status='L\'objet window.'
   
   Remarquez l'utilisation de \ devant l'apostrophe. Êtes-vous en mesure d'expliquer pourquoi ce caractère doit être présent?
   
   

   ---

10. Maintenant, utilisons la méthode OPEN afin d'ouvir une autre fenêtre en spécifiant quelques options.
    
    --> En en-tête de page, insérez le code de déclaration Javascript (bouton Javascript)`
    
    
    -->Dans ce code insérez le script suivant :
    function visi()
    {
    window.open ("url","","toolbar,menubar,scrollbars,resizable,directories,status,location,height=400,width=400");
    }
    
    
    --> Remplacez URL par un URL de votre choix
    
    --> Modifiez quelques options d'affichage à votre goût en ajoutant à un ou plusieurs paramètres de window.open() le texte suivant : =no, exemple directories=no
    
    exemple : function visi()
    {
    window.open
    ("url","","toolbar=no,menubar,scrollbars=no,resizable,directories,status=no,location,height=400,width=400");
    }
    
    
11. Ajoutez ensuite à l'extérieur du code javascript au bas de votre page (en HTML) un lien qui lancera la fonction visi()
    
    <a href="javascript:void(0)" onclick=javascript:visi()>Cliquez ici pour lancer la fonction visi()</a>
    
    
12. Indiquez ensuite dans le code HTML de votre page la signification de chacune des options utilisées :
    
    Consultez ce site afin d'obtenir les bonnes réponses (cliquez ici), ou ce site (cliquez ici)
    
    Copiez ce texte , collez-le dans votre page et décrivez brièvement chacun des paramètres :
    
    
    toolbar :
    menubar :
    scrollbars :
    resizable :
    directories :
    status :
    location :
    height :
    width :
    
    
13. Placez un saut de ligne entre chacune de vos descriptions.