[HTML,JS] ........HELP ME PLEASE Je vais devenir dingue...........

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML,JS] ........HELP ME PLEASE Je vais devenir dingue...........

mkracing66

Salut a tous,
je voudrais faire un menu deroulant pour une toolbar horizontale.

Je m explique, g fait un tableau de 1 ligne et dans chaque cellule g applique une image.
De plus, g mis un petit bout de JS pour faire du rollover (action onMouseOver du lien de l image).

Maintenant je voudrais faire un menu deroulant pourchque cellule mais je n y arrive pas.... :'(

G trouve un script plutot pas mal ki selon le nom de la class faisait une action (pour differencier la cellule menu de l item du menu).
Ce script marche nickel je l ais teste mais pas pour mon application :fou:
Il marche pour une cellule de tableau avec du texte mais des que je mets mon image vlan plus rien ne marche comme si il ne detectait pas l objet faisant appel au JSscript pour afficher le menu :eek2:

Je ne comprends pas help me please si vous savez resoudre ce pb ou si vous avez une autre solution pour faire ce menu deroulant avec image en rollover... :'( :'( :'( :'( :'(

Publicité

Toucouch

Si j'ai bien compris, tu veux faire des menus déroulants personnalisés sans utiliser la balise <select>, c'est ça?

Donc je pense que tu dois utiliser des <div>, non?

Mais déjà, pour commencer, si tu veux qu'on t'aide à comprendre ce qui foire dans ton script, 'faudrait peut-être commencer par le mettre dans ton post, non?

mkracing66

Voila le script appele :

Code :

function MenuEffets() {
var cls = event.srcElement.className;
var isClassContainer = cls == "td_furtif";
var isClassPopup = cls == "menu_deroulant";
var isClassMenuitem = cls == "objet_du_menu";
if (isClassContainer) {
if (event.type == "mouseover" )
event.srcElement.all(0).style.display = "block";
else {
if (!event.fromElement.contains(event.toElement))
event.srcElement.all(0).style.display = "none";
}
}
if (isClassPopup) {
if (event.type == "mouseout" && !event.fromElement.contains(event.toElement)){
event.srcElement.style.display = "none";
}
}
if (isClassMenuitem) {
if (event.type == "mouseover" ) {
event.srcElement.style.color = couleur_police_rollover;
event.srcElement.style.backgroundColor = couleur_fond_rollover;
}
else {
event.srcElement.style.color = couleur_police;
event.srcElement.style.backgroundColor = couleur_fond;
if (!event.fromElement.parentElement.parentElement.parentElement.parentElement.contains(event.toElement))
event.srcElement.parentElement.parentElement.parentElement.style.display = "none";
}
}
}
//var maintenant = New Date();
//var sec = maintenant.getTime();
document.onmouseover = MenuEffets;
document.onmouseout = MenuEffets;
document.write('<STYLE>');
document.write('.menu {font-family: Verdana, Arial, Helvetica, Tahoma, MS Sans Serif;');
document.write(' font-size: '+ taille_police +'pt;');
document.write(' color: '+ couleur_police +';');
document.write(' cursor: default; }');
document.write('.menu_deroulant {position: absolute;');
document.write(' display: none;');
document.write(' border-collapse: collapse;');
document.write(' border-style: solid;');
document.write(' border-width: 1px;');
document.write(' border-color: '+ couleur_bordure + ';');
document.write(' background-color: '+ couleur_fond + ';');
document.write(' width: '+ taille_menu_deroule +'px;');
document.write(' left: expression(this.parentElement.offsetLeft + 10);');
document.write(' top: expression((this.parentElement.parentElement.parentElement.parentElement.offsetTop + this.parentElement.parentElement.parentElement.parentElement.offsetHeight-3) );');
document.write(' font-family: Verdana, Arial, Helvetica, Tahoma, MS Sans Serif;');
document.write(' font-size: '+taille_police+'pt;');
document.write(' color: '+ couleur_police +'; }');
document.write('.objet_du_menu {border-style: solid;');
document.write(' border-width: 0px;');
document.write(' border-color: '+ couleur_bordure +';');
document.write(' cursor: hand; }');
document.write('.td_furtif {');
document.write(' border-style: solid;');
document.write(' border-width: 1px;');
document.write(' border-color: '+ couleur_bordure +';');
document.write(' background-color: '+ couleur_fond +';');
document.write(' cursor: hand; }');
document.write('</STYLE>');

et voici le code de mon premier bouton que je voudrais avoir en menu deroulant mais il ne reconnait pas la class ou se trouve mon image (si je la vire ca marche :fou: ) :

Code :

<table class="menu" border="1" cellspacing="0" width="800" id="AutoNumber2" height="30" bordercolor="#000000" style="border-collapse: collapse; " cellpadding="0">
<td class="td_furtif" width="50" height="30" bgcolor="#0000A6" bordercolor="#000000" style="border-left-style: solid; border-left-width: 1; border-top-style: solid; border-top-width: 1; border-bottom-style: solid; border-bottom-width: 1"> </td>
<td class="td_furtif" width="100" height="30" bgcolor="#0000A6" bordercolor="#000000" style="border-top-color: #000000; border-top-width: 1; border-bottom-color: #000000; border-bottom-width: 1; border-left-style:solid; border-left-width:1" align="center">
<p align="center">
<a href="index.htm"
onMouseOver="pic_home.src='images/Home_Down.gif';MenuEffets;"
onMouseOut="pic_home.src='images/Home_Up.gif'">
<img name="pic_home" border="0" src="images/Home_Up.gif" width="100" height="30"></a>
<TABLE CLASS="menu_deroulant">
<TR><TD CLASS="objet_du_menu" onClick="javascript:window.location='http://www.adresse.com/'">Nouveau Message</TD></TR>
<TR><TD CLASS="objet_du_menu" onClick="javascript:window.location='http://www.adresse.com/'">Lire Un Message</TD></TR>
<TR><TD CLASS="objet_du_menu" onClick="javascript:window.location='http://www.adresse.com/'">Répondre</TD></TR>
</TABLE>
</td>

mkracing66

Arf g oublie de virer l appel au menu effect dans le onmouseover du lien de l image c etait pour faire un test mais ca ne marche pas non plus...

mkracing66

Le truc que j aimerais savoir c si dans le script il fait la recup du nom de la class avec le event.srcElement.className ben POURQUOI CA NE FCT PAS SI JE MET CLASS="LE NOM Q U IL FAUT " DANS LE LIEN DE MON IMAGE OU SE TROUVE LES APPELS D EVENEMENTS ONMOUSEOVER ETC...

mkracing66

Aller Up !

Aller une petite suggestion n ayez pas peur je suis suffisemment desespere pour prendre n importe quelle reponse histoire de bosser un peu....

C vraimnet le merdier le JS :fou:

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML,JS] ........HELP ME PLEASE Je vais devenir dingue...........

Sujets relatifs
2 petites questions Html/php ou autres	COMMENT FAITES VOUS ??? je vais devenir dingue avec ces tableaux !!!!
[HTML, JS]Eviter l'effet mosaique sur une petite image ? [resolu]	Une page html dans un tableau?
HTML	traduire un script PHP en ASP - Help
traduire un script PHP en ASP - Help	PhP ou Html ou autre ? si on veut apprendre un truc pérène...
Plus de sujets relatifs à : [HTML,JS] ........HELP ME PLEASE Je vais devenir dingue...........

Page générée en 0.102 secondes