HTML et JavaScript

Cours en rénovation ....

Connaître la plateforme du navigateur utilisé en JavaScript

<script type="text/javascript">
<!--
  
document.writenavigator.platform );
// -->
</script>
  • Ce qui donne comme résultat :

Connaître le navigateur utilisé en JavaScript

  • Déclarer l'utilisation du script « BrowserDetect.js » dans la partie HEAD du fichier HTML :

<script type="text/javascript" src="JavaScript/BrowserDetect.js"></script>
  • L'objet « BrowserDetect » permet de connaître le nom du navigateur et sa version
  • Il permet aussi de connaître le système d'exploitation utilisé
<script type="text/javascript">
<!--
  
document.write"Votre Navigateur : <b>" );
  
document.writeBrowserDetect.browser " " BrowserDetect.version "</b>" );
  
document.write"&nbsp;&nbsp; - &nbsp;&nbsp;" );
  
document.write"Votre Système : <b>" BrowserDetect.OS "</b></p>" );
  
  
document.write"<p>Vos Dimensions Ecran : <b>" );
  
document.writelnscreen.width " x "  screen.height  "</b></p>" );
// -->
</script>
  • Ce qui donne comme résultat :

 

  • Le script « BrowserDetect.js » utilise les attributs de la variable navigator :
<script type="text/javascript">
<!--
  
document.writeln"<p style='color:blue;'>Attribut navigator.appName" );
  
document.writeln" &nbsp;&rArr;&nbsp; <b>" navigator.appName "</b></p>" );
  
document.writeln"<p style='color:blue;'>Attribut navigator.userAgent &nbsp;&rArr;</p> " );
  
document.writeln"<p><b>" navigator.userAgent "</b></p>" );
// -->
</script>
  • Ce qui donne comme résultat :

  • Navigateur déduit du UserAgent :

Afficher le nom du domaine et l'URL en JavaScript

<script type="text/javascript">
<!--
  
document.writeln"<p style='color:blue;'>Attribut window.location.hostname" );
  
document.writeln" &nbsp;&rArr;&nbsp; <b>" window.location.hostname "</b></p>" );
  
document.writeln"<p style='color:blue;'>Attribut window.location.href" );
  
document.writeln" &nbsp;&rArr;&nbsp; <b>" window.location.href "</b></p>" );
// -->
</script>
  • Ce qui donne comme résultat :

Changer le style de la couleur de fond

Le changement de couleur sera effectif pendant deux jours pour les pages du site.

La nouvelle couleur est mémorisée dans le cookie « MASi_BackGroundColor »

En cliquant sur le bouton « Changer », vous accepter d'utiliser les cookies sur le site assomasi.org

<script type="text/javascript"
<!--
function 
getCookiep_Name ) {

  var 
TabCookies document.cookie.split";" );

  var 
i,x,y;

  for ( 
0TabCookies.lengthi++ ) {
    
TabCookies].substr0,TabCookies].indexOf"=" ) );
    
TabCookies].substrTabCookies].indexOf"=" ) + );
    
x.replace( /^\s+|\s+$/g"" );
    if ( 
== p_Name ) {
      return 
unescape);
    }
  }
}

function 
setCookiep_Namep_ValueP_Days ) {

  var 
exdate = new Date();
  
exdate.setDateexdate.getDate() + P_Days );

  var 
c_valuec_datex;

  
c_value escapep_Value );
  
c_datex = ( ( P_Days == null ) ? "" "; expires=" exdate.toUTCString() );

  
document.cookie p_Name "=" c_value c_datex

  var 
OptionsDate_ExpirationDate_Edge;
  
  
Options = { weekday'long'year'numeric'month'long'day'numeric' };

  
Date_Expiration  exdate.toLocaleDateString'fr-FR'Options );
  
Date_Expiration += " " exdate.toLocaleTimeString'fr-FR' );

  
Date_Edge "";
  for ( var 
0Date_Expiration.lengthn++ ) {
    if ( 
Date_Expiration.charCodeAt) != 8206 ) {
      
Date_Edge += Date_Expiration];
    }
  }

  
document.cookie p_Name "_Date_Expiration=" Date_Edge  c_datex;
}

var 
hexcolor '#0000FF':

document.body.style.backgroundColor hexcolor;

setCookie"MASi_BackGroundColor"hexcolor);
// -->
</script>

Animations en CSS

Obtenir le numéro IP de l'utilisateur à l'aide du PHP

<?php
if ( isset( $_SERVER'REMOTE_ADDR' ] ) ) {
  echo 
"<p>Adresse IP = " $_SERVER'REMOTE_ADDR' ] . "</p>";
}
?>
  • Ce qui donne comme résultat :

Adresse IP = 34.228.30.69