Programmes JavaScript de LigneWeb.net... 2

Le JavaScript est un language qui s'exécute sur votre ordinateur...

Il faut donc activer le JavaScript sur votre ordinateur.......

... une aide existe sur le site MaBoite.qc.ca ......

... recherche sur ligneweb.net ...

Script 4 : votre navigateur.

Un petit programme JavaSript :......pour ceux qui ont déjà les connaissances suffisantes ...
... vous pouvez demander des explications supplémentaires ...

... ici commence ... le script en application : ......C'est celui utilisé dans ce site......

Vous êtes (le) la seul(e) à pouvoir lire cette information,...... qui est réalisée par un petit script :

Données totalement personnelles à but pédagogique avec du JavaScript :

......... ( infos...)

... ici se termine ... le script.

Passons à l'écriture dans un traitement de texte spécial, comme Smultron qui est un logiciel libre, ou TextWrangler pour Mac ... ou Notepad++ pour PC ...

Cette partie du script doit être mis dans la page html entre les balises <head> et </head> :

       				
       				
       	<script type="text/javascript" language="JavaScript" >
		nom = navigator.appName;
		type = navigator.appCodeName;
		version = navigator.appVersion;
		if (navigator.vendor){nom = navigator.vendor +' '+ navigator.vendorSub}
		text = ' Votre navigateur est '+ nom +'<br> la version '+ type +' '+ version +' ';
		</script>

Cette autre partie du script doit être mis dans la page html là ou vous voulez qu'il soit :

       				
       	<p>
   	<script type="text/javascript" language="javascript">document.write(text);</script>
   		</p>
   <noscript>
   <p>Vous n'avez pas JavaScript pour l'affichage de votre navigateur web.</p>
   </noscript>
   
   			<p>... ce petit programme est ... <b><em>protégé</em></b> ... par ce copyright  :  ...<br />
        ... <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.0/be/deed.fr" title="contrat à voir" target="_blank">© ... contrat Creative Commons </a> ...	
        	</p>

(code du script non xhtml 1.0)
encodage du texte en ... utf-8 ...

Ce petit programme est ... protégé ... par ce copyright :
© ... contrat Creative Commons

... Il faut faire un copier-coller sur votre page html à l'endroit voulu....
... ce script ne marche pas sous Windows XP avec Explorer 6 ... évidemment ...
... voir les astuces ...
... les balises div doivent être adaptées ...

retour on/off | Retour au menu
Fin du quatrième script

Script 5 : défilement de nouvelles.

Un petit programme JavaSript :......pour ceux qui ont déjà les connaissances suffisantes ...
... vous pouvez demander des explications supplémentaires ...

... ici commence ... le script en application : ......C'est celui utilisé dans ce site......

Quelques nouvelles sur ce site :

Powered and Generated by ... http://www.espacejavascript.com (no acces)

... ici se termine ... le script … (CE SCRIPT NE FONCTIONNE PLUS)
… le site http://www.espacejavascript.com/index.php est détourné vers Cibleclick.com ...

… (CE SCRIPT NE FONCTIONNE PLUS)
… le site http://www.espacejavascript.com/index.php … est détourné … vers Cibleclick.com …
… et cela débouche sur des sites web comme … celui de British Airways … (ce qui est un comble) …

Passons à l'écriture dans un traitement de texte spécial, comme Smultron qui est un logiciel libre, ou TextWrangler pour Mac ... ou Notepad++ pour PC ...

Cette partie doit être mis à part appellé ... nouvelles.js
... c'est un fichier .js qui n'est pas dans la page html ...
... il est placé au même niveau que la page html sur le serveur ...


<!-- 			
/*
	//Created by: Mike Hudson :: http://www.afrozeus.com 
	//Copyright : http://creativecommons.org/licenses/by-nc-sa/2.0/be/
	//indispensable 
	//Le Contrat Creative Commons  
*/

<!--
function setupFadeLinks() {
  arrFadeLinks[0] = "http://www.ligneweb.net/cours.html#info";
  arrFadeTitles[0] = "1. Détection de votre navigateur.";
  arrFadeLinks[1] = "http://www.ligneweb.net/cours.html#info";
  arrFadeTitles[1] = "2. Réactualiser votre site.";
  arrFadeLinks[2] = "http://www.ligneweb.net/programmes.html#script1";
  arrFadeTitles[2] = "3. Quelques scripts ...";
  arrFadeLinks[3] = "http://www.ligneweb.net/projet.html";
  arrFadeTitles[3] = "4. Notre projet ";
  arrFadeLinks[4] = "http://www.ligneweb.net/programmes2.html";
  arrFadeTitles[4] = "5. D'autres scripts ... ";
  arrFadeLinks[5] = "http://www.ligneweb.net/cours.html";
  arrFadeTitles[5] = "6. Un cours html ... ";
}

// You can also play with these variables to control fade speed, fade color, and how fast the colors jump.

var m_FadeOut = 255;
var m_FadeIn=0;
var m_Fade = 0;
var m_FadeStep = 9;
var m_FadeWait = 3600;
var m_bFadeOut = true;

var m_iFadeInterval;

window.onload = Fadewl;

var arrFadeLinks;
var arrFadeTitles;
var arrFadeCursor = 0;
var arrFadeMax;

