IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[AIDE] Apparition/Disparition de DIV Progressif


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    61
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 61
    Par défaut [AIDE] Apparition/Disparition de DIV Progressif
    Bonsoir à tous !

    Je requiert votre aide pour un script Javascript !
    L'idée serait de permettre grâce à un lien texte, l'apparition/disparition d'une div, et ce de manière progressif !

    Cette div serait du style hidden au chargement de la page, et au clic sur un lien, s'afficherait progressivement en sortant du bas de la page ! Ou l'inverse pour la disparition !

    Il s'agit d'une simple div contenant un background simple et quelques liens !

    Merci d'avance à celui qui pourra me donner un script !

    Bonne continuation

    Will

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    voici un script que spaffy a donné :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
     
    <html>
     
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Fading Pic</title>
    </head>
     
    <body>
    <img id="spaffySpecial" src="lungs.gif" width=116 height=123 style="-moz-opacity:0;filter:alpha(opacity=0)">
    <br/>
    Opacité : <input type='text' id='result' style="width:40px;text-align:right;" />
    <script>
    var max = 100;
    var min = 0;
    var opacite=min;
    up=true;
    var IsIE=!!document.all;
    var ThePic=document.getElementById("spaffySpecial");
     
    function fadePic(){		
    				if (opacite<max && up){opacite+=2;}
    				if (opacite>min && !up){opacite-=2;}
    				if (opacite>=max){up=false;}
    				if (opacite<=min){up=true;}
     
    IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("spaffySpecial").style.opacity=opacite/100;
    document.getElementById('result').value=opacite+"%"
    }
    setInterval(function(){fadePic();},100)
     
    </script>
    </body>
    </html>
    un minimum de recherche aurait aidé

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    61
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 61
    Par défaut
    Merci pour la réponse !
    Je ne cherchais pas quelque chose dans ce style mais je pense qu'après réflexion, c'est tout aussi bien et adaptable !
    Si d'autres ont un script différent qui reprend l'apparition par glissement bas/haut, je suis toujours preneur !

    Bonne continuation

    Will

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    j'en ai aussi mis un quelque part .;.
    une recherche avec div déroulant devrait t'aider ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. apparition/disparition avec dreamweaver
    Par wekhyn dans le forum Dreamweaver
    Réponses: 1
    Dernier message: 24/11/2008, 10h26
  2. Apparition/disparition de messages
    Par Kiefer_S dans le forum SAP
    Réponses: 3
    Dernier message: 03/10/2008, 14h43
  3. aide pour faire une Div
    Par nebil dans le forum Mise en page CSS
    Réponses: 21
    Dernier message: 31/07/2006, 18h51
  4. [CSS] Disparition de div avec IE
    Par galette dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 11/05/2006, 13h05
  5. [MFC] Apparition/disparition d'elements
    Par MarieMtl dans le forum MFC
    Réponses: 8
    Dernier message: 30/11/2005, 17h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo