Afficher la suite d'un texte sur la même page html

إنشاء موقع انترنت منتدى تقنية شبكة ويندووز لينوكس إيوص ؤندروويد
Create a web site technology forum wiondows ios Android Linux
Создать форум технологий веб-сайта
יצירת אתר אינטרנט בפורום הטכנולוגיה
ouayeh
Messages : 76
Inscription : ven. févr. 02, 2018 4:16 pm

Afficher la suite d'un texte sur la même page html

Messagepar ouayeh » lun. mai 28, 2018 10:47 pm

Avec HTML pur, il faut créer créer 2 pages :
- une avec le début de l'article et le lien 'suite'
- une avec l'article complet


en Javascript une seule page suffit

voici le code

Code : Tout sélectionner

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

<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>

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité