Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1798 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [résolu] Problème bouton / javascript

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[résolu] Problème bouton / javascript

n°1332713
daweed62
Posté le 27-03-2006 à 10:01:11  profilanswer
 

voilà mon problème :
 
J'ai créé l'interface graphique de mon site avec photoshop/imageready pour le menu. Celà me genère le javascript qui permet de gerer le roll over des boutons. (le bouton n'a pas le meme aspect lorsque l'on place la souris au dessus). J'ai intégré le menu à mon site, jusque là, pas de problème, tout fonctionne.
 
J'ai récemment ajouté un petit javascript qui permet d'afficher la date du jour et l'heure en dessous du menu du haut.
le script se lance au chargement de chaque page. ( <body onLoad="afficheDate()"> )
Le script marche nikel, il m'affiche bien la date et l'heure en haut de la page, et l'heure et mise à jour toutes les secondes sans réactualisation de la page nécessaire.
 
Mais, depuis celà, les rollover des boutons ne marche plus!!! Est ce un conflit des javascripts ??
Si j enlève le onLoad="afficheDate()", les boutons remarches!!
Est ce que quelqu'un sait d'ou vient le problème ???
 
N'hésitez pas à demander si vous voulez plus d'explications.
 
Merci d'avance pour votre aide, j espère avoir été assez clair...


Message édité par daweed62 le 30-03-2006 à 09:35:01
mood
Publicité
Posté le 27-03-2006 à 10:01:11  profilanswer
 

n°1332755
grokiKK
Posté le 27-03-2006 à 11:29:52  profilanswer
 

met le code de <head> jusqu'à ton <body> avec tes deux javascripts qu'on y voit plus clair..

n°1332837
daweed62
Posté le 27-03-2006 à 14:04:43  profilanswer
 

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 :
  1. <script type="text/javascript">
  2. <!--
  3. function newImage(arg) {
  4. if (document.images) {
  5.  rslt = new Image();
  6.  rslt.src = arg;
  7.  return rslt;
  8. }
  9. }
  10. function changeImages() {
  11. if (document.images && (preloadFlag == true)) {
  12.  for (var i=0; i<changeImages.arguments.length; i+=2) {
  13.   document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
  14.  }
  15. }
  16. }
  17. var preloadFlag = false;
  18. function preloadImages() {
  19. if (document.images) {
  20.  menu_gauche_chaine_over = newImage("images/menu-gauche-chaine-over.gif" );
  21.  menu_gauche_equipe_over = newImage("images/menu-gauche-equipe-over.gif" );
  22.  menu_gauche_nos_vid_o_over = newImage("images/menu-gauche-nos-vid%e9o-over.gif" );
  23.  menu_gauche_contact_over = newImage("images/menu-gauche-contact-over.gif" );
  24.  menu_gauche_partenariat_over = newImage("images/menu-gauche-partenariat-ove.gif" );
  25.  preloadFlag = true;
  26. }
  27. }
  28. // -->
  29. </script>


 
Script pour l'affichage de la date :

Code :
  1. <script language="JavaScript">
  2. function afficheDate()// Notre fonction pour afficher la date et l'heure
  3. {
  4. // Création de nos tableaux pour y mettre en format texte le jour et le mois.
  5. // Pour les jours la valeur 0 équivaut à dimanche et va jusqu'à 6 = Samedi.
  6. // Pour les mois ça va de 0 à 11 .
  7. // En bref ça fonctionne comme touts les tableaux.
  8. jour = new Array ("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi" );
  9. mois = new Array ("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre" );
  10. date=new Date();// Ici on affecte à notre variable l'objet "Date", qui va nous donner toutes les infos nécessaires à notre fonction.
  11. datejour=date.getDate();// Nous allons chercher la date du jour dans notre objet date grâce à l'instruction "getDate()".
  12. heure=date.getHours();
  13. // Nous allons chercher l'heure dans notre objet date grâce à l'instruction "getHours() ".
  14. minute=date.getMinutes();
  15. // Nous allons chercher les minutes dans notre objet date grâce à l'instruction "getMinutes()".
  16. seconde=date.getSeconds();
  17. // Nous allons chercher les secondes dans notre objet date grâce à l'instruction "getSeconds()".
  18. // Ici ces conditions ne servent que d'un point de vue esthétique.
  19. // En effet, c'est bien mieux d'avoir '10 h 01' que '10 h 1'.
  20. if (date.getDate()<10) datejour="0"+datejour;
  21. // Si la date du jour est inférieur à 10 on va concaténer un 0 devant la date du jour.
  22. if (heure<10) heure="0"+heure;// Et ainsi de suite pour toutes nos variables.
  23. if (minute<10) minute="0"+minute;
  24. if (seconde<10) seconde="0"+seconde;
  25. // 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.
  26. // Pour l'affichage on va chercher dans nos tableaux jour et mois directement avec l'index (la valeur) que  
  27. // nous retourne la fonction "getDay() et getMonth()", puis on affiche toutes les autres variables simplement.
  28. document.getElementById("texteDate" ).innerHTML=jour[date.getDay()]+" "+datejour+" "+mois[date.getMonth()]+", "+heure+":"+minute+":"+seconde;
  29. setTimeout("afficheDate()", 1000);// Ici on rappel notre fonction toutes les 1000 ms, soit toutes les secondes.  
  30. // Sinon on ne pourrait pas afficher l'heure en temps réel.
  31. }
  32. </script>


 
exemble du code html pour un bouton :

Code :
  1. <td>
  2. <a href="index.php?page=2"
  3. onmouseover="changeImages('menu_gauche_equipe', 'images/menu-gauche-equipe-over.gif'); return true;"
  4. onmouseout="changeImages('menu_gauche_equipe', 'images/menu-gauche-equipe.gif'); return true;"
  5. onmousedown="changeImages('menu_gauche_equipe', 'images/menu-gauche-equipe-over.gif'); return true;"
  6. onmouseup="changeImages('menu_gauche_equipe', 'images/menu-gauche-equipe-over.gif'); return true;">
  7. <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...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [résolu] Problème bouton / javascript

 

Sujets relatifs
Problème de ponctuation ds un fichier texte dynamique ds flash[résolu] !! interprétation IE / Firefox !!
[Résolu] code instable[résolu] Frames vs css ? mise a jour de mon site...
Problème Validation css[Javascript] Déplacer le curseur (ou la sélection) dans un textarea
Probleme de cryptage de mot de passeJavascript est les bases de données
Probleme pour Modifier mon formulaire[resolu]Problème d'alignement
Plus de sujets relatifs à : [résolu] Problème bouton / javascript


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR