Affichage selon navigateur
Bonjour tout le monde ! J'espère que je post au bon endroit sinon désolé:cry:
Voilà, J'ai récupérér un javascript "info bulle" qui permet au survol d'une image d'avoir l'info sur l'image.
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
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
|
<SCRIPT LANGUAGE="JavaScript">
chaine=""
+"<div id='text' style='position:absolute;left:4px;top:80px;width:1px;height:1px;'></div>"
+"<Layer name='text' left='4' top='80' width='100' height='16'></Layer>"
document.write(chaine);
bname=navigator.appName;var Xpos=0;var Ypos=0;bversion=parseInt(navigator.appVersion);
var ebulle=0;
if (bname=="Netscape"){brows=true}
else{brows=false}
if(brows){
document.captureEvents(Event.MOUSEMOVE);
function MouveA(evnt) {
Xpos = evnt.pageX+window.pageXOffset;
Ypos = evnt.pageY+window.pageYOffset;
}
document.onMouseMove = MouveA;}
else {
function MouveB() {
Xpos = event.clientX+document.body.scrollLeft;
Ypos = event.clientY+document.body.scrollTop;
}
document.onmousemove = MouveB;
}
function bubulle() {
var cx;var cy;
cx=Xpos-400;cy=Ypos-250;
if (brows) {document.text.left=cx;document.text.top=cy;}
else {document.all.text.style.left=cx;document.all.text.style.top=cy;}
setTimeout("bubulle()",10)
}
function bulle(texte){
if (ebulle==0) {
if (brows){
document.layers['text'].document.writeln('<table border=0 cellpading=1 cellspacing=1 bgcolor="black"><tr><td bgcolor=#6699FF><font color=#FFFFFF size=2 face=verdana><NOBR>'+texte+'</NOBR></font></TD></TR></TABLE>');
document.layers['text'].document.close();
}
else{
text.innerHTML='<table border=0 cellpading=1 cellspacing=1 bgcolor="black"><tr><td bgcolor=#FFCC66><font color=#000000 size=2 face=verdana><NOBR>'+texte+'</NOBR></font></TD></TR></TABLE>';
}
ebulle=1;
}
}
function cbulle(){
if (brows){document.layers['text'].document.writeln('');document.layers['text'].document.close();}
else{text.innerHTML='';}
ebulle=0;
}
</SCRIPT>
<?
$query = mysql_query("SELECT * FROM produit");
while ($row = mysql_fetch_row($query)) {
if ($row[2] != "") {
$img = "<td><center><a href=\"$row[6]\" onmouseover='bulle(\"Blog N° <b>$row[0]</b> <BR> Pays : <b>$nomPays</b> <br> $row[6]\")' onmouseout='cbulle()' target=blank><img src=\"pays/$row[1].gif\" width='10' border='1' bordercolor=#ffffff></a></td>";
}
?> |
Mon site est réalisé en css et les images s'affichent à droite d'un menu fixe.
J'en viens à mon problème ... Sous mozilla, l'info bulle s'affiche au dessus des "cadres" c a d que les infos bulle des images situées à l'extrémité de la zone s'affichent correctement...
Alors que sous Internet Explorer c'est l'inverse, les infos bulles s'affichent sous les cadres et ne sont donc que partiellement visibles sur les images situées à l'extrémité de la zone ...
En espérant avoir été assez claire dans mon explication :aie: >> n'hésitez à me demander d'autres infos concernant ce problème ...
Merci d'avance !:D ;)
