[XML][XSL][DOM][JAVASCRIPT]melanger le tout, laisser reposer

**mitsein** · 16/07/2004, 00h14

bonsoir,

cela fait pas mal d'heures maintenant que je visite des sites, forums à la recherche d'une solution.
Le probleme : adapter le texte à afficher dans une div en fonction de la partie de l'image que l'on survole.

Les donnees à afficher sont ds le fichier XML.
Le fichier XSL se charge de me transformer le tout en HTML.
Le javascript pour gerer le "onmouseover" et "onmouseout"
et DOM enfin pour acceder à mon document.

Premier essais :
utiliser XPath directement dans une fonction javascript, afin de recuperer les textes à afficher...mais cela n'est pas possible sauf API propriétaires (IE)

Deuxieme essais :
j'en suis venu à une solution où je passe ce qu'il faut afficher en tant que param de ma fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<map name="map_construction">
			<area shape="rect" coords="87,81,131,120" href="#"
onMouseOver=
				 'var paragraphe = new Array;
				 paragraphe[0]="{/construction/contenu/partie[position()=1]/paragraphe[position()=1]}";
				 paragraphe[1]="{/construction/contenu/partie[position()=1]/paragraphe[position()=2]}";
				 modifieContenuPar(paragraphe);'/>

et la fonction javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script language="javascript">
<![CDATA[  
	  function modifieContenuPar(paragraphe)
	  {
		   var conteneur;
		   var contenu = '<br />';
		  conteneur = document.getElementById('conteneur');		
		  conteneur.innerHTML = "";
 
		  for(i=0;i<paragraphe.length;i++){
			  contenu += "<p>"+paragraphe[i]+"</p><br />";
		  }
		  conteneur.innerHTML=contenu;		  
	  }
	  ]]>
  </script>

donc en fait je voulais savoir si j'ai pas perdu mon temps ?
est ce qu'il y a une solution plus...correct?
celle ci fonctionne mais bon, tant qu'a faire un truc, autant bien le faire..

(ps :le probleme aussi c'est que je suis obligé de connaitre le nombre de paragraphe...)

**Erwy** · 16/07/2004, 09h11

Envoyé par mitsein

Premier essais :
utiliser XPath directement dans une fonction javascript, afin de recuperer les textes à afficher...mais cela n'est pas possible sauf API propriétaires (IE)

mozilla aussi possede le selectnodes me semble-t-il.

**GrandFather** · 16/07/2004, 16h56

Bonjour,

il n'y a malheureusement à ma connaissance pas beaucoup de solutions pour gérer ce genre de cas. Je ferai cependant une suggestion en te conseillant de jouer avec les CSS :

- Avec ton XSL, génère autant de balises DIV que nécessaire (autant que de zones actives dans ton map), en attribuant un ID différent pour chacun

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<head>
  <style type="text/css>
    DIV.invisible {
      top: 150px;
      left: 150px;
      width: 100px;
      height: 100px;
      visibility: hidden;
    }
  </style>
</head>
...
<div id="Par1" class="invisible">
  <p>Un paragraphe</p>
  <p>Un autre paragraphe</p>
</div>
<div id="Par2" class="invisible">
  <p>Un troisième paragraphe</p>
  <p>Encore un autre paragraphe</p>
  <p>...</p>
</div>
...

- Avec ton XSL, génère un Javascript différent pour chaque onMouseOver et onMouseOut du map, chacun se référant à un DIV particulier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<area ... onMouseOver="document.getElementById('Par1').style.visibility='visible';" onMouseOut="document.getElementById('Par1').style.visibility='hidden';"/>

Voilà, voilà... Le XSL ne devrait pas être trop dur à écrire.

[XML][XSL][DOM][JAVASCRIPT]melanger le tout, laisser reposer

XSL/XSLT/XPATH XML

Vue hybride

Discussions similaires

Partager

Partager