Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : javascript et html [ JavaScript Orienté objet (POO) / Function & Méthodes ] (tortuegenie)

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

Membre Club
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

Membre Club
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é 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 Apliquer une feuille de style sur un texte d'un JavaScript [ par Siriusgalaxie26 ] Comment faire pour appliquer avec Dreamweaver MX une feuille de style sur un texte affiché par "document.write" ?SIRIUSVisitez le site http://mypage.b infobulle sous différant navigateur [ par Thundrax ] Hello,Alors mon problème est simple, j'ai le script de Greengold pour faire de joli info bulle perso, c magique mais ca ne fonctionne que sous-ie... é Recuperer le SId avec javascript [ par nikos283 ] SalutJ'ai une petit proble, voila j'ai une page php qui crée une session et j'aimerai avec javascript recupérer le nom et valeur de cette session. pou modifier text qui n'est pas une text box ou text area [ par nyxon ] J'ai donc creer un tableau tout simple avec une simple ligne...Cette ligne content du texte blablabla J'ai creer une fonction qui permet de cliquer s javascript et style pour formulaire [ par scguillaume ] comment appliquer un style (CSS) à un objet de formulaire (type liste) sur l'envenement ONCLICK d'un autre objet du formulaire (type radio)?merci


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,234 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.