Insérer un compteur visible au survol

Version imprimable

17/03/2023, 09h23
bpdu92

Insérer un compteur visible au survol

bonjour les experts
comment puis je inserer un compteur de visite dans une page,
dont l'affichage ne se ferait qu'au survol d'une zone particuliere,
normalement vide ?
Merci
17/03/2023, 10h20
mathieu

je pense que vous avez besoin de javascript et de l'évènement "mouseover" pour faire cela :
https://developer.mozilla.org/fr/doc...ouseover_event
et ensuite une base de données et du code coté serveur comme php ou node.js pour enregistrer le compte.
17/03/2023, 12h18
Dave Hiock

\ô/

Citation:

dont l'affichage ne se ferait qu'au survol d'une zone particuliere,

c'est possiblement réalisable en css mais va dépendre de la structure html mise en place et de la notion de zone particulière.
18/03/2023, 00h47
bpdu92

Citation:

Envoyé par mathieu

je pense que vous avez besoin de javascript et de l'évènement "mouseover" pour faire cela :
https://developer.mozilla.org/fr/doc...ouseover_event
et ensuite une base de données et du code coté serveur comme php ou node.js pour enregistrer le compte.

Merci,
mais peut-on avoir plus simple,
avec un appel à un site de comptage,
par <img src=url site de comptage/parametres....> je suppose ?

Citation:

Envoyé par Dave Hiock

\ô/

c'est possiblement réalisable en css mais va dépendre de la structure html mise en place et de la notion de zone particulière.

je n'ai aucune zone particuliere,
uniquement l'affichage de documents mp4 ou pdf
Merci de tes precisions
20/03/2023, 19h47
Dave Hiock

J'ai du mal à saisir ce que tu veux réellement, faire un compteur, l'intégrer dans ta page et le voir simplement au survol ?
20/03/2023, 23h21
bpdu92

Citation:

Envoyé par Dave Hiock

J'ai du mal à saisir ce que tu veux réellement, faire un compteur, l'intégrer dans ta page et le voir simplement au survol ?

c'est exactement ça, que je détaille un peu plus :
seul le proprietaire du site
qui connait la zone où est caché le compteur
peut le voir en la survolant,
en cherchant un petit peu
(les autres internautes qui survoleraient aussi cette zone par hasard le verront aussi,
c'est pas grave)
peut-être une solution voisine,
mettre une image tres petite , plus facile à detecter ?

Cordialt

ci dessous mon code
j'ai bien le compteur qui apparait/disparait au survol de l'image,
mais comment empêcher qu'il soit pré-affiché la 1ere fois ?
merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>Nouvelle page 1</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2900.3429" name=GENERATOR></HEAD>
<BODY>
 
<SPAN 
id="bp" style="LEFT: 100px; POSITION: absolute; TOP: 100px" 
onmouseover="mouseOver()" onmouseout="mouseOut()"
>
<img  src="bp.gif" alt="ptite image"
width="20" height="20" border="20"> 
</SPAN>
 
<SPAN
id="demo" style="LEFT: 200px; POSITION: absolute; TOP: 200px" 
 > 
<img src="https://counter4.optistats.ovh/private/compteurdevisite.php?c=gbe3b7qr16sg7nh16kxtcktfmrm1zp1n" border="0"  alt="compteur"
>
<!-- si hidden pas de compteur  
si pas hidden compteur apparait disparait en survolant l'image
mais préaffiché
-->
</SPAN>
 
<script>
<!-- manque Type ? -->
function mouseOver() {
document.getElementById("demo").style.display = "initial";
}
function mouseOut() {
  document.getElementById("demo").style.display = "none";
}
</script>
 
</BODY></HTML>

Salut

Code:

1
2
3
<SPAN
id="demo" style="LEFT: 200px; POSITION: absolute; TOP: 200px; display:none" 
 >

ou bien

Code:

1
2
3
		<style>
                        document.getElementById("demo").style.display = "none";
                </style>

A mettre juste avant la balise <script> ou après la balise </script>entre autre

21/03/2023, 11h44
bpdu92

réponse
-rapide
-sans mots inutiles
-et evidt OK (j'ai choisi ta 1ère solution, direct dans Span, sans balise style donc ;) )

Bravo et Merci
-> ProgElect c'est ta société ? (pas clair sur le Net)