Discussion :

[veevee]

Bonjour,

au bas de mes pages HTML, j'affiche un compteur

ce compteur est appelé par :

Code Javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=4/8/8146/2/1&ID=352737">
</script><noscript><a href="http://www.abcompteur.com/">ABCompteur : compteur gratuit</a></noscript>

je souhaite afficher le compteur quand on pointe l'emplacement du compteur et l'effacer quand on pointe hors de la zone compteur

Je transforme donc la chose (que j'ai copiée je ne sais où) en

Code simili CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<DIV style="visibility:visible">
<P onmouseover="this.style.visibility='visible'"
   onmouseout="this.style.visibility='hidden'">
<script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=4/8/8146/2/1&ID=352737">
</script><noscript><a href="http://www.abcompteur.com/">ABCompteur : compteur gratuit</a></noscript>
</DIV>

Quand je lance la page, le compteur est affiché
lorsque je pointe dessus, il est affiché
lorsque je sors de la zone, il s'efface et n'est plus réaffiché quand on repointe la zone

Je ne comprend pas ce qui pêche (à part la balise P qui n'est pas fermée)

Un de vous a-t-il une idée ?

Merci

[Er3van]

C'est plus du JS que du css....

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<DIV onmouseover="this.style.visibility='visible'" onmouseout="this.style.visibility='hidden'">
<script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=4/8/8146/2/1&ID=352737">
</script><noscript><a href="http://www.abcompteur.com/">ABCompteur : compteur gratuit</a></noscript>
</DIV>

Et ça simplement, ça ne marche pas ?

[veevee]

Bonjour,

ben non, testé avec FF et IE6, ça se passe comme je le décris
à l'ouverture de la page, le compteur y est
je vais dessus, il y reste
je sors, il s'efface
et il ne revient plus jamais

Comprend pas

[Thes32]

C'est plus du JS que du css....

je sais plus si les évenements onmouseover et sont acceptés avec les divs sinon tu dois avoir quelque comme ça:
dans un fichier css ou à l'entete de la page

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
#id{visibility='hidden'}
#id hover{visibility='visible'"}

dans la div concernée

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="id">....</div>

bon, disons que je l'ai pas testé...

[veevee]

re,
et merci

ben non
j'ai essayé avec DIV, avec P, rien...
J'ai essayé d'inverser (effacer quand on pointe) rien

Par contre, j'ai bien compris qu'on séparait le JS du CSS (c'est toujours ça de pris)

La lutte continue

[veevee]

re,

je commence à y voir plus clair :
Dans la page HTML, il me semble qu'il faut passer obligatoirement par un script JS comportant deux fonctions :
- la fonction voir() pour onmouseover
- la fonction cacher() pour onmouseout

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div onmouseover="voir()" onmouseout="cacher()">
<script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=4/8/8146/2/1&ID=352737">
</script><noscript><a href="http://www.abcompteur.com/">ABCompteur : compteur gratuit</a></noscript>
</div>

Le pb c'est pour passer de ces fonctions JS à une commande (provisoire) CSS
En quelque sorte, comme JS peut-il appeler une classe (ou une id) CSS ?

Code Javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script language="JavaScript" type="text/javascript">
function voir(){
alert("on passe par voir");
}
function cacher(){
alert("on passe par cacher");
}
</script>

Là je sèche

Mais les pointures savent faire, eux !!!

Merci