Cacher du texte dans une balise Hx

**jerem_orga** · 10/11/2012, 14h53

Bonjour,

Sur mon site, je veux par défaut n'afficher qu'un extrait d'un long paragraphe.
Pour cela j'utilise JQUERy (jquery.truncatable.js).

Ca marche bien ... tant que dans le paragraphe dont je ne veux afficher qu'un extrait, il n'y a pas de balise titre type <H1>, <H2>.

Savez vous comment je peux remédier à ce problème ?

Merci.

**gwinyam** · 12/11/2012, 10h02

Tu peux nous montrer des exemples, avec ton script, les deux cas HTML et aussi l'origine de ton plugin jQuery (voire carrément son code) ? Là comme ça, il est difficile de t'aider.

**jerem_orga** · 19/11/2012, 21h34

Merci pour ton retour.

En fait, c'est le fait de rajouter la balise <h2> (cf ci dessous) qui fait que le script ne fonctionne plus ....

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
23
24
25
<html>
<head>
 
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
	<script type="text/javascript" src="jquery.truncatable.js"></script>
	<script>
		$(function(){
		 $('.text').truncatable({	limit: 200, more: '<i>Read More</i>', less: true, hideText: '[Cacher le Texte]' }); 
		});
	</script>
 
</head>
 
<body>
 
<p class="text">
	<h2>titreeee</h2>
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam fringilla, purus a ultrices blandit,  
   odio <a href="sds">ante scelerisque neque</a>, vitae imperdiet odio velit ac nisl. Sed tortor medddtus, <b>Vestibulum</b> placerat condimentum,  
   feugiat in, feugiat adipiscing, mi. Donec pulvinar sem vitae leo. <b>Vestibulum</b> eget lectus et ligula hendrerit  
</p> 
 
 
</body>
</html>

**NoSmoking** · 19/11/2012, 21h54

Bonsoir,
changes la structure en évitant de mettre un élément de type block, H2, dans le paragraphe, mets le titre avant ce qui me semble meilleur.

Voir également du coté de text-overflow:ellipsis; mais CSS3

**jerem_orga** · 19/11/2012, 22h10

Envoyé par NoSmoking

changes la structure en évitant de mettre un élément de type block, H2, dans le paragraphe, mets le titre avant ce qui me semble meilleur.

Alors ce serait une solution en effet ... mais j'ai un long texte constitué de plusieurs paragraphes (H2) ... et c'est l'ensemble de tout le texte que je souhaite pouvoir cacher/afficher.

Envoyé par NoSmoking

Voir également du coté de text-overflow:ellipsis; mais CSS3

Je ne comprends pas bien ce que tu me proposes de faire...