function Fadewl() {
  m_iFadeInterval = setInterval(fade_ontimer, 10);
  arrFadeLinks = new Array();
  arrFadeTitles = new Array();
  setupFadeLinks();
  arrFadeMax = arrFadeLinks.length-1;
  setFadeLink();
}

function setFadeLink() {
  var ilink = document.getElementById("fade_link");
  ilink.innerHTML = arrFadeTitles[arrFadeCursor];
  ilink.href = arrFadeLinks[arrFadeCursor];
}

function fade_ontimer() {
  if (m_bFadeOut) {
    m_Fade+=m_FadeStep;
    if (m_Fade>m_FadeOut) {
      arrFadeCursor++;
      if (arrFadeCursor>arrFadeMax)
        arrFadeCursor=0;
      setFadeLink();
      m_bFadeOut = false;
    }
  } else {
    m_Fade-=m_FadeStep;
    if (m_Fade<m_FadeIn) {
      clearInterval(m_iFadeInterval);
      setTimeout(Faderesume, m_FadeWait);
      m_bFadeOut=true;
    }
  }
  var ilink = document.getElementById("fade_link");
  if ((m_Fade<m_FadeOut)&&(m_Fade>m_FadeIn))
    ilink.style.color = "#" + ToHex(m_Fade);
}

function Faderesume() {
  m_iFadeInterval = setInterval(fade_ontimer, 10);
}

function ToHex(strValue) {
  try {
    var result= (parseInt(strValue).toString(16));

    while (result.length !=2)
            result= ("0" +result);
    result = result + result + result;
    return result.toUpperCase();
  }
  catch(e)
  {
  }
}
//-->

... Il sera appelé par cette phrase mise dans head : ...
... et le reste du programme, sera placé ou il doit apparaître : ...

 			
 			<div id="nouvelles" align="center">

		  <div id="fade-base" align="center">

			<div  radius="10" id="myDiv" style="background-color: #3399bb; border: 1px solid #005599; width: 450px; height: 70px; text-align:center;">

Quelques nouvelles sur ce site :<br />;

<strong><em><a id="fade-links"></a></em></strong><br />

<font face="verdana" size="1">Powered and Generated by ... </font><a href="http://www.espacejavascript.com" target="_blank"><font face="papyrus,verdana,arial,helvetica" size="1" color="black"> http://www.<b>espacejavascript</b>.com </a></font>

			</div></div></div><br />
			<p>
       	... ce petit programme est ... <b><em>protégé</em></b> ... par ce copyright  :  ...<br />
        ...<;a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.0/be/deed.fr" title="contrat à voir" target="_blank">  © ... contrat Creative Commons  </a> ...	</p>

(code du script non xhtml 1.0)
encodage du texte en ... utf-8 ...

Ce petit programme est ... protégé ... par ce copyright :
© ... contrat Creative Commons

... Il faut faire un copier-coller sur votre page html à l'endroit voulu....
... les balises div doivent être adaptées ...
... dans le premier fichier, il faut mettre vos propres nouvelles ...

retour on/off | Retour au menu
Fin du cinquième script

Script 6 : la date.

Un petit programme JavaSript :......pour ceux qui ont déjà les connaissances suffisantes ...
... vous pouvez demander des explications supplémentaires ...

... ici commence ... le script en application : ......C'est celui utilisé dans ce site......

Nous sommes le : .

... ici se termine ... le script.

Passons à l'écriture dans un traitement de texte spécial, comme Smultron qui est un logiciel libre, ou TextWrangler pour Mac ... ou Notepad++ pour PC ...

Cette partie doit être mise à part appellée ... nouvelles.js
... c'est un fichier .js qui n'est pas dans la page html ...
... Il sera appelé par cette phrase mise dans head : ...
... et le reste du programme, sera placé ou il doit apparaître : ...

(code du script non xhtml 1.0)
encodage du texte en ... utf-8 ...

... Il faut faire un copier-coller sur votre page html à l'endroit voulu....
... les balises h3 et div doivent être adaptées ...

retour on/off | Retour au menu
Fin du sixième script

Des astuces :

Une astuce spéciale pour Explorer, ... c'est de voir d'abord si cela fonctionne avec les versions supérieures, ... ou alors de changer de navigateur ... c'est même utile ...
... Vous pouvez aussi changer de système avec Linux ... beaucoup plus stable ...
... Microsoft n'aimant pas que l'on lise chez lui ... d'où les problèmes avec la CEE ...

Remarque :

... ici les scripts sont soit dans head, ... soit en dehors dela page html ...
... il s'appelle par exemple : nouvelles.js ... ( .js pour préciser qu'il s'agit de JavaScript ) ....
... c'est la même chose à la page suivante ...

Retour acte pécédent | Page précédente | Page suivante | Retour au menu

Menu :

Présentation :

Téléchargement :

Programmes JavaScript de LigneWeb.net... 2

Script 4 : votre navigateur.

Script 5 : défilement de nouvelles.

Script 6 : la date.

Nous sommes le : .

Des astuces :

Remarque :

Menu :

Présentation :

Téléchargement :

Programmes JavaScript de LigneWeb.net... 2

Script 4 : votre navigateur.

Script 5 : défilement de nouvelles.

Script 6 : la date.

Nous sommes le : document.write(date); .

Des astuces :

Remarque :

Nous sommes le : .