Programmes JavaScript de LigneWeb.net... 3

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 7 : recherche.

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......

... ici se termine ... le script.
... Une alerte existe si nous ne choisissons pas de moteur de recherche ...
... ainsi que si nous ne choisissons pas de terme de recherche, ... cela est inclus dans 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é ... recherche.js
... c'est un fichier js qui n'est pas dans la page html ...

 			
 			 /* Created by: Ivan Iraola :: http://www.cybexmag.com */
  function DoSearch() { 
  	var Flag = 0;
  	 if (document.ToolBox.SearchOption[0].checked==true) 
  	 {
  	 	 var Flag = 1;
  	 	 var Engine = document.ToolBox.SearchOption[0].value;
  	     var Query = document.ToolBox.SearchBox.value;
  	     var locName = "http://www.google.com/search?hl=en&q=";
  	     if (Query == "") 
  	   { 
  	   		alert("Marquez un terme de recherche, s'il vous plait. Merci."); 
  	   		return; 
  	   	} 
  	   	location.href = (locName + Query) 
  	   	} 
  	   	if (document.ToolBox.SearchOption[1].checked==true) 
  	   	{ 
  	   		var Flag = 1; 
  	   		var Engine = document.ToolBox.SearchOption[1].value; 
  	   		var Query = document.ToolBox.SearchBox.value; var locName = "http://search.yahoo.com/search?p="; 
  	   		if (Query == "") 
  	   	{ 
  	   		alert("Marquez un terme de recherche, s'il vous plait. Merci."); 
  	   		return; 
  	   	} 
  	   	location.href = (locName + Query) 
  	   	} 
  	   	if (document.ToolBox.SearchOption[2].checked==true) 
  	   	{ 
  	   		var Flag = 1; 
  	   		var Engine = document.ToolBox.SearchOption[2].value; 
  	   		var Query = document.ToolBox.SearchBox.value; 
  	   		if (Query == "") 
  	   	{ 
  	   		alert("Marquez un terme de recherche, s'il vous plait. Merci."); 
  	   		return; 
  	   	} 
  	   	var searchPage = "<HTML>";
  	   	 searchPage += "\n"; 
  	   	 searchPage += "<FRAMESET ROWS=\"50%,50%\">"; 
  	   	 searchPage += "\n"; 
  	   	 searchPage += "<FRAME SRC=\"http://www.google.com/search?hl=en&q=" + Query + "\">"; 
  	   	 searchPage += "\n"; 
  	   	 searchPage += "<FRAME SRC=\"http://search.yahoo.com/search?p=" + Query + "\">"; 
  	   	 searchPage += "\n"; 
  	   	 searchPage += "</FRAMESET>"; 
  	   	 searchPage += "\n"; 
  	   	 searchPage += "</HTML>"; 
  	   	 document.write(searchPage); 
  	   	 } 
  	   	 if (Flag == 0) 
  	   	 { 
  	   	 	alert("Merci de bien vouloir choisir un moteur de recherche."); 
  	   	 } 
  	  }

... 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 ...

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 h3 et div doivent être adaptées ...

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

Script 8 : menu On Off.

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......

... je ne peux pas le placer ici ... mais il est présent sur cette page ...
... dans l'en-tête sous l'image ... menu On ... qu'il faut cliquer pour le faire apparaître ...
... venant de la gauche ... et qu'on peut faire disparaître en recliquant sur l'image ... menu Off ...

... ici se termine ... le script.
... la place de ce script doit impérativement être placé après le contenu ...
... de la zone ... menu ... donc entre les balises ...</menu>... (balise sortante) et ... <corps> ... (balise entrante) ...

... 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 ...

... ce script demande ... deux images, ... je vous donne les miennes ... ou vous en faites d'autres ...
... il faut les prendrent en cliquant dessus et les faire glisser sur votre bureau ...
... les images qui sont sur cette page ... ( il n'y a pas de © ) ...

Cette partie doit être mise dans ... head ...
... cette deuxième partie sera placée à la fin de toutes les données ...et ...
... juste après la zone ... menu ... après la balise ... </menu> ... imparérativement ...
... et avant la balise ... <corps> ...
... l'appel de menu.js se fait en final de cette partie ...

 				
    		<div id="menuSelect" align="center"><a href="#" onClick="moveOnMenu();moveOffSelector()"><img src="icone1.gif" width="36" height="38" border="0"></a> 
		</div>
		<div id="menuShow"> <a href="#" onClick="moveOffMenu();moveOnSelector()"><img src="icone2.gif" width="36" height="38" border="0"></a> 
  		<br />
		<br />
			* Tous les scripts ...<br />
  			* <a href="programmes.html#script1">script 1: écriture de texte.</a><br />
  			*<;a href="programmes.html#script2">script 2: défilement de texte.</a><br />
  			* <a href="programmes.html#script3">script 3: défilement de texte.<;/a><br />
 	 		* <a href="programmes2.html#script4">script 4: votre navigateur.</a><br />
  			* <a href="programmes2.html#script5">script 5: défilement de nouvelles.</a><br />
  			* <a href="programmes2.html#script6">script 6: la date.</a><br />
  			* <a href="programmes3.html#script7">script 7: recherche.</a><br />
  			* <a href="programmes3.html#script8">script 8: menu On Off.</a><br />
		</div>
		
  		<script type="text/javascript" langage="JavaScript" src="menu.js">
		</script>
		<noscript>ceci est un menu pour le cours html</noscript>

... cette troisième partie est un fichier extérieur à la page html ...
... son nom est ...menu.js ... pour notre site

 				
			// (C) 2001 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header.

// Set Show to "yes" to show the menu on start-up.
// Set Show to "no" to show the selector on start-up.

Show ="no";

// Set OffX in pixels to a negative number 
// somewhat larger than the width of the menu.

var OffX = -300;

// Set the PosX and PosY variables
// to the location on the screen where the
// menu should position (in pixels) when stopped.

var PosX =  50;
var PosY =  100;

// Usually, use the settings shown; but you can
// change the speed and the increment of motion
// across the screen, below.

var speed        = 4;
var increment    = 4;
var incrementNS4 = 5; // for slower NS4 browsers

// do not edit below this line
// ===========================

var is_NS = navigator.appName=="Netscape";
var is_Ver = parseInt(navigator.appVersion);
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
var is_NS5up = is_NS&&is_Ver>=5;

var MenuX=OffX;
var SelX=PosX;
var sPosX=PosX;
var sOffX=OffX;

if (Show=="yes"){
sPosX=OffX;
sOffX=PosX;
MenuX=sOffX;
SelX=sPosX;
}

if (is_NS4){
increment=incrementNS4;
Lq="document.layers.";
Sq="";
eval(Lq+'menuSelect'+Sq+'.left=sPosX');
eval(Lq+'menuShow'+Sq+'.left=sOffX');
eval(Lq+'menuSelect'+Sq+'.top=PosY');
eval(Lq+'menuShow'+Sq+'.top=PosY');
}else{
Lq="document.all.";
Sq=".style";
document.getElementById('menuSelect').style.left=sPosX+"px";
document.getElementById('menuShow').style.left=sOffX+"px";
document.getElementById('menuSelect').style.top=PosY+"px";
document.getElementById('menuShow').style.top=PosY+"px";
}  

function moveOnMenu(){
if (MenuX<PosX){ 
MenuX=MenuX+increment;
if (is_NS5up){
document.getElementById('menuShow').style.left=MenuX+"px";
}else{
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOnMenu()',speed);
}
}

function moveOffMenu(){
if (MenuX>OffX){ 
MenuX=MenuX-increment;
if (is_NS5up){
document.getElementById('menuShow').style.left=MenuX+"px";
}else{
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOffMenu()',speed);
}
}

function moveOffSelector(){
if (SelX>OffX){ 
SelX=SelX-increment;
if (is_NS5up){
document.getElementById('menuSelect').style.left=SelX+"px";
}else{
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOffSelector()',speed);
}
}

function moveOnSelector(){
if (SelX<PosX){ 
SelX=SelX+increment;
if (is_NS5up){
document.getElementById('menuSelect').style.left=SelX+"px";
}else{
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOnSelector()',speed);
}
}

... cette dernière partie sera placée juste avant le pied de page ...
... pour faire un retour au menu On Off dans l'en-tête ...

(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 menu se montrera au dessus des zones définies ... voir les astuces et remarque ci-dessous ...

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

Script 9 : vérification Formulaire.

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 proposons le script qui permet ... d'envoyer un formulaire par E-Mail ...
... il n'est pas visible mais se trouve sur la page ... contact ... ou se trouve le formulaire ...

... on appelle ce fichier en poussant sur le bouton ... envoyer ...
... il vérifie si l'E-Mail est bien écrit ...

... 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 ...

... ce script est externe à la page ... il est donc appelé ...
...pour l'envoi, on vérifie que l'E-Mail est correct ...
...si non, une alerte est donnée ... et si oui, le formlaire ouvre l'application Mail dans laquelle se troube le formulaire remplis avec l'adresse mail ...

Cette partie doit être mise dans ... head ...

Le fichier externe :

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

... le nom du fichier de ce script est ... formulaire.js ...
... c'est lui qu'on appelle dans ...head ...

...l'appel de la fonction ... VerifForm ... se fait dans la balise ... input ...type ... submit ... du formulaire ...
... avec le ...name ... du formulaire qui est ...formulaire1 ...
...et qui donne (pour rappel) ...

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

Des astuces pour le menu on/off :

... qu'elle est la logique dans cette position ? ... ce menu ne dépend pas des différentes zones ...
... il est définit par rapport aux côtés de la page ... voire même de l'écran ...
... ces données peuvent être changées ...
... les mesures étant prises par rapport au coin supérieur gauche ...

Remarque :

... dans le menu ... OnOff ...
... nous avons à faire à un script spécial ... car sa place est particulière ...

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

Menu :

Présentation :

Téléchargement :

Programmes JavaScript de LigneWeb.net... 3

Script 7 : recherche.

Script 8 : menu On Off.

Script 9 : vérification Formulaire.

Des astuces pour le menu on/off :

Remarque :