Texte caché mais lisible lors d'un clique

Marsh Posté le 20-01-2009 à 09:54:44

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

Marsh Posté le 20-01-2009 à 09:54:44

Marsh Posté le 20-01-2009 à 11:29:18

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

Code :

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

entre tes balises <head>:

Code :

<script type="text/javascript" src="http://script.aculo.us/prototype.js"></script>
<script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script>
<script type="text/javascript">
function montrerCacher(id_element)
{
    if($(id_element).style.display == 'none')
    {
          Effect.BlindDown(id_element); 
          return false;
    }
    else
    {
          Effect.BlindUp(id_element); 
          return false;
    }
}
</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

Marsh Posté le 20-01-2009 à 12:16:24

Merci beaucoup je vais y bosser dessus

je pense que ca me conviendra

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *