En poursuivant votre navigation sur notre site, vous acceptez l’utilisation de cookies afin d’améliorer votre navigation. En savoir plus Réduire
Plan du site  ·  Mentions Légales  ·  Statistiques  ·  Contact PatMax Web ·  PatMax Annuaire · 
FAQ
Connexion · M’enregistrer
Afin de bénéficier de l'intégralité des fonctions de ce forum il est conseillé de vous connecter
PatMax Scripts va fermer définitivement au mois d'avril 2024

Index du forum » ENTRAIDE » SITE & PAGE WEB

 
Poster un nouveau sujet Répondre au sujet
Message Auteur
 Sujet du message:
Message Posté: Mer 11 Oct 2006 20:46 

Alors je viens de retravailler ma page qui ne fonctionnait pas et j'en suis arrivé à utiliser le même script que vous.

Voila ce que cela donne.

Cette partie de code à copier entre les balises <head> et </head>

<script type="text/javascript">
<!--
function montre(id) {
var d = document.getElementById(id);
   for (var i = 1; i<=10; i++) {
      if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
   }
if (d) {d.style.display='block';}
}
//-->
</script>


<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
body {
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 100;
left: 100;
z-index: 100;
width: 100%; /* précision pour Opera */
align: center;
height: 115;
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #525C88;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
font-size: 10;
text-align: center;
background: #525C88;
height: 15;
}
#menu li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
color: #000000;
background: #ffffff;
}
-->
</style>

La position du menu sur la page est définie cette partie dans le code ci-dessus.
#menu {
position: absolute; Permet de bloquer le fond de page
top: 100; Marge entre le haut et le menu
left: 100; Marge enntre la gauche et le menu
z-index: 100;
width: 100%; /* précision pour Opera */ Largeur du menu
}

et cette partie que l'on insère ou l'on veut en dessous de la balise </head>

<!-- MENU DEROULANT -->
<div id="menu">
   <dl>         
      <dt onmouseover="javascript:montre('smenu1');">MENU1</dt>
         <dd id="smenu1">
            <ul>
               <li><a href="#">MENU 1.1</a></li>
               <li><a href="#">MENU 1.2</a></li>
               <li><a href="#">MENU 1.3</a></li>
               <li><a href="#">MENU 1.4</a></li>
               <li><a href="#">MENU 1.5</a></li>
            </ul>
         </dd>
   </dl>
   
   <dl>         
      <dt onmouseover="javascript:montre('smenu2');">MENU2</dt>
         <dd id="smenu2">
            <ul>
               <li><a href="#">MENU 2.1</a></li>
               <li><a href="#">MENU 2.2</a></li>
               <li><a href="#">MENU 2.3</a></li>
               <li><a href="#">MENU 2.4</a></li>
               <li><a href="#">MENU 2.5</a></li>
            </ul>
         </dd>
   </dl>

   <dl>         
      <dt onmouseover="javascript:montre('smenu3');">MENU3</dt>
         <dd id="smenu3">
            <ul>
               <li><a href="#">MENU 3.1</a></li>
               <li><a href="#">MENU 3.2</a></li>
               <li><a href="#">MENU 3.3</a></li>
               <li><a href="#">MENU 3.4</a></li>
               <li><a href="#">MENU 3.5</a></li>
            </ul>
         </dd>
   </dl>

   <dl>         
      <dt onmouseover="javascript:montre('smenu4');">MENU4</dt>
         <dd id="smenu4">
            <ul>
               <li><a href="#">MENU 4.1</a></li>
               <li><a href="#">MENU 4.2</a></li>
               <li><a href="#">MENU 4.3</a></li>
               <li><a href="#">MENU 4.4</a></li>
               <li><a href="#">MENU 4.5</a></li>
            </ul>
         </dd>
   </dl>

   <dl>         
      <dt onmouseover="javascript:montre('smenu5');">MENU5</dt>
         <dd id="smenu5">
            <ul>
               <li><a href="#">MENU 5.1</a></li>
               <li><a href="#">MENU 5.2</a></li>
               <li><a href="#">MENU 5.3</a></li>
               <li><a href="#">MENU 5.4</a></li>
               <li><a href="#">MENU 5.5</a></li>
            </ul>
         </dd>
   </dl>
   


</div>

_________________
Ma satisfaction, que vous soyez satisfait.


Avatar de l’utilisateur
<font color=#AA0000><b>Fondateur</b></font>
Fondateur
Hors ligne

Enregistré le:
Mar 1 Nov 2005 19:45
Messages: 5117
Localisation: Centre France

Profil  Site Internet Voir la position géographique du membre
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Jeu 12 Oct 2006 04:39 

salut
ok je viens de mettre la source et cela fonctionne sous les deux navigateur
pour IE toujours ce probléme de bloquage de script :x

merci
a++


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Mer 2 Nov 2005 19:10
Messages: 114
Localisation: Vendée

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Jeu 12 Oct 2006 07:54 

De quel blocage tu parles la ??

_________________
Ma satisfaction, que vous soyez satisfait.


Avatar de l’utilisateur
<font color=#AA0000><b>Fondateur</b></font>
Fondateur
Hors ligne

Enregistré le:
Mar 1 Nov 2005 19:45
Messages: 5117
Localisation: Centre France

Profil  Site Internet Voir la position géographique du membre
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Jeu 12 Oct 2006 11:41 

[referp=6780;quote="PatMax"]De quel blocage tu parles la ??[/quote]


salut PatMax

je previsualisé avec mon log ma nouvelle page et il me bloquait le script
mais en regardant direct sur IE en mentionnant le lien pas de probléme .

Encore un grand merci à toi pour ton savoir et ta disponibilité
mon affaire est résolue
bonne journée
Milouze14
a++


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Mer 2 Nov 2005 19:10
Messages: 114
Localisation: Vendée

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Sam 6 Jan 2007 05:14 

Hello, voici celui que j'utilise dans mamoweb, peut-être marche t-il autre part, je ne sais pas faut essayer.

pas difficile je pense comme script:


 <form name="form1">
                <p><select name="formselect1" size="1" OnChange="namosw_goto_byselect(this, 'top')">
                    <option selected value="URL de l'endoit de la page">Titre de la page</option>
                    <option value="URL de l'endoit de la page">Titre de la page</option>
                    <option value="URL de l'endoit de la page">Titre de la page</option>
                    <option value="URL de l'endoit de la page">Titre de la page</option>
</select></p>
            </form>


Vous jouter autant de fois <option value="URL de l'endoit de la page">Titre de la page</option> que vous avez besoin

A bientôt,

Sangoku

Ps; tenez-moi au courant si ça marche autre part.

Bien j'ai essayer dans mon forum, et il marche ce script, et bien je suis content d'avoir pu aider quelqu'un.


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Jeu 24 Aoû 2006 22:26
Messages: 80
Localisation: Sambreville

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 
Poster un nouveau sujet Répondre au sujet



Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 7 invités


Afficher les messages postés depuis:   Trier par  
Aller à:  

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas modifier vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers

Index du forum » ENTRAIDE » SITE & PAGE WEB

cron

Votre site ici

Inscrire votre site        Voir plus de boutons
 

Reproduction strictement interdite sans l'autorisation de l'administrateur.

PatMax © 2006 - 2008
Développé par phpBB® Forum Software © phpBB Group    
Traduit par phpBB-fr.com
Thème graphique par PatMax ©