Texte déroulant

Résolu

Html

kiki7 Messages postés 121 Date d'inscription Statut Membre Dernière intervention -
Isobel - 14 janv. 2011 à 17:56

Bonjour,
Je viens de faire une mise a jours sur un site internet le problème que je rencontre c'est qu'il y a beaucoup de texte et je voudrait savoir s'était possible de faire apparaitre par exemple une partit du texte et lorsque je clic avec la souris il y a la suite du texte sur la même page
Est ce que cela est possible ?
Je vous remercie d'avance
Au revoir et à bientôt

A voir également:

Texte déroulant html
Menu déroulant excel - Guide
Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
Editeur html - Télécharger - HTML
Transcription audio en texte word gratuit - Guide
Excel cellule couleur si condition texte - Guide

8 réponses

Réponse 1 / 8

RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention 1 360

SALUT

le code que je t ai mis est celui d une page html complette !!!

pour adapter a ta page

1 tu mets ce code entre les <head>....</head> de ta page et tu mets le nombre de "sub" que tu veux

<script type="text/javascript">
//<!-- Begin
var subs_array = new Array("sub1","sub2");
function displaySubs(the_sub){
        if (document.getElementById(the_sub).style.display==""){
        document.getElementById(the_sub).style.display = "none";return
  }
  for (i=0;i<subs_array.length;i++){
        var my_sub = document.getElementById(subs_array[i]);
        my_sub.style.display = "none";
        }
  document.getElementById(the_sub).style.display = "";
  }
//  End -->
</script>

et dans le <body> tu mets les <div> de cette maniere

<p>                 
        <a href="javascript:void(0)" class="headings" onmouseover="displaySubs('sub1')" onfocus="if(this.blur)this.blur()">passe  Pour voir du TEXTE apparaitre en dessous</a>             
      </p>             
      <div id="sub1" style="display:none">Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.
        <br> Li nov lingua franca va esser plu simplic e regulari quam.              
      </div> <p>                 
        <a href="javascript:void(0)" class="headings" onmouseover="displaySubs('sub2')" onfocus="if(this.blur)this.blur()">passe  Pour voir le 2 texte apparaitre en dessous</a>             
      </p>             
      <div id="sub2" style="display:none">CE NOUVEAUX TEXTE, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.
        <br> Li nov lingua franca va esser plu simplic e regulari quam.              
      </div>

ensuite si tu veux fignoler tu le fais en css avec un feuille css lie par un lien a ta page html comme cela

<link href="LIEN VERS TON FICHIER .CSS" rel="stylesheet" type="text/css" media="all" />

Si tu ne connais rien en CSS vas faire un tour sur https://www.alsacreations.com/ et lis quelque tuto sur le CSS

RAD

Réponse 2 / 8

RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention 1 360

Pour zivodul8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
 <title>RAD ZONE Webcreation</title> 
  <meta name="generator" content="PSPad editor, www.pspad.com" /> 
  <script type="text/javascript"> 
//<!-- Debut
var subs_array = new Array("sub1","sub2"); 
function displaySubs(the_sub){ 
        if (document.getElementById(the_sub).style.display==""){ 
        document.getElementById(the_sub).style.display = "none";return 
  } 
  for (i=0;i<subs_array.length;i++){ 
        var my_sub = document.getElementById(subs_array[i]); 
        my_sub.style.display = "none"; 
        } 
  document.getElementById(the_sub).style.display = ""; 
  } 
//  Fin --> 
</script> 
</head> 
  <body> 
   <p>Cliquez sur la 
        <a href="javascript:void(0)" class="headings" onfocus="if(this.blur)this.blur()" onclick="displaySubs('sub1')">+</a> 
      </p> 
      <div id="sub1" style="display:none">Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. 
        <br> Li nov lingua franca va esser plu simplic e regulari quam. 
      </div> <p>Cliquez sur la 
        <a href="javascript:void(0)" class="headings" onclick="displaySubs('sub2')" onfocus="if(this.blur)this.blur()">+</a> 
      </p> 
      <div id="sub2" style="display:none">CE NOUVEAUX TEXTE, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. 
        <br> Li nov lingua franca va esser plu simplic e regulari quam. 
      </div> 
 </body> 
</html>

? La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ?

Réponse 5 / 8

RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention 1 360

SALUT

un petit javascript devrais faire l affaire

voila un exemple vite fais

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title>RAD ZONE Webcreation</title>
  <meta name="author" content="http://radservebeer.free.fr" />
  <meta name="generator" content="PSPad editor, www.pspad.com" /><script type="text/javascript">
//<!-- Begin
var subs_array = new Array("sub1","sub2");
function displaySubs(the_sub){
        if (document.getElementById(the_sub).style.display==""){
        document.getElementById(the_sub).style.display = "none";return
  }
  for (i=0;i<subs_array.length;i++){
        var my_sub = document.getElementById(subs_array[i]);
        my_sub.style.display = "none";
        }
  document.getElementById(the_sub).style.display = "";
  }
//  End -->
</script>      
</head>
  <body>
   <p>                 
        <a href="javascript:void(0)" class="headings" onmouseover="displaySubs('sub1')" onfocus="if(this.blur)this.blur()">passe  Pour voir du TEXTE apparaitre en dessous</a>             
      </p>             
      <div id="sub1" style="display:none">Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.
        <br> Li nov lingua franca va esser plu simplic e regulari quam.              
      </div> <p>                 
        <a href="javascript:void(0)" class="headings" onmouseover="displaySubs('sub2')" onfocus="if(this.blur)this.blur()">passe  Pour voir le 2 texte apparaitre en dessous</a>             
      </p>             
      <div id="sub2" style="display:none">CE NOUVEAUX TEXTE, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.
        <br> Li nov lingua franca va esser plu simplic e regulari quam.              
      </div>
 </body>
</html>

tu fignole avec un petit CSS et c est nickel

RAD

Discussions similaires

Authentification LOGIN + MOT DE PASSE - PHP

[html] Lien vers la page précédente

Balises HTML de couleurs

appel d'une page php dans un code html

Logo dans l'onglet des navigateurs

Code HTML pour inserer une image de fond

Votre réponse

Discussions similaires