recuperer valeur html -> javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : recuperer valeur html -> javascript

bnas

Bonjour tout le monde!

Voila ca fait un moment que je m'acharne sur un menu dynamique extensible.

Je veux dans le code html suivant:

Citation :

<ul id="menu">
<li>Menu :</li>

<li id='statique.htm'>Pesage statique
<ul>
<li onMouseDown="javascript:lien_a_recup='melange.htm'">Composition de melanges
<ul>
<li><a href="javascript:charger('#','essai.htm')">essai</a></li>
</ul>
</li>
</ul>
</li>

récupérer la valeur du lien correspondant à chaque partie. Ici pour essai pas de prob on appelle directement la fonction charger mais pour les parties qui ouvrent un lien mais qui doivent aussi ouvrir les sous menus correspondant je fais appel a des autres fonctions (dans menu.js). J'aimerai donc avoir la valeur du lien à pointer dans une variable pour l'utiliser.

Je ne sais pas si j'ai été assez clair.. :pt1cable:

J'ai essayé de mettre un ID au tag <li> mais je ne sais pas comment le récuperer. (machin.firstChild.id ca marche pas apparemment.
J'ai aussi essayé avec onMouseOver je stocke le lien dans une variable mais dans mes autres fonctions après j'ai aussi un OnMouseDown donc il y a conflit des fois il trouve pas la valeur de lien_a_recup.

Merci si vous avez compris :jap:

Pour préciser, bout de code javascript:

Code :

if(L.getElementsByTagName('ul')[0]){ // sous-menu éxistant
titre=L.firstChild.data;
L.removeChild(L.firstChild);
L.innerHTML='<a href="#" title="développer" onkeydown="af(this,page2)"
onmousedown="af(this,page2);return false">'+titre+'<\/a>'+L.innerHTML;
ef(L.firstChild); // réduit les sous_menus
}

Code :

