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 faire un setAttribute de style avec FireFox [ par JPVIO ]
Bonjour Je cherche à modifier la couleur d'un texte au survol de la souris OK dans une cellule d'un tableau cela fonction trés bien avec IE Mais pas
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
Livres en rapport
|
Derniers Blogs
[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey
Dans un de mes articles précédents , j'avais parlé des DomainDataSource avec RIA Services dans le cas d'une interface Maître - Détail. Dans le même principe, je vais parler d'une autre manière de mettre en forme ce cas d'interface avec RIA Services. Et po...
Cliquez pour lire la suite de l'article par Audrey ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATIONZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice
Une des nouveautés de la version V 3.0 était l'apparition de l'onglet Social qui ne fonctionnait que si le MarketPlace était activé sur son poste. Cela limitait donc son intérêt, car hors du cadre commercial USA-CANADA, peu de monde trouva...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2 par ROMELARD Fabrice
Avec la dernière génération du lecteur MP3 de Microsoft, le ZUNE HD, Microsoft a publié une nouvelle version du logiciel pour PC. Ainsi, je me suis décidé à installer celle-ci sur mon Tablet PC ACER, comme toujours le logiciel est donc tél...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
RE : CONVERSIONRE : CONVERSION par peter2010
Cliquez pour lire la suite par peter2010
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|