Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Déroulement progressif

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

Résolu Déroulement progressif

Message par Ayael le 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
avatar

Ayael
*****

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

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Adam_sfp le Ven 1 Mar 2013 - 20:57

Bonjour

Regardez peut être Jquery slidetoggle

Cordialement.
avatar

Adam_sfp
Membre actif

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

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

Résolu Re: Déroulement progressif

Message par Ayael le 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 ^^")
avatar

Ayael
*****

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

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Adam_sfp le Sam 2 Mar 2013 - 13:23

Bonjour

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

Cordialement.
avatar

Adam_sfp
Membre actif

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

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

Résolu Re: Déroulement progressif

Message par Ayael le Sam 2 Mar 2013 - 13:24

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

Ayael
*****

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

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Adam_sfp le 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.
avatar

Adam_sfp
Membre actif

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

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

Résolu Re: Déroulement progressif

Message par Ayael le 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.
avatar

Ayael
*****

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

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Ayael le Dim 3 Mar 2013 - 15:14

Un courageux^^?
avatar

Ayael
*****

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

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déroulement progressif

Message par Adam_sfp le 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.
avatar

Adam_sfp
Membre actif

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

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

Résolu Re: Déroulement progressif

Message par Ayael le Dim 3 Mar 2013 - 17:04

Ca marche parfaitement, merci !
avatar

Ayael
*****

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

http://terramystica.forums-rpg.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


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