Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
628 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Texte caché mais lisible lors d'un clique

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Texte caché mais lisible lors d'un clique

n°1840311
astro13
Posté le 20-01-2009 à 09:54:44  profilanswer
 

Bonjour
 
Je sais le titre n est pas très explicite  :??:  
 
Tout d 'abord voilà l'effet que je recherche (descendre au premier article Collectif Dardex-Mort2faim)
lien: http://secondenature.org/-Actualite-Festival-.html
 
On pourra noter que l on voit une entete d 'article et 2 petites flèches sur la droite qui permettent de lire l'intégralité du sujet.
 
Je souhaiterai refaire le meme effet pour mon site (en gros une image + entetes ou bref résumé et lorsque l 'internaute est intéressé il clique sur les flèches et il peu lire l'intégralité de l'article )
 
Donc après j ai cherché, je pense que c est du html (pas de php du moins je le pense lol)  
 
Donc voilà je demande un peu d'aide ou un lien qui pourrai m expliquer la base de ce petit effet, après peu etre j ai mal cherché mais j ai rien trouvé sur le site ici lol
 
J'espère avoir poster au bon endroit sinon dsl  
 
En vous remerciant  
a++

mood
Publicité
Posté le 20-01-2009 à 09:54:44  profilanswer
 

n°1840367
Alisteroid
Posté le 20-01-2009 à 11:29:18  profilanswer
 

En javascript avec scriptaculous -> http://script.aculo.us/ :

 
Code :
  1. <img onclick="montrerCacher('article_1');" scr="image_fleche"  alt="cliquez pour voir le détail"/>
  2.  
  3. <div style="display: none" id="article_1" >
  4. Texte caché
  5. </div>
 

entre tes balises <head>:

Code :
  1. <script type="text/javascript" src="http://script.aculo.us/prototype.js"></script>
  2. <script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script>
  3. <script type="text/javascript">
  4. function montrerCacher(id_element)
  5. {
  6.    if($(id_element).style.display == 'none')
  7.    {
  8.          Effect.BlindDown(id_element);
  9.          return false;
  10.    }
  11.    else
  12.    {
  13.          Effect.BlindUp(id_element);
  14.          return false;
  15.    }
  16. }
  17. </script>
 

Voir explication de ces effets :
http://wiki.github.com/madrobby/sc [...] -blinddown
http://wiki.github.com/madrobby/sc [...] ct-blindup


Message édité par Alisteroid le 20-01-2009 à 11:29:29
n°1840396
astro13
Posté le 20-01-2009 à 12:16:24  profilanswer
 

Merci beaucoup je vais y bosser dessus  
 
je pense que ca me conviendra


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Texte caché mais lisible lors d'un clique

 

Sujets relatifs
[oracle] Récupération d'un nombre dans un champ texteSystème de cache, comment le mettre en place ?
modifier position texte apres action sur boutonfichier texte ouvert avec fgetcsv() en php (résolu)
Texte dans une JFrameRécupérer texte Textbox dynamique en VBA
Taille du texte et affichage dans navigateur...aide javascript pout lire un fichier texte
[HTML] Insérer un espace pour afficher un texte en bas de page[WxDesigner] Radiobox et events [MAJ]
Plus de sujets relatifs à : Texte caché mais lisible lors d'un clique


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR