prb xsl xml affichage

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : prb xsl xml affichage

celine65

Bonjour,
Je souhaite faire un menu déroulant intéractif qui se deplierait et se replierait suivant choix de l'utilisateur.
Jusqu'ici, j'obtient un menu avec +nom_categorie
si l'utilisateur clique sur le +, le menu se déroule
s'il clique sur nom_categ, le lien hypertexte rattaché à nom_categorie fonctionne et affiche une nouvelle page. Le problème est qu'il dépli aussi le menu !! j'arrive pas à dissocier ces deux actions !!!
J'ai vraiment besoin de votre aide, je ne sais plus quoi faire!!
merci beaucoup !!

voici mon code xml:

Code :

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet href="styles.xsl" type="text/xsl"?>
<site>
<file><num>1</num><nom>projets</nom>
<file><num>2</num><nom>monétique</nom>
<file><num>5</num><nom>cartes</nom>
<file><num>6</num><nom>CB</nom>
</file>
</file>
</file>
<file><num>3</num><nom>matériel</nom>
</file>
<file><num>4</num><nom>logiciel</nom>
</file>
</file>
</site>

code xsl :

Code :

<?xml version="1.0" encoding="ISO-8859-1" ?>
<?LINK rel="stylesheet" type="text/css" href="styles.css"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="file">
<script>
<![CDATA[
var deplier = true;
var replier = false;
function deplirepli(dossier, depli) {
plus = dossier.children[0];
moins = dossier.children[1];
div = dossier.parentElement;
moins.style.display = depli ? "" : "none";
plus.style.display = depli ? "none" : "";
dossier.title="Cliquer pour " + (depli ? "re" : "de" ) + "plier";
div.children[1].style.display= depli ? "" : "none";
}
function toggleDisplay(dossier) {
plus = dossier.children[0];
if (plus.style.display=="" )
// le signe plus est visible : il faut déplier
{
deplirepli(dossier, deplier);
}
else
// replier
{
deplirepli(dossier, replier);
}
}
]]>
</script>
<div>
<div class="title" onclick="toggleDisplay(this)" >
<SPAN>+</SPAN><SPAN STYLE="display:none" >-</SPAN>
<a href="central.php?page={num}" target="central">
<xsl:value-of select="nom"/>
</a>
</div>
<div CLASS="wrapping" STYLE="display:none">
<xsl:apply-templates select="file"/>
</div>
</div>
</xsl:template>
</xsl:stylesheet>

Publicité

avander

Un template nommé file qui fait un apply-templates select="file" ça me fait tout chose, ça sent la boucle infinie voir si le moteur de transformations s'en sort: des effets de bords spectaculaires...

Un menu déroulant c'est une liste avec un styling css un peu pointu nan?

FlorentG

avander a écrit :

Non, ça fonctionne, j'utilise ça pour faire des listes imbriquées

FlorentG

Beaucoup d'erreurs dans le code XHTML (balises majuscule, style inline pas cool), et le JS est bizarrement goupillé :heink:

celine65

salut, pour les erreurs du code xhtml, faut mettre toutes les balises en minuscule ? tu entends quoi par style inline ? pour le JS, j'ai repris ce qui est proposé sur http://www.chez.com/xml/applis/. Cela me paraissait bien (ça marche!!) mais je débute dans tout ce qui est xsl, xml, javascript... si tu as des conseils a me donner, je suis preneuse!!!

Merci beaucoup

zapan666

Tout est relatif

celine65 a écrit :

minuscule, je crois.
style inline : style présent directement dans les balises (Il vaut mieux mettre les styles ailleurs : en entête entre la balise style ou mieux, dans un fichier css)

Code :

<a style="text-decoration: blink">Attention les yeux</a>

Pour le JS : j'y connais rien (mais à vu de nez, moi ça me va...) : Mais il y a peut être moyen de remplacer le onClick. (fait une recherche sur le forum avec javascript non obstrusif ou quelque chose comme ça, il y a un message très interessant dessus normalement)
Pour ton problème de dépliement, je pense que c'est parce que ton liens est dans le div qui a le onClick, donc quand tu clique sur le liens, peut être que ça active le onclick du div, mais bon...j'suis pas sûr de moi sur ce coup là.

Message édité par zapan666 le 18-07-2005 à 14:23:31

---------------
my flick r - Just Tab it !

celine65

Pour le style inline, je vois pas trop.. j'ai une feuille de style css (styles.css), j'y fais appel avec class=".." ??

Pour le prb de déploiement,c'est effectivement les div qui clochent.. Je n'arrive pas à en sortir le <xsl:value-of select="nom"/>, si je le met entre les deux balises div, ma liste imbriquée ne fonctionne plus, si je le met après les deux div, le nom n'est plus à coté des signes + et - mais tout à la fin de la liste..?

Je vais aller voir du côté du javascript que tu m'a indiqué, peut-être que sans le onclick.. merci !!!

zapan666

Tout est relatif

celine65 a écrit :

Pour le style inline, je vois pas trop.. j'ai une feuille de style css (styles.css), j'y fais appel avec class=".." ??

Pas bien :

Code :

<SPAN STYLE="display:none" >

Bien :

Code :

<span class="deplieur">+</span>

code css (style.css)

Code :

span.deplieur { display: none }

celine65 a écrit :

Je vais aller voir du côté du javascript que tu m'a indiqué, peut-être que sans le onclick.. merci !!!

ça va pas résoudre le problème, c'est juste que a la place de faire
<a onclick="mafonction">, tu aura juste a faire <a>, et ton javascript va se "greffer" automatiquement à ton <a> (ça revient au même que <a onclick> )

---------------
my flick r - Just Tab it !

FORUM HardWare.fr

Programmation

XML/XSL

prb xsl xml affichage

Sujets relatifs
Problème d'affichage	configurer l'affichage
forum - affichage smiles	affichage d'une fenetre dos
pb affichage sous php	Affichage par id
probleme d affichage avec un tableau html	Affichage d'une page temporaire pendant l'exécution d'un script
Pb CSS pour un affichage de menus fixe à droite	aucun affichage
Plus de sujets relatifs à : prb xsl xml affichage

Page générée en 0.125 secondes