daweed62 | grokiKK a écrit :
met le code de <head> jusqu'à ton <body> avec tes deux javascripts qu'on y voit plus clair..
|
Script généré par image ready pour les rollover
Code :
- <script type="text/javascript">
- <!--
- function newImage(arg) {
- if (document.images) {
- rslt = new Image();
- rslt.src = arg;
- return rslt;
- }
- }
- function changeImages() {
- if (document.images && (preloadFlag == true)) {
- for (var i=0; i<changeImages.arguments.length; i+=2) {
- document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
- }
- }
- }
- var preloadFlag = false;
- function preloadImages() {
- if (document.images) {
- menu_gauche_chaine_over = newImage("images/menu-gauche-chaine-over.gif" );
- menu_gauche_equipe_over = newImage("images/menu-gauche-equipe-over.gif" );
- menu_gauche_nos_vid_o_over = newImage("images/menu-gauche-nos-vid%e9o-over.gif" );
- menu_gauche_contact_over = newImage("images/menu-gauche-contact-over.gif" );
- menu_gauche_partenariat_over = newImage("images/menu-gauche-partenariat-ove.gif" );
- preloadFlag = true;
- }
- }
- // -->
- </script>
|
Script pour l'affichage de la date :
Code :
- <script language="JavaScript">
- function afficheDate()// Notre fonction pour afficher la date et l'heure
- {
- // Création de nos tableaux pour y mettre en format texte le jour et le mois.
- // Pour les jours la valeur 0 équivaut à dimanche et va jusqu'à 6 = Samedi.
- // Pour les mois ça va de 0 à 11 .
- // En bref ça fonctionne comme touts les tableaux.
- jour = new Array ("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi" );
- mois = new Array ("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre" );
- date=new Date();// Ici on affecte à notre variable l'objet "Date", qui va nous donner toutes les infos nécessaires à notre fonction.
- datejour=date.getDate();// Nous allons chercher la date du jour dans notre objet date grâce à l'instruction "getDate()".
- heure=date.getHours();
- // Nous allons chercher l'heure dans notre objet date grâce à l'instruction "getHours() ".
- minute=date.getMinutes();
- // Nous allons chercher les minutes dans notre objet date grâce à l'instruction "getMinutes()".
- seconde=date.getSeconds();
- // Nous allons chercher les secondes dans notre objet date grâce à l'instruction "getSeconds()".
- // Ici ces conditions ne servent que d'un point de vue esthétique.
- // En effet, c'est bien mieux d'avoir '10 h 01' que '10 h 1'.
- if (date.getDate()<10) datejour="0"+datejour;
- // Si la date du jour est inférieur à 10 on va concaténer un 0 devant la date du jour.
- if (heure<10) heure="0"+heure;// Et ainsi de suite pour toutes nos variables.
- if (minute<10) minute="0"+minute;
- if (seconde<10) seconde="0"+seconde;
- // Ici on va atteindre notre élément qui affiche nos infos grâce" à son "ID" et on lui affecte tout ce qu'on veut afficher.
- // Pour l'affichage on va chercher dans nos tableaux jour et mois directement avec l'index (la valeur) que
- // nous retourne la fonction "getDay() et getMonth()", puis on affiche toutes les autres variables simplement.
- document.getElementById("texteDate" ).innerHTML=jour[date.getDay()]+" "+datejour+" "+mois[date.getMonth()]+", "+heure+":"+minute+":"+seconde;
- setTimeout("afficheDate()", 1000);// Ici on rappel notre fonction toutes les 1000 ms, soit toutes les secondes.
- // Sinon on ne pourrait pas afficher l'heure en temps réel.
- }
- </script>
|
exemble du code html pour un bouton :
Code :
- <td>
- <a href="index.php?page=2"
- onmouseover="changeImages('menu_gauche_equipe', 'images/menu-gauche-equipe-over.gif'); return true;"
- onmouseout="changeImages('menu_gauche_equipe', 'images/menu-gauche-equipe.gif'); return true;"
- onmousedown="changeImages('menu_gauche_equipe', 'images/menu-gauche-equipe-over.gif'); return true;"
- onmouseup="changeImages('menu_gauche_equipe', 'images/menu-gauche-equipe-over.gif'); return true;">
- <img name="menu_gauche_equipe" src="images/menu-gauche-equipe.gif" width="151" height="38" border="0" alt=""></a></td>
|
voilà...
mais le problème ne vient semble t-il pas du code, puisque indépendamment, il marche tout les 2, mais, sur la meme page, les rollover des boutons ne fonctionne plus... |
