Accueil > Forum > > > > menu changé ?
 menu changé ?
lundi 20 novembre 2006 à 11:11:13 |
menu changé ?
Osiris68
|
salut a tous voila je voudrais savoir ce que je dois changer dans ce script pour faire en sorte que le menu devienne dynamique, je m'explique, enfaite pour l'instan je dois cliqué sur le menu pour afficher les sous-menu, et je voudrais que sa soit automatiquen qu'il change dès que la souris passe audessus.
merci d'avance
<head>
<title>menu à onglets</title>
<script type="text/javascript">
function Onglet(titre){
this.titre=titre;
this.nombre=0;
this.liens=new Array();
this.texte=new Array();
this.add_link=Onglet_add_link;
this.afficher=Onglet_afficher;
}
function Onglet_add_link(texte, lien){
this.liens[this.nombre]=lien;
this.texte[this.nombre]=texte;
this.nombre++;
}
function Onglet_afficher(){
var i;
for (i=0;i<this.nombre;i++){
/*
en ajoutant un target="leftframe" par exemple, on peut facilement choisir la destination du lien.
*/
document.write('<a href="'+this.liens[i]+'"></this.nombre;i++){>'+this.texte[i]+'</a> / ');
}
}
function Onglet_box(){
this.nombre=0;
this.onglets=new Array();
this.ajouter_onglet=Onglet_box_ajouter_onglet;
this.afficher=Onglet_box_afficher;
}
function Onglet_box_ajouter_onglet(titre){
this.onglets[this.nombre]=new Onglet(titre);
this.nombre++;
}
function Onglet_box_afficher(){
11111111111
document.write('<table width="100%"><tr>');
for (i=0;i<this.nombre;i++){
/*
Ici, on peut modifier le style des entêtes
*/
document.write('<td id="header'+i+'" style="background-color:#0099ff"><a href="javascript:ouvre(\''+i+'\')" >'+this.onglets[i].titre+'</a></td>');
}
document.write('</tr><tr><td colspan="'+this.nombre+'">');
for (i=0;i<this.nombre;i++){
/*
et ici, le style des onglets
*/
document.write('<div id="div'+i+'" style="display:none;background-color:#99ccff;">');
this.onglets[i].afficher();
document.write('</div>');
}
document.write('</td></tr></table>');
nombre=this.nombre;
}
function ouvre(id){
a=document.getElementById('div'+id);
for (i=0;i<nombre;i++){
document.getElementById('div'+i).style.display="none";
document.getElementById('header'+i).style.background="#3399ff";
}
document.getElementById('header'+id).style.background="#99ccff"
document.getElementById('div'+id).style.display="block";
}
</script>
</head>
<body>
<script type="text/javascript">
a=new Onglet_box();
a.ajouter_onglet('Accueil');
a.onglets[0].add_link('','');
a.onglets[0].add_link('','');
a.onglets[0].add_link('','');
a.onglets[0].add_link('','');
a.onglets[0].add_link('','');
a.ajouter_onglet('');
a.onglets[1].add_link('','');
a.onglets[1].add_link('','');
a.onglets[1].add_link('','');
a.ajouter_onglet('');
a.onglets[2].add_link('','');
a.onglets[2].add_link('','');
a.onglets[2].add_link('','');
a.ajouter_onglet('');
a.onglets[3].add_link('');
a.onglets[3].add_link('','');
a.onglets[3].add_link('','');
a.onglets[3].add_link('','');
a.ajouter_onglet('');
a.onglets[4].add_link('','');
a.onglets[4].add_link('','');
a.onglets[4].add_link('','');
a.afficher();
ouvre(0);
</script>
</body>
|
|
lundi 20 novembre 2006 à 13:06:12 |
Re : menu changé ?
coucou747
|
Réponse acceptée !
Salut, tu pourrais au moins dire ou tu as trouvé la source !!! http://www.javascriptfr.com/codes/ONGLETS_33306.aspxméchant copiteur qui supprimes les copylefts et le gpl In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy Mon site (articles sur la programmation et programmes)
|
|
lundi 20 novembre 2006 à 13:11:01 |
Re : menu changé ?
coucou747
|
Réponse acceptée !
Salut, au passage, faudrait remplacer : <a href="javascript:ouvre(\''+i+'\')" >'+this.onglets[i].titre+'</a></td>'); par <a href="javascript:void(0);" onmouseover="ouvre(\''+i+'\');" >'+this.onglets[i].titre+'</a></td>'); mais faudrait penser à l'auteur en l'utilisant... In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy Mon site (articles sur la programmation et programmes)
|
|
lundi 20 novembre 2006 à 14:36:36 |
Re : menu changé ?
Osiris68
|
Réponse acceptée !
ok merci beaucoup et une derniere chose, quesque je dois changer pour mettre des images a la place du nom des menu ( attention pas sous menu, juste mettre des image sur le nom des menu) ? m
merci d'avance
ps : je remerci le createur de ce script fort utile
|
|
mardi 21 novembre 2006 à 16:35:38 |
Re : menu changé ?
coucou747
|
Réponse acceptée !
Salut, le créateur, c'est moi... a.ajouter_onglet("<img src=\"image.jpg\">"); ça devrait marcher In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy Mon site (articles sur la programmation et programmes)
|
|
mardi 21 novembre 2006 à 19:28:21 |
Re : menu changé ?
|
Cette discussion est classée dans : add, document, onglets, onglet, link
 Répondre à ce message
 Sujets en rapport avec ce message
getElementsByName fonctionne nickel sous Firefox mais pas sous IE [ par Harm_Flav ]
Bonjour,j'ai un problème avec la fonction getElementByName sous Internet Explorer. Je tiens à préciser que sous Firefox ça marche très bien.Alors voil
Collecte de variable puis envoie vers page en PHP [ par DzinVolt_Original ]
Bonjour, Je debute et j'ai un reel probleme pour collecter la valeur d'une variable de mes listes deroulantes. Je m'explique, je desir connaitre
Avis conception formulaire [ par chamallow ]
Bonjour,Dans mon module php/javascript, j'ai une page qui contient un formulaire très grand. Je trouve cela pas très génial pour l'utilisateur. Et en
Code JS ne fonctionnant pas avec IE [ par dancingfly_ ]
Bonjour à tous,Voilà ça fait un petit moment que je me bat avec ce problème.J'ai une page permettant de mettre en ligne un article auquel on peux join
Checkbox a conditions... [ par jpv424 ]
Bonjour à tous et merci pour votre aide !J'ai un petit formulaire avec checkbox et le code vaut mieux qu'une explication : functio
fonctionne pas [ par ichigokurosaki ]
Bonjour,alors voilà, j'ai recopié ce code d'un bouquin "javascript dans son intégralité" mais j'ai beau le relire et le corriger, il donne rien. Alors
verification [ par deazure ]
je suis en train de developper une aplication web . j utilse jQuery et je suis confronter a un problem que je vous explique: jai 5 onglet qui contienn
Fermer un onglet à partir [ par fleto ]
Bonjour, Je débute et je pense que je dois confondre certaine notion. Voila, j'ouvre plusieurs onglets en ajoutant un listener. Mon problème est que
Javascript ave Mozila [ par sdbounana ]
Bonjour tous le monde, J'ai des problèmes avec la compatibilité de mon site avec les autres navigateurs: Il fonctionne uniquement en Internet Explorer
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|