[résolu] Problème bouton / javascript

Marsh Posté le 27-03-2006 à 10:01:11

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

Reply

Marsh Posté le 27-03-2006 à 10:01:11

Reply

Marsh Posté le 27-03-2006 à 11:29:52

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

Message cité 1 fois

Reply

Marsh Posté le 27-03-2006 à 14:04:43

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

Reply

[résolu] Problème bouton / javascript

Sujets relatifs:

Leave a Replay