Accueil > Forum > > > > javascript et html
javascript et html
mardi 2 octobre 2007 à 14:54:21 |
javascript et html

tortuegenie
|
Bonjour, je voudrais savoir comment je peux ecrire une fonction javascript qui peut scruter les balises <li> de mon code html. Voici le code < div id="header"><ul><li id="current"><a href="javascript:;" onClick="document.all.bloc2.style.visibility = 'visible';document.all.bloc1.style.visibility = 'hidden';" >Home</a></li><li><a href="javascript:;" onClick="id='current';document.all.bloc1.style.visibility = 'visible';document.all.bloc2.style.visibility = 'hidden';" >News</a></li><li><a href="#">Produits</a></li><li><a href="#">A propos</a></li><li><a href="#">Contact</a></li></ul></ div>< div id="bloc1" style="color: #125345; visibility: hidden;">toto </ div>< div id="bloc2" style="color: #120045;">titi </ div>
En fait ce que je souhaite faire c'est changer la valeur du id=current lorsque je clique sur mes onglets et bien sur dévalider le current de l'onglet précédent. Si quelqu'un peut m'aider à ecrire cela ça serait sympa.
MErci
|
|
mardi 2 octobre 2007 à 15:17:09 |
Re : javascript et html

XtremDuke
|
Réponse acceptée !
Pour scruter les balises <li> de ta page :
var lstLi = document.getElementsByTagName('li'); for (var i=0; i<lstLi.length; i++){ var currentLi = lstLi[i]; //A partir de là tu peut travailler sur currentLi }
Pour acceder directement à un ta balise <li> 'current' :
var currentLi = document.getElementById('current');
|
|
mardi 2 octobre 2007 à 15:38:12 |
Re : javascript et html

bultez
|
Réponse acceptée !
Bonjour,
pas très bien compris.... ce que tu veux, c'est cacher le div précédent et en afficher un nouveau en fonction du lien cliqué ?
alors : ch'tit exemple...
<script type="text/javascript"> var mem="1"; function euh(a) { document.getElementById('bloc'+mem).style.visibility = 'hidden'; document.getElementById('bloc'+a).style.visibility = 'visible'; mem=a; } </script> <div id="header"> <ul> <li><a href="javascript:void(euh('1'));">Home</a></li> <li><a href="javascript:void(euh('2'));">News</a></li> <li><a href="#">Produits</a></li> <li><a href="#">A propos</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div id="bloc1" style="color: #125345;">toto</div> <div id="bloc2" style="color: #120045; visibility: hidden;">titi</div>
brut de fonderie... car si ça ne correspond pas à ce que tu veux... peut-être faudrait-il mettre les appels à la fonction en dynamique, utiliser display="none" ou "inline"...
Cordialement Bul [mon Site] [M'écrire]
|
|
mardi 2 octobre 2007 à 15:42:50 |
Re : javascript et html

bultez
|
mais si tu veux explorer les LI, XTremDuke a proposé une approche possible. ( j'ai posté mon message sans avoir vu le sien )
Cordialement Bul [mon Site] [M'écrire]
|
|
Cette discussion est classée dans : javascript, style, id, href, li
Répondre à ce message
Sujets en rapport avec ce message
menu déroulant [ par peyge ]
Bonjour,voila j'essaye de rappetiser la largeur des boutons de la list emais je ne suis pas capable, quelqu'un peut m,aider. Je voudrais que les colo
iteration d'un id de balise SPAN dans une fonction javascript [ par misterchabine ]
bonsoir,J'ai un formulaire ds lequel j'ai des 10 balises span avec id tab+un numero (ex : tab1 tab2 tab3 ...tab10)Mes 10 span ont leur valeur display
Insertion de javascript dans feuille de style [ par stephaniemaric ]
Bonjour,J'ai une feuille de style dont voici le codetable table {margin-top:250px;}div table table, table table table {margin-top:-0;}.banner {width:4
Récupération des champs d'un formulaire dynamique [ par Crabece ]
Bonjour à tous,Je vous expose mon problème en essayant d'etre le plus claire possible :Je travaille actuellement sur un site de vente en ligne et mon
fonction conflit style [ par boscomac ]
Bonjour, J'ai une fonction en javascript (avec la librairie JQuery) qui me permet lorsque je passe sur une Div d'animer la couleur du fond ainsi que
Perte d'accent après un form.submit en javascript. [ par guitoulefoux ]
<link rel="Fi
Centrer background en JavaScript [ par forget2212 ]
Bonsoir, J'ai un site web qui fonctionne en CSS et je veux introduire du JS pour le bas de la page (copyright) sur toutes mes pages. Mon fichier c
variable dynamique pour fonction slide mootools [ par zemele ]
Bonjour,Je souhaite appliquer une fonction slide à plusieurs éléments d'un coup. Cela implique d'utiliser une variable dynamique (enfin je crois). Voi
javascript et css [ par limalima ]
Bonjour à tous,je débute en javascript et css, je souhaite changer la couleur d'un mot, le mot prndra des couleurs differentes pendant toute lavisuali
Cherche à changer un id quand l'url se modifie!!! [ par ayolos ]
Bonjour à toutes et à tous, voilà, j'utilise un CMS (expression engine 2.2.2), il génère mes page en php et authorise le javascript, le problème est
Livres en rapport
|
Derniers Blogs
XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|