Version complète: sur le forum Webmaster Hub : Hover fonctionne à moitié
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
francoisch
dimanche 11 mai 2008 à 09:59
Bonjour

Dans ma CSS :
CODE
body { behavior: url(csshover.htc); ...}
...
#main button:hover { background: rose; text-decoration: underline overline; }


Dans mes pages concernées :
CODE
Dans la page Index, dans le Div main:    
<button type="button" onclick="java script:affichetemporel ()" id="bouton44bleu1bleu2">repère<br>Temporel</button>

Dans une autre page, dans le Div main :
<button type="button" onclick="martinot ()" id="bouton_ind_bleu1bleu2"> Martinot </button>


Dans la page index : le Hover fonctionne = le bouton survolé devient rose et le texte est souligné / surligné

Dans l’autre page : le Hover ne fonctionne pas

Comme cette page est dans un sous-répertoire, j’y ai copié csshover.htc qui est naturellement présent également dans le répertoire racine.

Quelqu’un aurait une idée de la raison pour laquelle le Hover fonctionne à moitié ?

Je suis en WinXP SP2, IE7.

Par avance merci de votre aide.

Francois
Dadou
dimanche 11 mai 2008 à 10:30
je ne vois pas l'intérêt de passer par un bouton qui ne gère pas en natif dans IE la pseudo classe hover, et donc de passer par un artifice.

Si tu utilisais un lien tout bêtement
Ifmy
dimanche 11 mai 2008 à 10:31
Un lien vers la page serait mieux mais mis à part. Le behavior est sur le body or il me semble qu'il devrait être sur button mais tout dépend de son contenu wink.gif
ensuite :

onclick="java script:affichetemporel ()" onclick="affichetemporel();"
onclick="martinot ()" onclick="martinot();"

et j'ai un doute sur le <br> au sein d'un button mais bon rien avoir avec votre problème en soit smile.gif

sans commentaire sur les identifiants lol

CITATION(Dadou @ dimanche 11 mai 2008 à 11:30) *
je ne vois pas l'intérêt de passer par un bouton qui ne gère pas en natif dans IE la pseudo classe hover, et donc de passer par un artifice.

Si tu utilisais un lien tout bêtement


+1
francoisch
dimanche 11 mai 2008 à 13:44
bonjour et merci de vos réponses.

J'ai fait le ménage, supprimant les Javascript en trop et ajoutant les ; qui manquaient.

J'utilise des boutons précisement pour pouvoir écrire dedans sur 2+ lignes, en y mettant un / des <br>.

Je n'ai pas trouvé le moyen de faire ça avec un lien.

Sinon, ma question demeure: pourquoi ça marche dans une page et pas dans l'autre?

Merci de votre aide.

Francois
Ifmy
dimanche 11 mai 2008 à 14:00
C'est possible d'avoir les liens vers les pages ? ou un exemple si on doit pas voir le site wink.gif

ca peux être dut à plein de choses.
francoisch
lundi 12 mai 2008 à 08:52
Oui, naturellement:
- la page Index, dans laquelle le Hover fonctionne:
clic ici
- la page martinot, dans laquelle le Hover ne fonctionne pas:
accessible par un clic sur le bouton Martinot

Bonne recherche et merci de votre aide.

Francois
Ifmy
lundi 12 mai 2008 à 10:31
Mon dieuc 'est pas jolie jolie tout ça nonono.gif enfin hypocrite.gif

Erreur n°1 :
CODE
function bleuze ()
    {
    bleuze=window.open('compteur0.php?page=bleuze/bleuze.php','indexView02','channelmode=yes,scrollbars=yes';)
    }

CODE
function bleuze ()
    {
    bleuze=window.open('compteur0.php?page=bleuze/bleuze.php','indexView02','channelmode=yes,scrollbars=yes');
    }


Erreur n°2 :
CODE
<!-- affichages automatiques -->
<script language="JavaScript" type="text/javascript">
if (0 == 1)  { afficheveille () }
if (0 == 1)  { afficherep () }
if (0 == 1)  { affichecah () }
if ( == 1)  { affichecarnet () }
if (( == 1) && ( 2 > 0))  { affichecommun () }
</script>


Qu'est ce qui est strictement égale à 1 oO

C'est pas fini wink.gif Sinon je vois bien les rollhover sur les bouton web tv etc ... de Martinot
francoisch
lundi 12 mai 2008 à 16:48
bonjour Ifmy et merci de tes remarques.

J'ai corrigé Bleuze qui m'avait échappé; pour les conditions (0 == 1), tu auras compris que ce sont des aiguillages dépendant de paramètres.

Tu as aussi remarqué que je suis un développeur "alimentaire" dans le sens où j'essaie de me reservir de morceaux de code trouvés sur le Web.

Quand tu dis que tu vois bien les rollover sur les boutons Martinot, tu veux dire quoi? Si tu as trouvé une bonne idée de correction, je suis preneur.

Merci encore de ton aide.

Francois
francoisch
mardi 13 mai 2008 à 10:55
bonjour

Une précision: ma deuxième page, sur laquelle le Hover ne fonctionne pas, est dans un sous-répertoire.

Pour faire un test, j'ai copié cette page dans la racine pour que:
- elle soit dans le même répertoire que Index
- elle soit aussi dans le même répertoire que la CSS et ccshover.htc

Résultat: le Hover ne fonctionne toujours pas.

Merci de vos suggestions pour debugger ce sujet déliact.

Francois

francoisch
mercredi 14 mai 2008 à 11:19
bonjour

Une autre précision: dans la deuxième page:
- le Hover ne fonctionne pas (= le bouton ne devient pas rose et ...) avec des boutons comme celui-ci:
CODE
<button type="button" onclick="java script:afficheweb ()" id="bouton_fam_vert1vert2"> le Web </button>

- le Hover fonctionne avec des A REF

Quelqu'un a t il une idée?

Par avance merci de votre aide.

Francois
Ifmy
mercredi 14 mai 2008 à 11:41
onclick= est déjà un événement javascript donc pas besoin de lui préciser wink.gif
francoisch
vendredi 16 mai 2008 à 11:51
bonjour

J'ai trouvé l'erreur: j'utilisais un vieux Doctype dans la page en erreur.

Merci encore de votre aide.

Francois
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.