begin process at 2010 08 01 01:41:59
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Générer un menu vertical à partir d'une image

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Générer un menu vertical à partir d'une image

lundi 13 juin 2005 à 18:58:17 | Générer un menu vertical à partir d'une image

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 ce site mais je n'arrive pas du tout à les éditer étan donné que je suis nul en programation! Donc j'aimerais savoir le code qu'il faut insérer pour pouvoir générer un menu vertical en cliquant sur une image parceque j'ai vraiment du mal avec Dreamweaver et les options de Frontpage sont limitées!
Merci d'avance à tous!
mardi 14 juin 2005 à 16:03:43 | Re : Générer un menu vertical à partir d'une image

Phil_Free
Salut,

Pourrais-tu m'en dire un peu plus ?

Quel code veux-tu insérer ?

Peut-on voir le code de ta page HTML ?
mercredi 15 juin 2005 à 10:48:39 | Re : Générer un menu vertical à partir d'une image

hugo37


Voici le code de ma page :

<html>

<head>

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Page 1</title>

<style>

<!--

-->

<style>{ }

BODY {

scrollbar-track-color : #426B94;

scrollbar-shadow-color : #FFFFFF;

scrollbar-highlight-color : #426B94;

scrollbar-face-color : #426B94;

scrollbar-darkshadow-color : #426B94;

scrollbar-3dlight-color : #FFFFFF;

scrollbar-arrow-color : #FFFFFF;

}

input { font-size: 10px; font-family: Verdana; color: #FFFFFF; font-style: italic; border: 1px solid #10315A; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color:transparent }

textarea {border: 1px solid #B3C0B9; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#606B66; font-size:10px; font-family:Verdana; font-style:italic; background-color:transparent }

.input2 { font-size: 10px; font-family: Verdana; color: #FFFFFF; font-style: italic; border-width: 0; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color:transparent }

A:link {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none}

A:visited {FONT-SIZE: 11px; COLOR: #c0c0c0; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none}

A:active {FONT-SIZE: 11px; COLOR: #c0c0c0; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none}

A:hover {FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none}

-->

</style><script language="JavaScript" fptype="dynamicanimation">

<!--

function dynAnimation() {}

function clickSwapImg() {}

//-->

</script>

<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">

</script>

</head>

<body bgcolor="#426B94" onload="dynAnimation()">

<div align="center">

<center>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="51%" id="AutoNumber1">

<tr>

<td width="100%">

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="46%" id="AutoNumber11" height="14">

<tr>

<td width="100%" style="border-left: medium none #111111; border-right: medium none #111111; border-top: medium none #111111; border-bottom-style: none; border-bottom-width: medium" height="1">

<img border="0" src="images/banniere.jpg" width="645" height="89"></td>

</tr>

</table>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top-width: 0; border-bottom-width: 0" bordercolor="#395A84" width="645" id="AutoNumber2" height="16" bordercolorlight="#395A84" bordercolordark="#395A84">

<tr>

<td width="643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" bgcolor="#395A84" height="14">

<p align="center" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="font-weight: bold" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><font face="Verdana" size="1">Forum</font></p>

</td>

<td width="643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" bgcolor="#395A84" height="14">

&nbsp;</td>

</center>

<td width="643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" bgcolor="#395A84" height="14">

<p align="center" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="font-weight: bold" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><font face="Verdana" size="1">Livre

d'Or</font></p>

</td>

<center>

<td width="643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" bgcolor="#395A84" height="14">

<p align="center">&nbsp;</p>

</td>

<td width="643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" bgcolor="#395A84" height="14">

<p align="center" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="font-weight: bold" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><font face="Verdana" size="1">Contacts</font></td>

</tr>

</table>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top-width: 0; border-bottom-width:0" bordercolor="#111111" width="645" id="AutoNumber3" height="154">

<tr>

<td width="158" style="border-top-style: none; border-top-width: medium; border-bottom-style:none; border-bottom-width:medium" valign="top" bgcolor="#8494A5" height="153">

<table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber4" cellpadding="0" height="89">

<tr>

<td width="100%" height="21">

<img border="0" src="images/menu_haut.gif" width="160" height="21"></td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4; padding-top: 0" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><font face="Verdana" size="1"><img border="0" src="images/puce.gif" width="10" height="11">

Accueil</font></p>

</td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><font face="Verdana" size="1"><img border="0" src="images/puce.gif" width="10" height="11">

Galerie</font></p>

</td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><font face="Verdana" size="1"><img border="0" src="images/puce.gif" width="10" height="11">

Musique</font></p>

</td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><font face="Verdana" size="1"><img border="0" src="images/puce.gif" width="10" height="11">

Emulation</font></p>

</td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><font face="Verdana" size="1"><img border="0" src="images/puce.gif" width="10" height="11">

Bannières</font></p>

</td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<img border="0" src="images/menu_hautff7-AC.gif" width="160" height="21">

</td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<img border="0" src="images/menu_hautff8.gif" width="160" height="21">

</td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<img border="0" src="images/menu_hautff9.gif" width="160" height="21">

</td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<img border="0" src="images/menu_hautff10.gif" width="160" height="21">

</td>

</tr>

<tr>

<td width="100%" height="13" valign="top">

<p><img border="0" src="images/menu_hautff10-2.gif" width="160" height="21"></p>

</td>

</tr>

<tr>

<td width="100%" height="66">

</td>

</tr>

</table>

</td>

<td width="505" style="border-top-style: none; border-top-width: medium; border-bottom-style:none; border-bottom-width:medium" valign="top" bgcolor="#10315A" height="153">

<table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber12" height="328" cellpadding="0">

<tr>

<td width="100%" bgcolor="#10315A" height="73" style="border-top-style: solid; border-top-width: 1">

<div align="center">

<center>

<table border="1" cellspacing="0" style="border-width:0; border-collapse: collapse" bordercolor="#111111" width="470" id="AutoNumber6" height="62">

<tr>

<td width="100%" align="center" style="border-style: none; border-width: medium">&nbsp;

</td>

</tr>

</table>

</center>

</div>

</td>

</tr>

<tr>

<td width="100%" bgcolor="#10315A" height="251" valign="top">

<div align="center">

<center>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="470" id="AutoNumber7" height="1">

<tr>

<td width="100%" style="border-bottom-style: none; border-bottom-width: medium" height="21">

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top-width:0" bordercolor="#111111" width="100%" id="AutoNumber9" bgcolor="#10315A" height="3">

<tr>

<td width="100%" background="images/centre_haut.gif" style="border-top-style: none; border-top-width: medium" height="2">&nbsp;</td>

</tr>

</table>

</td>

</tr>

<tr>

<td width="100%" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" height="1" bgcolor="#8494A5" valign="top">

<table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber13" height="1">

<tr>

<td width="100%" height="1" valign="top">

<table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber18" height="117">

<tr>

<td class="td" width="100%" height="113" valign="top"></td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td width="100%" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: none; border-top-width: medium; border-bottom-style: solid; border-bottom-width: 1" height="20" bgcolor="#8494A5" background="images/centre_bg.gif">&nbsp;</td>

</tr>

<tr>

<td width="100%" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" height="1" bgcolor="#8494A5" valign="top">&nbsp;

</td>

</tr>

<tr>

<td width="100%" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" height="1" bgcolor="#8494A5">

&nbsp;

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;

</td>

</tr>

</table>

</center>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#111111" width="645" id="AutoNumber8" bgcolor="#10315A" height="1">

<tr>

<td width="643" style="border-top-style: solid; border-top-width: 1" height="1">

<p align="right"><i><font color="#FFFFFF" size="1" face="Verdana">

Design By <a href="http://www.grafic-lite.com">grafic-lite.com</a> - &copy Copyright 2002-2003</font></i></td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</body>

</html>


Désolé c'est un peu long^^! En fait je désire qu'en cliquant sur une image,

<img border="0" src="images/menu_hautff7-AC.gif" width="160" height="21">

par exemple celle-ci, un menu s'affiche en dessous mais le problème c'est que je n'arrive pas à remanier les codes qui existent déjà pour le faire avec mes images et mes liens! Je sais je ne suis pas très doué...
mercredi 15 juin 2005 à 11:08:51 | Re : Générer un menu vertical à partir d'une image

Phil_Free
Peux-tu aussi me donner le lien vers le code que tu aimerais utiliser ?
mercredi 15 juin 2005 à 12:46:24 | Re : Générer un menu vertical à partir d'une image

hugo37


Voici le lien vers ce que je voudrais obtenir et le code :

[ Lien ]

Merci beaucoup de vous intéresser à mon problème car ce n'est pas toujours le cas sur les différents forums du net!
mercredi 15 juin 2005 à 17:21:42 | Re : Générer un menu vertical à partir d'une image

Phil_Free
OK, je crois avoir compris ce que tu veux.

Je pense que tu peux adapter ce code:

http://www.javascriptfr.com/code.aspx?ID=32091

sur ta page.

Essaye et dis moi si ça te pose problème.
mercredi 15 juin 2005 à 18:22:25 | Re : Générer un menu vertical à partir d'une image

hugo37

Merci beaucoup je crois que je vais arriver à me débrouiller avec ce code! Je te remercie vraiment beaucoup de prendre de ton temps pour s'occuper d'un pauvre mec qui pige rien...


Cette discussion est classée dans : menu, générer, partir, image, vertical

Répondre à ce message

Sujets en rapport avec ce message

changer des images dans un menu [ par bblein ] j'élabore un petit menu où lorsque je clique sur une image-rubrique, une flèche (image) vient se placer dessous pour indiquer que l'on se situe bien d Insérer une image à partir d'une popup [ par yoyo1 ] Bonjour, Je souhaiterai intégrer une image dans une page à partir d'une liste d'image d'une popup. Je m'explique. Sur une page A j'ai une image "Cliqu 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 ajout un champ sélectionner à partir d'une menu déroulante dans une formulaire [ par foued123 ] Bonjour est il possible de faire ajouter un champ sélectionner à partir d'une menu déroulante dans une formulaire de recherche? 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 déroulant à partir d'images [ par coulabdeng ] Bonjour,j'essaye actuellement de créer un menu, j'ai créer deux images avec un onmouseover pour changer d'image au passage de la souris, mais je souha 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 Menu DHTML avec image ! [ par Trabjag ] Bonjour,Est-il possible de faire un menu dhtml avec des images (ce que n'a jamais) ? Trab 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


Nos sponsors


Sondage...

Comparez les prix


Console Nintendo Wii
Entre 220€ et 307€

Visiter le guide achat

CalendriCode

Août 2010
LMMJVSD
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,515 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)