Créer un lien "lire la suite"
Résolu
Smooth
-
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Voila sur une de mes pages web j'ai un article, dans lequel je ne souhaite faire apparaitre que la première phrase, puis en dessous un lien "lire la suite" qui afficherait la suite de mon texte en cliquant dessus.
Quelqu'un aurait une idée pour faire cela ?
J'aimerais ne pas avoir à utiliser de javascript si c'est faisable
Merci par avance
Voila sur une de mes pages web j'ai un article, dans lequel je ne souhaite faire apparaitre que la première phrase, puis en dessous un lien "lire la suite" qui afficherait la suite de mon texte en cliquant dessus.
Quelqu'un aurait une idée pour faire cela ?
J'aimerais ne pas avoir à utiliser de javascript si c'est faisable
Merci par avance
A voir également:
- Créer un lien "lire la suite"
- Lire le coran en français pdf - Télécharger - Histoire & Religion
- Créer un lien pour partager des photos - Guide
- Créer un compte google - Guide
- Comment créer un groupe whatsapp - Guide
- Lire un fichier epub - Guide
12 réponses
Hello
Merci pour la réponse bissdebrazza,
Je viens de regarder le lien mais m'y connaissant peu en php je ne sais pas ou placer le code ; n'y a t 'il pas un exemple plus concret de l'endroit ou je dois mettre le code sur un paragraphe de texte ?
Merci
Merci pour la réponse bissdebrazza,
Je viens de regarder le lien mais m'y connaissant peu en php je ne sais pas ou placer le code ; n'y a t 'il pas un exemple plus concret de l'endroit ou je dois mettre le code sur un paragraphe de texte ?
Merci
Je suis dans le même cas que toi, le PHP c'est pas mon truc, je me suis arrêté au HTML ( faudrait vraiment que je m'y mette d'ailleurs. ).
En bref, c'est facile de le faire, mais en PHP. Une fois que t'as commencé à apprendre tu dois être capable de le faire sans trop de difficulté. Moi désolé mais je pourrais pas te donner le code!
En bref, c'est facile de le faire, mais en PHP. Une fois que t'as commencé à apprendre tu dois être capable de le faire sans trop de difficulté. Moi désolé mais je pourrais pas te donner le code!
En fait, si ton site est juste en html, tu devras faire ça manuellement et ce sera usant dans le cas de plusieurs articles. Si tu ne sais pas coder en php mais que tu peux quand même en utiliser sur ton serveur, je te conseille de regarder du côté des CMS comme Cutenews, Wordpress etc. C'est exactement à ça que ça sert et ça le fait tout seul ~
On peut le faire sois en php, soit en javascript, il faut deux pages (pour simplifier l' explication), une avec le texte raccourci et l' autre avec le texte complet.
La truc est simple, il faut couper le texte au bout de x caracteres.
La truc est simple, il faut couper le texte au bout de x caracteres.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut!
Si tu utilise le PHP fais ceci:
Cordialement
Si tu utilise le PHP fais ceci:
<?php $information=ton texte qui est long et que tu veux couper $chaine = substr($information, 0, 70 ) . '...'; ?> 70 représente le nombre de caractère que tu veux afficher avant la coupure. Tu peux modifier comme tu veux.
Cordialement
Bonjour,
merci pour la réponse mais j'ai essayé et cela ne fonctionne pas ;
voici une partie de code qui se trouve déjà sur ma page php ;
est-ce qu'il faut placer le code dans un fichier externe ?
Merci
merci pour la réponse mais j'ai essayé et cela ne fonctionne pas ;
voici une partie de code qui se trouve déjà sur ma page php ;
<?php if (empty($lang) || !is_array($lang)) { $lang = array(); } $lang = array_merge($lang, array( 'le_contenu de mon article', )); ?>
est-ce qu'il faut placer le code dans un fichier externe ?
Merci
Hello,
Pourquoi pas de Javascript ? C'est ce qu'il y a de plus simple ici ; et dynamique !
Mihawk
"Tant qu'on ne fait pas, on ne sait pas."
Pourquoi pas de Javascript ? C'est ce qu'il y a de plus simple ici ; et dynamique !
<div id="monarticle"></div> <script type="text/javascript"> // Variable global pour le texte text = "Le texte de mon article est ici et contient plein de belles choses !"; document.getElementById("monarticle").innerHTML = text.substring(0, 10)+"... <span onClick=\"function(){this.parentNode.innerHTML = text;};\">Lire la suite</span>"; </script>
Mihawk
"Tant qu'on ne fait pas, on ne sait pas."
Merci pour l'astuce Mihawk,
Le texte se coupe bien au bout de 10 caractères suivi de " ... Lire la suite "
Mais par contre je n'ai pas la possibilité de cliquer pour voir la suite !
Est-ce qu'il faut rajouter quelque chose dans le code ??
Merci encore
Le texte se coupe bien au bout de 10 caractères suivi de " ... Lire la suite "
Mais par contre je n'ai pas la possibilité de cliquer pour voir la suite !
Est-ce qu'il faut rajouter quelque chose dans le code ??
Merci encore
Oups au temps pour moi :
<div id="monarticle"></div> <script type="text/javascript"> function lireLaSuite(element, varText){ element.innerHTML = varText } // Variable global pour le texte text = "Le texte de mon article est ici et contient plein de belles choses !"; document.getElementById("monarticle").innerHTML = text.substring(0, 10)+"... <span onClick=\"lireLaSuite(this.parentNode, text);\">Lire la suite</span>"; </script>
Merci ! Ca marche niquel,
Par contre, si mon texte contient des balises de retour à la ligne ou des liens par exemple, ça ne marche plus...
Est-ce qu'il n'ya pas possibilité de placer des balises dans la zone de mon article ?
Par contre, si mon texte contient des balises de retour à la ligne ou des liens par exemple, ça ne marche plus...
Est-ce qu'il n'ya pas possibilité de placer des balises dans la zone de mon article ?
C'est du au fait que tu ajoutes des double quote " " qui ferment la variable text. Tu as donc deux possibilités : soit tu échappes tous les double quote à l'aide d'antislashes \"
Soit tu encadres ta variable text par des simple quote, mais à ce moment-là tu échappes tous les simples quotes.
Exemples :
text = "Bonjour, allez tous voir <a href=\"blabla.com\">ce lien</a>. S'il vous plait !";
ou
text = 'Bonjour, allez tous voir <a href="blabla.com">ce lien</a>. S\'il vous plait !';
Soit tu encadres ta variable text par des simple quote, mais à ce moment-là tu échappes tous les simples quotes.
Exemples :
text = "Bonjour, allez tous voir <a href=\"blabla.com\">ce lien</a>. S'il vous plait !";
ou
text = 'Bonjour, allez tous voir <a href="blabla.com">ce lien</a>. S\'il vous plait !';