 |
 |
 |
 |
|
 |
 |
 |
  Home Page Tous les scripts Proposer un script Recherche de script AJAX new! Cours de JavaScript Liste de discussion Forums CountUs myCircle Referencement Créat. de bannière HTML / CSS PHP / MySQL Réferencement Graph / Présentation Toutes les astuces Ajouter un article
 
Hebergement web Referencement Sites webmasters XHTML - CSS2 PHP Affiliation - Pub FAI Annuaire webmaster Kits graphiques Comparateur de prix Foire aux questions Les membres Devenir annonceur Faire un lien Contact Hebergement gratuit Le PHP facile Horoscope Comscripts WebmasterClub L'écriteau Faro-dessing Activeartanima... Le village de ... Images gifs an... Netsources Easy-script.com Création de site Créer son site... K i s s design Les autres Votre site ici
? |
 Le JavaScript pour la présentation de vos pages
Le même style partout !
Imaginons que pour votre titre de chapitre par exemple, vous gardiez toujours la même présentation, par exemple celle ci-dessous, vous serez obligé de repeter le code HTML sur chacune de vos pages, et même plusieurs fois par page :
Et si jour vous désirez changer cette présentation, vous devrez alors modifier toutes vos pages ! Heureusement, il y a findus ! Et le JavaScript ! En effet, un simple fonction dans un fichier .js appelé sur toutes vos pages créera, à votre demande, un titre personnalisé. Plus la peine de repeter 100 fois le code HTML, juste un appel de fonction et le tour est joué. Aussi, il vous suffira de modifier le fichier .js pour affecter toutes les pages de votre site ! Dans la pratique :
Voici le code HTML que nous avons utilisé dans notre titre d'exemple :
<table width="100%" cellpadding="3" cellspacing="1" border="0" bgcolor="#000000">
Nous allons créer un fichier nommé <tr> <td width=10 style="color:white" bgcolor="#CC0000">></td> <td style="color:white;font-weight:bold" bgcolor="#5979B6">Titre de chapitre</td> </tr> </table> presentation.js, dans lequel nous allons créer une fonction titre() qui affichera le code HTML. Le contenu de presentation.js :
function titre() { html = '<table width="100%" cellpadding="3" cellspacing="1" border="0" bgcolor="#000000">'; html += '<tr>'; html += '<td width=10 style="color:white" bgcolor="#CC0000">></td>'; html += '<td style="color:white;font-weight:bold" bgcolor="#5979B6">Titre de chapitre</td>'; html += '</tr>'; html += '</table>'; return(html); } Chargez le fichier presentation.js dans votre page via ce bout de code :
<script language="JavaScript" src="presentation.js"></script> Et appelez la fonction titre() :
<SCRIPT LANGUAGE=JavaScript> document.write(titre()); </script>
Sympa, mais on peut mieux faire, par exemple en permettant d'afficher un texte different dans chaque menu ! Reprennons notre fichier presentation.js et effectuons quelques modifications :
function titre(texte)
Par cette méthode, on peut désormais passer un texte en parametre de la fonction titre() et ainsi personnaliser son titre a chaque appel de la fonction. Reprennons maintenant notre page :{ html = '<table width="100%" cellpadding="3" cellspacing="1" border="0" bgcolor="#000000">'; html += '<tr>'; html += '<td width=10 style="color:white" bgcolor="#CC0000">></td>'; html += '<td style="color:white;font-weight:bold" bgcolor="#5979B6">'; html += texte; html += '</td>'; html += '</tr>'; html += '</table>'; return(html); }
<script language="JavaScript"> document.write(titre('C\'est un titre génial !')); </script> Ce bout de code donnera le résultat suivant : Annotations des visiteurs :
>> Poster une annotation sur cette astuce
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
De 
 |
 |
 |
La mini-astuce "PHP / mySQL" du jour par @Rano Lorsque vous voulez faire une recherche sur les fonctions PHP, allez simplement à l'url : http://fr.php.net/fonction_que_vous_cherchez (par exemple http://fr.php.net/mail) Proposer votre mini-astuce | Archives des mini-astuces |
 |
 |
 |
 |
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 12/05/2008 11:09:59 | Design by Studcrea | Gen. en 0.463 sec.
|
 |