Discussion :

[sissi25]

Bonjour à tous,

je voudrais que lorsque je passe sur un lien ou un image, un petite fenêtre apparaisse

comment est-ce que je pourrai faire ?

merci à tous

[gerald2545]

javascript avec onmouseover et window.open

[sissi25]

ok j'ai essayé et c'est une bonne solution mais ce n'est pas exactement ce que je voulais

je pensais plus à une petite bulle qui apparaitrait vers mon image quand je passerai dessus avec la souris

[declique]

Salut,

On dirait que tu as déjà une idée bien précise de la réponse.
Je tente ma chance: ajouter l'attribut Alt à la balise IMG ou l'attribut Title à la balise A.

<img src="...." Alt="texte de la bulle">

Bonne journée !

[gerald2545]

voici un code qui fait ça que j'utilise sur une de mes applis

Code :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
<!-- ================== script de bulle d'aide ================== -->
<script TYPE="text/javascript">
<!--
/* Script "z'experts" : http://perso.wanadoo.fr/coin.des.experts/
   delivre sans aucune garantie, ni des auteurs, ni du gouvernement.
   Diffusion libre, mais merci de conserver cette signature :-) */
 
 /* La fonction bulle() qui ouvre la bulle d'aide a 3 arguments possibles:
   - le premier est le message a faire apparaitre.
   - LE DEUXIEME EST OBLIGATOIREMENT "event" (sans les guillemets)
   c.a.d. un mot cle du javascript.
   - Le 3eme argument est facultatif. Il permet d'ajuster
   le decalage vertical afin de ne pas tronquer les bulles trop
   longues ouvertes vers le bas de l'ecran; partez de
       hauteur=1,2 x taille police x nombre de lignes +10
 
   Enfin, mettre le bloc <DIV id="tip">...</DIV> en tete du bloc BODY.
   NE PAS CHANGER LE NOM "tip";  sinon, vous pouvez modifier le style
   qui suit ou le message d'erreur a` votre gre' (mais laissez le
   position:absolute et un z-index tres grand)
  */
 
var bulleStyle=null
if (!document.layers && !document.all && !document.getElementById)
   event="chut";  //pour apaiser NN3 et autres antiquites
 
function bulle(msg,evt,hauteur){
 
 var xfenetre,yfenetre,xpage,ypage,element=null;
 var offset= 15;           // decalage par defaut
 var bulleWidth=500;       // largeur par defaut
 if (!hauteur) hauteur=40; // hauteur par de'faut
 
  if (document.layers) {
    bulleStyle=document.layers['tip'];
    bulleStyle.document.write('<layer bgColor="#ffcccc" '
       +'style="width:500px;border:2px solid black;color:black">'
       + msg + '</layer>' );
    bulleStyle.document.close();
    xpage = evt.pageX ; ypage  = evt.pageY;
    xfenetre = xpage ;yfenetre = ypage ;
  } else if (document.all) {
    element=document.all['tip']
xfenetre = evt.x ;yfenetre = evt.y ;
    xpage=xfenetre ; ypage=yfenetre ;
    if (document.documentElement.scrollLeft) xpage = xfenetre + document.documentElement.scrollLeft ;
    if (document.documentElement.scrollTop) ypage = yfenetre + document.documentElement.scrollTop;
  } else if (document.getElementById) {
      element=document.getElementById('tip')
    xfenetre = evt.clientX ;yfenetre = evt.clientY ;
    xpage=xfenetre ; ypage=yfenetre ;
    if(evt.pageX) xpage = evt.pageX ;
    if(evt.pageY) ypage  = evt.pageY ;
  }
 
  if(element) {
     bulleStyle=element.style;
         element.innerHTML=msg;}
 
  if(bulleStyle) {
     /* on met la bulle a` gauche du pointeur (si c'est possible)
        et en haut du pointeur si on est assez bas dans l'e'cran */
 
     if (xfenetre > bulleWidth+offset) xpage=xpage-bulleWidth-offset;
     else xpage=xpage+15;
     if ( yfenetre > hauteur+offset ) ypage=ypage-hauteur-offset;
     bulleStyle.width=bulleWidth;
         if(typeof(bulleStyle.left)=='string') {
                 bulleStyle.left=xpage+'px'; bulleStyle.top=ypage+'px';
        } else {
                bulleStyle.left=xpage     ; bulleStyle.top=ypage ; }
     bulleStyle.visibility="visible"; }
}
 
function couic(){
  if(bulleStyle)  bulleStyle.visibility="hidden";
}
 
 
 
//-->
</SCRIPT>
<!-- ================== fin du script de bulle d'aide ============== -->
<!-- =========== ne pas oublier le DIV ID="tip" au debut du BODY === -->

[sissi25]

merci beaucoup