function af(el,pagedeux) { // développe un sous-menu .
L.firstChild.href=charger('#',pagedeux);

Message cité 1 fois
Message édité par bnas le 24-04-2006 à 17:02:06

Publicité

anapajari

s/travail/glanding on hfr/gs;

bnas a écrit :

Ici pour essai pas de prob on appelle directement la fonction charger mais pour les parties qui ouvrent un lien mais qui doivent aussi ouvrir les sous menus correspondant je fais appel a des autres fonctions (dans menu.js).

Tu voudrais des item qui "déployent" les sous-menus associés et en même temps ouvrent un lien ( dans une autre frame ou un popup j'imagine), c'est bien ça?

bnas

tout a fait.

voici index.htm:

Citation :

Le problème est que je ne peux pas utiliser la balise <a></a> comme pour la partie essai car lorsqu'il s'agit d'un menu ouvrant un sous menu je fais déjà un L.innerHTML='<a href.....

Message édité par bnas le 24-04-2006 à 17:08:13

anapajari

s/travail/glanding on hfr/gs;

bon j'avais fait un arbre y'a pas longtemps dans le même genre ( http://forum.hardware.fr/forum2.ph [...] w=0&nojs=0 )
En le modifiant a peine ça doit faire ce que tu veux:

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript">
/*** param is a node which has been clicked ***/
function show(lnkNode){
var sonsNode = lnkNode.parentNode.getElementsByTagName('*');
if ( sonsNode.length >= 1 && sonsNode[1].tagName == 'UL' && sonsNode[1].className == "disp" ){
sonsNode[1].className = "";
lnkNode.parentNode.className = "";
} else {
sonsNode[1].className = "disp";
lnkNode.parentNode.className = "disp";
}
return true;
}
</script>
<style type="text/css">
ul{
display: none;
}
ul.disp{
display: block;
}
li{
display : list-item;
list-style-image : url(plus.png);
list-style-position: outside;
}
li.disp{
list-style-image : url(minus.png);
}
</style>
</head>
<body >
<ul class="disp">
<li>
<a href="truc.html" target="right" onclick="return show(this)">Truc 1:</a>
<ul>
<li>Truc 1_1</li>
<li>Truc 1_2</li>
<li>
<a href="truc.html" target="right" onclick="return show(this)">Truc 1_3:</a>
<ul>
<li>Truc 1_3_1</li>
<li>Truc 1_3_2</li>
<li>Truc 1_3_3</li>
<li>Truc 1_3_4</li>
<li>
<a href="truc.html" target="right" onclick="return show(this)">Truc 1_3_5:</a>
<ul>
<li>Truc 1_3_5_1</li>
<li>Truc 1_3_5_2</li>
<li>Truc 1_3_5_3</li>
<li>Truc 1_3_5_4</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="truc.html" target="right" onclick="return show(this)">Truc 2:</a>
<ul>
<li>Truc 2_1</li>
<li>Truc 2_2</li>
<li>
<a href="truc.html" target="right" onclick="return show(this)">Truc 2_2_3</a>
<ul>
<li>Truc 2_2_3_1</li>
<li>Truc 2_2_3_2</li>
<li>Truc 2_2_3_3</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>

et si ça te va pas, détailles un peu plus le fonctionnement de ton menu

bnas

merci je vais voir ce que je peux faire

bnas

Est-ce qu'il n'y aurait pas un moyen de récupérer dans la balise <li> une variable qui contiendrait l'adresse du lien vers lequel elle pointe pour l'utiliser dans le code javascript?

par exemple:

Code :

<li>< PAGE2= 'statique.htm'> Pesage statique
<ul>...
</ul>
</li>

Code :

...
if(L.getElementsByTagName('ul')[0]){ // sous-menu éxistant
titre=L.firstChild.data;
L.removeChild(L.firstChild);
L.innerHTML='<a href="#" title="développer" onkeydown="af(this,PAGE2)"
onmousedown="af(this,PAGE2);return false">'+titre+'<\/a>'+L.innerHTML;
ef(L.firstChild); // réduit les sous_menus
}

mais pour chaque lien la variable PAGE2 va changer. JE sais plus comment faire la. Anajpari ton menu est bien mais celui que j'ai la permet d'avoir un lien ouvert par défaut ou encore de n'avoir qu'un seul sous menu ouvert par niveau.

Peut être avez vous une solution (meme en PHP..)

Message édité par bnas le 25-04-2006 à 09:09:06

bnas

youhou j'ai trouvé comment faire! c'est pas terrible au niveau du code mais c'est le seul moyen que j'ai trouvé

j'ai remplacé ceci:

Code :

//ajoute un titre cliquable
if(L.getElementsByTagName('ul')[0]){ // sous-menu éxistant
titre=L.firstChild.data;
L.removeChild(L.firstChild);
L.innerHTML='<a href="#" title="développer" onmousedown="af(this,page2,1);return false">'+titre+'<\/a>'+L.innerHTML;
ef(L.firstChild); // réduit les sous_menus
}

par:

Code :

//ajoute un titre cliquable
if(L.getElementsByTagName('ul')[0]){ // sous-menu éxistant
titre=L.firstChild.data;
L.removeChild(L.firstChild);
lier(L);
ef(L.firstChild); // réduit les sous_menus

Code :

function lier(el){
switch (el.id) {
case "statique" : el.innerHTML='<a href="#" title="développer"
onmousedown="af(this,\'statique.htm\',1);return false">'+titre+'<\/a>'+el.innerHTML;break;
case "melange" : el.innerHTML='<a href="#" title="développer"
onmousedown="af(this,\'melange.htm\',1);return false">'+titre+'<\/a>'+el.innerHTML;break;
case "dynamique": el.innerHTML='<a href="#" title="développer"
onmousedown="af(this,\'dynamique.htm\',1);return false">'+titre+'<\/a>'+el.innerHTML;break;
...
}}

tout simplement!!
en rajoutant un ID à chaque tag <li> suivi d'un <ul> (càd suivi de sous menu)

Message édité par bnas le 25-04-2006 à 11:26:29

FORUM HardWare.fr

Programmation

HTML/CSS

recuperer valeur html -> javascript

Sujets relatifs
Select et javascript	problème page html avecMyeclipse
Incrementer la valeur d'une cellule.	problème de diaporama creé en javascript
javascript et fichier texte en local	Variables HTML avec applet JAVA
Récuperer le nom d'un bouton d'une application	Récupérer le code html d'une page web
recuperer une chaine dans une page
Plus de sujets relatifs à : recuperer valeur html -> javascript

Page générée en 0.076 secondes