Infobulles

Bonjour,

Comment faire des infobulles compatibles ie et mozilla ?

Lien

j’utilise cela et ca fonctionne sous ie et mozilla firefox

macher du chewing gum ?

ok je sors

Parfait merci. :slight_smile:

Petit up du topic car en fait ce n’est pas ce qu’il me faut, où alors je m’y prend mal.

Je souhaiterais afficher beaucoup de contenu dans cette infobulle (je sais que c’est possible, mais je n’ai plus de source sous la main). Avec title j’obtiens une ligne puis 3 petits points…

Je souhaiterais afficher 2 petits paragraphes assez long (avec possibilité de sauter une ligne)

Que faire ? :confused:

Tu peux le faire en CSS + un effet hover sur l’élément (mais ça ne fonctionne que sous un navigateur CSS2.0 compliant), sinon c’est du javascript avec le même principe et un événement onmouseover sur le lien.

Hum j’ai ça qui traînait je sais pas si ça va aller dans ton cas:

[cpp]
le javascript :

function MM_callJS(jsStr) {
return eval(jsStr)
}

function setupDescriptions() {

var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();
}
var x,y,a,b;

function setVariables() {
if (navigator.appName == “Netscape”) {
h=".left=";
v=".top=";
dS=“document.”;
sD="";
}
else
{
h=".pixelLeft=";
v=".pixelTop=";
dS="";
sD=".style";
}}
var isNav = (navigator.appName.indexOf(“Netscape”) !=-1);
function popLayer(t){
// MODIFIEZ ICI LES PROPRIETES DE LA POP-UP (tableau)
desc = “

”;
// if (a==1) desc += “Et voilà une description succinte !”;
desc += t;
desc += “
”;
if(isNav) {
document.object1.document.write(desc);
document.object1.document.close();
document.object1.left=x+10;
document.object1.top=y+15;
}
else {
object1.innerHTML=desc;
eval(dS+“object1”+sD+h+(x+10));
eval(dS+“object1”+sD+v+(y+15));
}}

function hideLayer(a){
if(isNav) {
eval(document.object1.top=a);
}
else object1.innerHTML="";
}

function handlerMM(e){
x = (isNav) ? e.pageX : event.clientX;
y = (isNav) ? e.pageY : event.clientY;
}
if (isNav){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
setupDescriptions()

le html:

[/cpp]

Voilà en espérant que ça colle :slight_smile:

:stuck_out_tongue: