Discussion :

[Lelka]

Bonjour à tous,

Voici un code Javascript que j'ai:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
        <!--
		$(document).ready( function () {
		    // On cache les sous-menus :
		    $(".navigation ul.subMenu").hide();
		    // On sélectionne tous les items de liste portant la classe "toggleSubMenu"
		    // et on remplace l'élément span qu'ils contiennent par un lien :
		    $(".navigation li.toggleSubMenu span").each( function () {
		        // On stocke le contenu du span :
		        var TexteSpan = $(this).text();
		        $(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
		    } ) ;

J'aimerais que les <span> soient remplacés par:

Code :

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

<a><b>Titre</b> - <i>Nom</i></a>

Et non pas en liens tout court

Code :

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

<a href="">Texte</a>

Moi j'ai ceci dans mon HTML par exemple:

Code :

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

<li class="toggleSubMenu"><span><b>La Santé au coeur du Développement.</b> - <i>My Name</i></span>

Mon résultat souhaité est : La Santé au coeur du Développement. - My Name

D'avance, merci

[Saray]

Qu'est ce que tu as au départ ? Car d'après ce que je comprends :
- la fonction parcours tous les éléments de la classe toggleSubMenu
- elle récupère le contenu du span à l'intérieur du toggleSubMenu dans la variable textSpan
- elle remplace ensuite le span à l'intérieur de l'élément de classe toggleSubMenu par <a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>

Ce que tu demandes toi c'est :
- Prendre le contenu du span de la classe toggleSubMEnu, mais il faut en plus qu'il détermine la partie titre et la partie nom
- qu'elle remplace ensuite le contenu du span par ton texte préformatté

ce qui manque dans ton explication est qu'est ce que tu as au départ.

Ceci étant supposons que ce que tu as au départ c'est :
<li class="toggleSubMenu"><span>La Santé au coeur du Développement. - My Name/span>

Ce qui sépare le titre du name c'est un '-'.

En partant du principe que les fonctios de ton code son censé faire ce qu'ils font ...

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
]<script type="text/javascript">
        <!--
		$(document).ready( function () {
		    // On cache les sous-menus :
		    $(".navigation ul.subMenu").hide();
		    // On sélectionne tous les items de liste portant la classe "toggleSubMenu"
		    // et on remplace l'élément span qu'ils contiennent par un lien :
		    $(".navigation li.toggleSubMenu span").each( function () {
		        // On stocke le contenu du span :
		        var TexteSpan = $(this).text();
                                  var separe=TexteSpan .split('-');
                                  var Titre=separe[0];
                                  var Nom=separe[1];
		        $(this).replaceWith('<li class="toggleSubMenu"><span><b>'+Titre+'</b> - <i>'+Nom+'</i></span>') ;
		    } ) ;

[Lelka]

Parfait, tu as répondu à mon besoin ! J'ai remplacer mon "$(this).replaceWith(...)" par le tiens en ajoutant la variables "separe", "Titre" et "Nom".

Merci !