Déroulement progressif

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Déroulement progressif

Message par Ayael Ven 1 Mar 2013 - 17:13

Bonjour, j'ai un code ouvrir/fermé, mais j'aimerai qu'il s'ouvre/se ferme avec un mouvement de déroulement progressif... Comme je n'arrive à rien, je m'en remet a vous!

(Je précise que je souhaite un déclenchement au click ce qui rend l'utilisation des transitions css impossible...)

Code:
        <div class="masque" onClick="this.firstChild.src=(this.firstChild.src=='http://img4.hostingpics.net/pics/173208profil.png')?'http://i35.servimg.com/u/f35/15/85/21/51/sans_t11.jpg':'http://img4.hostingpics.net/pics/173208profil.png';this.lastChild.style.display=(this.firstChild.src=='http://img4.hostingpics.net/pics/173208profil.png')?'none':'block';" style="text-align: center; padding: 3px;">
  <input type="image"
src="http://img4.hostingpics.net/pics/173208profil.png"/>
  <div style="display: none; text-align: left;">
  <span style="white-space:nowrap;">
Contenu </span></div></div>
     


Merci d'avance pour votre aide!


Dernière édition par Ayael le Dim 3 Mar 2013 - 17:05, édité 1 fois
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Adam_sfp Ven 1 Mar 2013 - 20:57

Bonjour

Regardez peut être Jquery slidetoggle

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Ayael Sam 2 Mar 2013 - 12:30

C'est gentil, mais le tutoriel est en anglais, donc si vous pouviez juste me guider un peu plus... (D'autant plus que je ne sais pas comment l'insérer dans mon code ^^")
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Adam_sfp Sam 2 Mar 2013 - 13:23

Bonjour

Il faut faire un nouveau code ..
Ou voulez vous mettre cet effet sur votre forum?

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Ayael Sam 2 Mar 2013 - 13:24

Je veux m'en servir pour ma barre de navigation, donc le faire sur toute les pages.
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Adam_sfp Sam 2 Mar 2013 - 13:33

Ayael a écrit:Je veux m'en servir pour ma barre de navigation, donc le faire sur toute les pages.

bonjour

pour la barre de navigation ?
je ne comprend pas trop votre demande..
peut être un screen?

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Ayael Sam 2 Mar 2013 - 13:35

Heu... c'est un peu compliqué à expliquer ...
http://version5.lebonforum.com/
En gros, je veux faire ça, (cliquez sur profil) mais avec un effet de déroulement progressif.
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Ayael Dim 3 Mar 2013 - 15:14

Un courageux^^?
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Adam_sfp Dim 3 Mar 2013 - 16:56

Bonjour

Vous pouvez essayez de mettre pour la partie HTMl
Code:
 <a href="#" class="show_hide"><img src="http://img4.hostingpics.net/pics/173208profil.png" /></a>
<div class="slidingDiv">

CONTENU

</div>

et dans la gestion des codes javascript

Code:
$(document).ready(function() {

    $(".slidingDiv").hide();
 

    $('.show_hide').click(function() {
        $(".slidingDiv").slideToggle(5000);
    });

});

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Ayael Dim 3 Mar 2013 - 17:04

Ca marche parfaitement, merci !
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum