|
 Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
 MENU VERTICAL TRES SIMPLE D'UTILISATION
 Information sur la source
 Description
salut a tous ; en fait ce script est l'amelioration (je pense) d'un code vu sur ce site en 2003 C'est un menu tres parametrable en fait , c'est un jeu d'enfant......... Pour les critiques , n'hesitez pas , car je suis débutant.....
 Source
- <div id="Layer1" style="position:absolute; width:158px; height:359px; z-index:1; top: 47px; left: 357px;">
-
-
-
- <SCRIPT language=JScript>
-
- // developpé par Bergina David pour www.guadadvent.org
- function ShowHide(Div) {
- Div.style.display='InLine';
- }
-
-
- function ShowHides(Div) {
- Div.style.display='none';
- }
-
- function StartTimer(delai) {setTimeout("ShowHides(menu1)",delai*1000);}
-
- function StartTimer2(delai) {setTimeout("ShowHides(menu2)",delai*1000);}
-
- function StartTimer3(delai) {setTimeout("ShowHides(menu3)",delai*1000);}
-
-
- </script>
-
- <table style="border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:solid; border-right-style:solid; border-bottom-style:none; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
- <tr>
- <td width="150">
- <p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="#" OnMouseOver="javascript: ShowHide(menu1); javascript: ShowHides(menu2);javascript: ShowHides(menu3);" OnMouseOut="javascript: StartTimer(10);">Etudes Biblique</p></a>
-
- </td>
- </tr>
- </table>
-
- <DIV id='menu1' style=display=none;>
-
- <table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:solid; border-right-style:solid; border-bottom-style:none; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
- <tr>
- <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
- <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
- </td>
- </tr>
- <tr>
- <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
- <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
- </td>
- </tr>
- <tr>
- <td width="150">
- <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
- </td>
- </tr>
- </table>
-
- </div>
-
- <table style="border-width:1px; border-color:rgb(153,153,153); border-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
- <tr>
- <td width="150"><p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="#" OnMouseOver="javascript: ShowHide(menu2); javascript: ShowHides(menu1);javascript: ShowHides(menu3);" OnMouseOut="javascript: StartTimer2(10);">Ressources Gratuites</a></p>
- </td>
- </tr>
- </table>
-
- <DIV id='menu2' style=display=none;>
-
- <table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
- <tr>
- <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
- <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
- </td>
- </tr>
- <tr>
- <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
- <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
- </td>
- </tr>
- <tr>
- <td width="150">
- <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
- </td>
- </tr>
- </table>
-
- </div>
-
- <table style="border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
- <tr>
- <td width="150"><p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="#" OnMouseOver="javascript: ShowHide(menu3); javascript: ShowHides(menu1);javascript: ShowHides(menu2);" OnMouseOut="javascript: StartTimer3(10);">menu 3</a></p>
- </td>
- </tr>
- </table>
-
- <DIV id='menu3' style=display=none;>
-
- <table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
- <tr>
- <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
- <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
- </td>
- </tr>
- <tr>
- <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
- <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
- </td>
- </tr>
- <tr>
- <td width="150">
- <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
- </td>
- </tr>
- </table>
-
- </div>
-
-
-
- </div>
<div id="Layer1" style="position:absolute; width:158px; height:359px; z-index:1; top: 47px; left: 357px;">
<SCRIPT language=JScript>
// developpé par Bergina David pour www.guadadvent.org
function ShowHide(Div) {
Div.style.display='InLine';
}
function ShowHides(Div) {
Div.style.display='none';
}
function StartTimer(delai) {setTimeout("ShowHides(menu1)",delai*1000);}
function StartTimer2(delai) {setTimeout("ShowHides(menu2)",delai*1000);}
function StartTimer3(delai) {setTimeout("ShowHides(menu3)",delai*1000);}
</script>
<table style="border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:solid; border-right-style:solid; border-bottom-style:none; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="#" OnMouseOver="javascript: ShowHide(menu1); javascript: ShowHides(menu2);javascript: ShowHides(menu3);" OnMouseOut="javascript: StartTimer(10);">Etudes Biblique</p></a>
</td>
</tr>
</table>
<DIV id='menu1' style=display=none;>
<table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:solid; border-right-style:solid; border-bottom-style:none; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
</td>
</tr>
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
</td>
</tr>
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
</td>
</tr>
</table>
</div>
<table style="border-width:1px; border-color:rgb(153,153,153); border-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
<tr>
<td width="150"><p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="#" OnMouseOver="javascript: ShowHide(menu2); javascript: ShowHides(menu1);javascript: ShowHides(menu3);" OnMouseOut="javascript: StartTimer2(10);">Ressources Gratuites</a></p>
</td>
</tr>
</table>
<DIV id='menu2' style=display=none;>
<table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
</td>
</tr>
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
</td>
</tr>
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
</td>
</tr>
</table>
</div>
<table style="border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
<tr>
<td width="150"><p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="#" OnMouseOver="javascript: ShowHide(menu3); javascript: ShowHides(menu1);javascript: ShowHides(menu2);" OnMouseOut="javascript: StartTimer3(10);">menu 3</a></p>
</td>
</tr>
</table>
<DIV id='menu3' style=display=none;>
<table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
</td>
</tr>
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
</td>
</tr>
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
</td>
</tr>
</table>
</div>
</div>
 Conclusion
 Sources de la même categorie
Sources en rapport avec celle ci
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
Menu vertical [ par Satandu67 ]
Bonjour je suis nouveau et je recherche un menu vertical mais j'en trouve pas et j'en recherche un pour mon site c que le début et pour l'instant j'ai
ouverture automatique d'un menu vertical [ par psycomel ]
Bonjour j'ai un menu vertical. J'explique : je clique sur le titre d'une partie, celle-ci se déroule et laisse entrevoir les différrents liens qui s'y
menu vertical + intégration flash [ par reyterg ]
Bonjour à tous,Je cherche le moyen d'afficher un tableau sur la droite d'une page HTML. Le but est de garder le menu à la même place tout au long du s
menu vertical + intégration flash [ par reyterg ]
Bonjour à tous,Je cherche le moyen d'afficher un tableau sur la droite d'une page HTML. Le but est de garder le menu à la même place tout au long du s
Faire une action sur le menu par un simple lien [ par ThePooh ]
BonjourJe débute dans la création d'un site webJe m'expliqueDans ma page j'ai mon menu à gauche et au milieu page avec du blabla et je souhaite dans m
Menu Vertical reste ouvert [ par oudjat ]
Bonjour à tous, la programmation n'étant pas mon fort, je m'adresse à vous pour savoir si vous n'auriez pas hasard un menu vertical qui
Générer un menu vertical à partir d'une image [ par hugo37 ]
Bonjour à tous, j'ai un petit problème, en fait les scripts permettant d'insérer un menu déroulant ect... sont très bien sur
menu vertical avec problème [ par sam59200 ]
bonjour,bon je vous dit tout de suite : je démarre dans ce domaine donc je suis TRÉS nulle............j'ai un site personnelle et je n'arriv
menu déroulant vertical [ par rduvrac ]
J'ai récupéré ce script mais il ne fonctionne pas. J'aimerai bien car il est simple à mettre en place et à actualiser sinon.
Menu vertical : clignotement sous Firefox [ par gsaunier ]
Bonjour, Dans un menu créé sous JS/CSS, je fais face à un problème de clignotement indésirable (cf. http://forum.alsacreations.com/topic.php?fid=5&tid
|
 Téléchargements
Logiciels à télécharger sur le même thème :
|