Comment afficher la suite d'un texte sur la même page (sans scripts)

Version imprimable

25/05/2007, 17h36
unreal2me

Comment afficher la suite d'un texte sur la même page (sans scripts)

Bonjour,

Quelqu'un pourrait m'aiguiller sur la méthode à suivre pour faire ce qui suit:

Mon site est 100% statique, je ne connais ni PHP ni ASP. Je cherche le moyen de faire apparaitre la suite d'un texte sur une même page lorsque le visiteur le désire.

J'aimerais que tout le texte soit codé dans la page, qu'il soit visible par les engins de recherche, mais qu'une partie de ce texte apparait pour le visiteur. Qu'il puisse faire afficher la suite du texte sur la meme page s'il le désire en cliquant par exemple sur un lien ordinaire qui aurait pour titre "Suite"

Est-ce possible en HTML pur sans scritps ?

Merci beaucoup de votre aide,

Bob
25/05/2007, 19h21
Nesmontou

Salut, si j'ai bien compris ton problème, tu veux faire une page avec, par exemple, le début d'un article, et en cliquant sur un lien suite afficher l'article complet.

Tu peux le faire en HTML pur, mais il va te falloir créer 2 pages :
- une avec le début de l'article et le lien 'suite'
- une avec l'article complet

Par contre, tu peux faire ça très facilement avec du JavaScript
25/05/2007, 19h27
unreal2me

Citation:

Envoyé par Nesmontou

Salut, si j'ai bien compris ton problème, tu veux faire une page avec, par exemple, le début d'un article, et en cliquant sur un lien suite afficher l'article complet.

Tu peux le faire en HTML pur, mais il va te falloir créer 2 pages :
- une avec le début de l'article et le lien 'suite'
- une avec l'article complet

Par contre, tu peux faire ça très facilement avec du JavaScript

Bonjour,

Merci pour la réponse, j'aimerais éviter d'avoir une 2ième page, celle qui afficherait l'article au complet. J'envisage donc de le faire en Javascript. Je ne m'y connais pas, pourrais tu me mettre sur la bonne voie ?

Je te remercie pour ton aide,

Bob

Re, voilà un petit exemple tout simple

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
	<head>
		<script type="text/javascript">
			function show(id) {
				if (document.getElementById(id)) {
					document.getElementById(id).style.display = "block";
				}
			}
		</script>
	</head>
	<body>
		<div id="article">
			<p>Début de l'article.</p>
			<a href="javascript: show('next');">Suite</a>
			<p id="next" style="display: none;">Suite de l'article.</p>
		</div>
	</body>
</html>

Si tu veux plus de détails sur JavaScript, tu peux jeter un oeil ici : http://javascript.developpez.com/

Bon développement ;)

25/05/2007, 19h47
unreal2me

Merci beaucoup,

J'ai essaye et ca fonctionne très bien.

Merci
26/05/2007, 17h33
unreal2me

Maintenant j'aurai deux autres petites questions.

Comment faire pour que lorsqu'on clique sur le meme lien, que la suite de l'article redevienne caché ?

Est-ce que la suite du texte sera lu par les engins de recherche meme s'il n'est pas visible immediatement au chargement de la page ?

Merci,

Robert
26/05/2007, 23h27
unreal2me

J'ai trouvé et tout fonctionne: http://support.internetconnection.ne...how_Hide.shtml

Merci pour votre aide

Citation:

Envoyé par unreal2me

Maintenant j'aurai deux autres petites questions.

Comment faire pour que lorsqu'on clique sur le meme lien, que la suite de l'article redevienne caché ?

Est-ce que la suite du texte sera lu par les engins de recherche meme s'il n'est pas visible immediatement au chargement de la page ?

Merci,

Robert