Placer une image dans une info bulle

**koKoTis** · 07/09/2006, 15h59

Bonjour, sauriez vous me dire s'il est possible de placer image dans une info bulle, et comment faire ?

**Crayon** · 07/09/2006, 17h38

Sur un autre forum on en discute va voir leur solution:
http://forum.telecharger.01net.com/t...essages-1.html

**koKoTis** · 07/09/2006, 17h58

Bonjour, et merci beaucoup

Mais le script ne fonctionne pas chez moi

**Crayon** · 07/09/2006, 20h15

Avec le lien que je t'avais donné j'ai réussi à faire fonctionner le script, le voici:

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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<html>
<head>
<style type="text/css">
<!--
        #pup {position:absolute; visibility:hidden; z-index:200; width:130; }
//-->
</style>
</head>
<body>
<script type="text/javascript">
<!--
 
var Xoffset=-60;        // modify these values to ...
var Yoffset= 20;        // change the popup position.
var popwidth=130;       // popup width
var bcolor="darkgray";  // popup border color
var fcolor="black";     // popup font color
var fface="verdana";    // popup font face
 
// create content box
document.write("<DIV ID='pup'></DIV>");
 
// id browsers
var iex=(document.all);
var nav=(document.layers);
var old=(navigator.appName=="Netscape" && !document.layers && !document.getElementById);
var n_6=(window.sidebar);
 
// assign object
var skin;
if(nav) skin=document.pup;
if(iex) skin=pup.style;
if(n_6) skin=document.getElementById("pup").style;
 
// park modifier
var yyy=-1000;
 
// capture pointer
if(nav)document.captureEvents(Event.MOUSEMOVE);
if(n_6) document.addEventListener("mousemove",get_mouse,true);
if(nav||iex)document.onmousemove=get_mouse;
 
// set dynamic coords
function get_mouse(e)
{
  var x,y;
 
  if(nav || n_6) x=e.pageX;
  if(iex) x=event.x+document.body.scrollLeft; 
  
  if(nav || n_6) y=e.pageY;
  if(iex)
  {
    y=event.y;
    if(navigator.appVersion.indexOf("MSIE 4")==-1)
      y+=document.body.scrollTop;
  }
 
  if(iex || nav)
  {
    skin.top=y+yyy;
    skin.left=x+Xoffset; 
  }
 
  if(n_6)
  {
    skin.top=(y+yyy)+"px";
    skin.left=x+Xoffset+"px";
  }    
  nudge(x);
}
 
// avoid edge overflow
function nudge(x)
{
  var extreme,overflow,temp;
 
  // right
  if(iex) extreme=(document.body.clientWidth-popwidth);
  if(n_6 || nav) extreme=(window.innerWidth-popwidth);
 
  if(parseInt(skin.left)>extreme)
  {
    overflow=parseInt(skin.left)-extreme;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }
 
  // left
  if(parseInt(skin.left)<1)
  {
    overflow=parseInt(skin.left)-1;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }
}
 
// write content & display
function popup(msg,bak,pic)
{
  if(pic)
  {
          var content="<TABLE WIDTH='"+popwidth+"' BORDER='1' BORDERCOLOR="+bcolor+" CELLPADDING=2 CELLSPACING=0 "+"BGCOLOR="+bak+"><TD ALIGN='center'><img src="+pic+"><BR><FONT COLOR="+fcolor+" FACE="+fface+" SIZE='2'>"+msg+"</FONT></TD></TABLE>";
  }
  else
  {
          var content="<TABLE WIDTH='"+popwidth+"' BORDER='1' BORDERCOLOR="+bcolor+" CELLPADDING=2 CELLSPACING=0 "+"BGCOLOR="+bak+"><TD ALIGN='center'><FONT COLOR="+fcolor+" FACE="+fface+" SIZE='2'>"+msg+"</FONT></TD></TABLE>";
  }
  
  if(old)
  {
    alert(msg);
    return;
  } 
   
  yyy=Yoffset; 
  skin.width=popwidth;
 
  if(nav)
  { 
    skin.document.open();
    skin.document.write(content);
    skin.document.close();
    skin.visibility="visible";
  }
 
  if(iex)
  {        
    pup.innerHTML=content;
    skin.visibility="visible";
  }  
 
  if(n_6)
  {   
    document.getElementById("pup").innerHTML=content;
    skin.visibility="visible";
  }
}
 
// park content box
function kill()
{
  if(!old)
  {
    yyy=-1000;
    skin.visibility="hidden";
    skin.width=0;
  }
}
//-->
</script>
Ajouter là où vous le souhaitez. <a href="javascript://" onmouseover="popup('Le texte!','lightyellow', 'http://www.google.com/images/logo_sm.gif')"; onmouseout="kill()">lien</a>
</body>
</html>

**koKoTis** · 07/09/2006, 20h23

Merci beaucoup

Placer une image dans une info bulle

HTML

Discussions similaires

Partager

Partager