Insérer un compteur visible au survol

**bpdu92** · 17/03/2023, 09h23

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

**mathieu** · 17/03/2023, 10h20

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.

**Dave Hiock** · 17/03/2023, 12h18

\ô/

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.

**bpdu92** · 18/03/2023, 00h47

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 ?

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

**Dave Hiock** · 20/03/2023, 19h47

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 ?

**bpdu92** · 20/03/2023, 23h21

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

**bpdu92** · 21/03/2023, 04h55

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 html :

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

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>

**ProgElecT** · 21/03/2023, 09h01

Salut

Code :

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

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

ou bien

Code :

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

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

**bpdu92** · 21/03/2023, 11h44

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)

Insérer un compteur visible au survol

HTML

Discussions similaires

Partager

Partager