rollover et liste déroulante -> c'est moche

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : rollover et liste déroulante -> c'est moche

$man

salut,
je veux faire une infobulle avec un rollover, le pb c'est que si y'a une liste déroulante a proximité, c'est tout moche il est "encastré" dans l'infobulle comme sur ce site : http://www.toutjavascript.com/main/search.php3 si vous survolez le menu -> Les Scripts.
Y'a t-il une solution ?
Le script utilisé :

Code :

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
//D'autres scripts sur http://www.toutjavascript.com
//Si vous utilisez ce script, merci de m'avertir ! < webmaster@toutjavascript.com >
//Auteur original :Olivier Hondermarck <webmaster@toutjavascript.com>
//Modifs compatibilité Netscape 6/Mozilla : Cédric Lamalle 09/2001 <cedric@cpac.embrapa.br>
//Correction Mac IE5 (Merci Fred)
var IB=new Object;
var posX=0;posY=0;
var xOffset=10;yOffset=10;
function AffBulle(texte) {
contenu="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='-1' face='arial' color='"+IB.ColTexte+"'>"+texte+"</FONT></TD></TR></TABLE></TD></TR></TABLE> ";
var finalPosX=posX-xOffset;
if (finalPosX<0) finalPosX=0;
if (document.layers) {
document.layers["bulle"].document.write(contenu);
document.layers["bulle"].document.close();
document.layers["bulle"].top=posY+yOffset;
document.layers["bulle"].left=finalPosX;
document.layers["bulle"].visibility="show";}
if (document.all) {
//var f=window.event;
//doc=document.body.scrollTop;
bulle.innerHTML=contenu;
document.all["bulle"].style.top=posY+yOffset;
document.all["bulle"].style.left=finalPosX;//f.x-xOffset;
document.all["bulle"].style.visibility="visible";
}
//modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
else if (document.getElementById) {
document.getElementById("bulle" ).innerHTML=contenu;
document.getElementById("bulle" ).style.top=posY+yOffset;
document.getElementById("bulle" ).style.left=finalPosX;
document.getElementById("bulle" ).style.visibility="visible";
}
}
function getMousePos(e) {
if (document.all) {
posX=event.x+document.body.scrollLeft; //modifs CL 09/2001 - IE : regrouper l'évènement
posY=event.y+document.body.scrollTop;
}
else {
posX=e.pageX; //modifs CL 09/2001 - NS6 : celui-ci ne supporte pas e.x et e.y
posY=e.pageY;
}
}
function HideBulle() {
if (document.layers) {document.layers["bulle"].visibility="hide";}
if (document.all) {document.all["bulle"].style.visibility="hidden";}
else if (document.getElementById){document.getElementById("bulle" ).style.visibility="hidden";}
}
function InitBulle(ColTexte,ColFond,ColContour,NbPixel) {
IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
if (document.layers) {
window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
document.write("<LAYER name='bulle' top=0 left=0 visibility='hide'></LAYER>" );
}
if (document.all) {
document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'></DIV>" );
document.onmousemove=getMousePos;
}
//modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
else if (document.getElementById) {
document.onmousemove=getMousePos;
document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'></DIV>" );
}
}
</SCRIPT>

marci d'avance

Publicité

$man

Hermes le Messager

Breton Quiétiste

Non. Apprend le JS. On ne debbugue pas les scripts pris ici où là.

$man

exact, j'ai un besoin ponctuel en js mais je vais me taper toute la doc! je préfere consacrer mes efforts à apprendre le php! Apprend, apprend, c'est facile de dire çà, si j'avais le temps, je pourrais en apprendre des choses

boulax

Inserer phrase hype en anglais

Pas de probleme d'affichage avec le dernier mozilla. Peut etre le z-index de ton div qu'il faudrait positionner par rapport aux autres éléments.
EDIT: en fait si j'ai dis une connerie, le pb est bien la

Message édité par boulax le 07-06-2004 à 21:01:21

---------------
Posté depuis des chiottes, sales. Me gusta.

$man

arf, merci je regarderais quand j'aurais le temps

loufoque

Que c'est sale...

harrysauce

Miaaaooou!

Nan, spa possible

En gros t'as 2 types d'éléments dans une fenêtre :

les windowless, l'élément est dessiné dans la fenêtre courante, qui sont les tableaux, les div, les champs de saisie, etc...

et les windowed, une nouvelle fenêtre est créée, ce sont les frame et iframe, les listes déroulante, etc...

Et les éléments windowed sont TOUJOURS par dessus les éléments windowless. Après tu peux modifier le z-index, mais celui-ci n'est actif qu'entre des éléments de même type (windowledd, ou windowed)....

EDIT : et si jamais y'a moyen de contourner ca, je suis preneur

Message édité par harrysauce le 07-06-2004 à 19:24:53

boulax

Inserer phrase hype en anglais

A mon avis le mieux c'est de contourner ca en obligeant les listes deroulantes a se fermer lorsque tu passes sur ton menu. Apres tout le type qui fait ca il va pas bien, si tu déroule une liste c'est pour faire un choix... Reste a trouver si en Js tu peu fermer de maniere pas trop brutale une combo box.
Sinon tu peu toujours forcer le selectedIndex mais c'est pas dit que ca fermera effecetivement la liste... A tester ...

---------------
Posté depuis des chiottes, sales. Me gusta.

harrysauce

Miaaaooou!

boulax a écrit :

:non:
Ca le fait liste non déroulée, et le seul moyen serait de cacher la liste déroulante, et non la fermer

Publicité

boulax

Inserer phrase hype en anglais

harrysauce a écrit :

:non:
Ca le fait liste non déroulée

pas avec mozilla...

---------------
Posté depuis des chiottes, sales. Me gusta.

harrysauce

Miaaaooou!

boulax a écrit :

pas avec mozilla...

oui mais mozilla est pas utilisé par 90% des internautes [:spamafote]

boulax

Inserer phrase hype en anglais

harrysauce a écrit :

oui mais mozilla est pas utilisé par 90% des internautes [:spamafote]

ce qu'il faut retenir c'est que c'est peut etre une interpretation differente d'un parametre css non renseigné qui fait que sur mozilla c'est affiché correctement.

---------------
Posté depuis des chiottes, sales. Me gusta.

harrysauce

Miaaaooou!

boulax a écrit :

ce qu'il faut retenir c'est que c'est peut etre une interpretation differente d'un parametre css non renseigné qui fait que sur mozilla c'est affiché correctement.

harrysauce a écrit :

Et mozilla doit gérer ca différement....

Message édité par harrysauce le 08-06-2004 à 01:18:31

$man

deja merci de vos réponses!
j'ai regardé de mon côté et effectivement c'est pas simple!
j'ai vu comme harrysauce l'a dit, que certains "jouaient" sur le z-index, mais avec un browser basé sur gecko, c'est bof. c'est dommage car ce systeme d'infobulle était bien pratique! je ne suis pas un adepte du js mais comme c'est pour faire un test ou on choisit la réponses dans une liste déroulante, ce systeme me permettait de détailler la question quand on passait dessus. D'ailleurs si quelqu'un a une idée conceptuelle pour remplacer ca, je suis preneur

Message édité par $man le 08-06-2004 à 15:47:58

FORUM HardWare.fr

Programmation

HTML/CSS

rollover et liste déroulante -> c'est moche

Sujets relatifs
[JavaScript] - Modifier une liste déroulante sur une fenetre mere	Liste deroulante avec saisie semi-auto ???
[ADA] Erreur d'execution \| liste chainée => soucis de pointeur ?	refresh et formulaire (liste deroulante)
J'aimerai faire une liste de contact puis un un forum en PHP mais	liste dans un bdd
Mise à jour de champs à partir de liste déroulante...?
Plus de sujets relatifs à : rollover et liste déroulante -> c'est moche

Page générée en 0.060 secondes