Cookies acceptés.
bouton pour découvrir notre choix
bouton de redirection: haut
bouton de redirection: home
bouton de redirection: bas
bouton de redirection: explication des cookies
Création de sites web 3 D.   Webmaster, webdesign - Conseil.

Votre site web 3D, ... pour une autonomie.

Un espace francophone artisanal et pédagogique.
Logo de LigneWeb

la communication web
... JavaScript indispensable ... code utf-8 ... -  © design : LigneWeb

- Site expérimental en XHTML 1.0 et CSS 2.0 avec CSS 3.0 -


 •   Plan du site 
Avec des cours et des conseils.
  Notre Blog :  La ligne papyrus 
- Programmes 1.  - Programmes 2.  - Programmes 3. 
Menu programmes 3 : - recherche  - menu On Off  - formulaire 



Programmes JavaScript de LigneWeb...3



 © LigneWeb  ... /programmes 3.
© design : LigneWeb
© : alain jean deligne - LigneWeb

Le logo de LigneWeb

Programmes en JavaScript 3 :



Suivez-nous.





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





Remarque : ... en CSS2 et CSS3 ... :

pour cette page et non visible ... :
le fichier ...  ligne21.css  ... qui mélange du CSS 2 avec du CSS 3 ...
... et ceci grâce aux sélecteurs spécifiques ... expliqués au ...  Cours CSS 3 





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

Entrez votre recherche :
Google Yahoo Both


... 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 ...
... Il sera appelé par cette phrase mise dans head : ...
... et le reste du programme, sera placé ou il doit apparaître : ...
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 ...
... actuellement, on fait appel à ce script ... menuonoff.css ... placé en externe ...
... appel se mettant dans le 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 ...
... cette troisième partie est un fichier extérieur à la page html ...
... son nom est ...menu.js ... pour notre site
... cette dernière partie n'est plus actuellement placée en fin ... mais sur le côté droit ...

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

... dernière partie remplacée par celle-ci ...
... juste placée après l'ouverture de la balise ...body ...
... nous avons ici en deuxième lieu ... le lien ... down ...


... voir aussi les ...  astuces  ... suivi de la remarque ...

 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 trouve le formulaire remplis avec l'adresse mail ...

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

... le nom du fichier ... .js ... est ... formulaire.js ...
... le nom de la ... fonction ... demandée est ... formulaire1 ...

Le fichier externe :
encodage du texte en ... utf-8 ...
Ce petit programme est ... protégé ... par ce copyright :

  © ... contrat Creative Commons  

... 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 ... de la fonction 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 ... dans le script ... menu.js ...
... les mesures étant prises par rapport au coin supérieur gauche ...
... pour que ce script puisse fonctionner correctement, ...
... il faut impérativement placer ... la partie texte suivi de l"appel du script ...
... entre le menu et le corps de la page web ...




Remarque :


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

... design 3 D ...

...  fenêtre sur l'univers  ...             © design : LigneWeb - © Apple





 Menu programmes :  - Programmes 1.  - Programmes 2.  - Programmes 3. 
  Essentiel :   - Accueil  - Offres  - Site photo  - Projet  - Historique  - Historique RSS  - Réalisations  - Création 
- Cours XHTML  - Cours CSS 2  - Création site  - Cours HTML 5  - Cours CSS 3  - Cours jQuery 
-  Programmes JS  - Liens - © - cookies  - Contact  - Plan du site 

Chaque enfant compte. Plan Belgique     Valid XHTML 1.0 Transitional     [Valid RSS]     CSS Valide !     Le logo de LigneWeb

... tout ne respecte pas le W3C ... site d'expérimentation ...

le titre du site web
©  Copyright :  "LigneWeb" (2008-2017) Tous droits réservés.  Légal  Design, Artisan web: mathalan 
 LigneWeb :   BE 0843 356 602. (2012-2017)   Conditions d'utilisation  Création: masterligne  • Qui sommes nous? 

Réinstaller le Bien en soi ... pour réinstaller le Bien sur terre ... et changer le monde.
© LigneWeb  Utilisation de cookies