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

jQuery Discussion :

Affichage Div Jquery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2014
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2014
    Messages : 20
    Par défaut Affichage Div Jquery
    Bonjour tout le monde.

    Voilà, je me permet de vous mettre un message car j'ai un petit soucis qui me bloque pas mal et ça m'énerve ^^

    Le principe.

    A un moment T, j'ai une div qui apparait. Jusque là rien de difficile ^^

    Après 3 sec, je dois enlever cette div et en afficher une autre !

    Le hic est là !

    Ma première div ne s'en va pas et bien entendu l'autre n'arrive pas ^^

    Bref j'suis pas en galère, je suis sûr que c'est rien mais j'ai tellement la tête dedans que ça me prend le chou ^^

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <div id="verif" style="height:24px;background:url(http://www.bid-good.com/new/images/global/encheres_66.jpg);color:#000;width:114px;margin-left:auto;margin-right:auto;padding-top:8px;font-weight:bold;margin-left:10px;font-size:15px;font-family:verdana;">Vérification</div>
    <div id="vendu" style="display:none;height:24px;background:url(http://www.bid-good.com/new/images/global/encheres_66.jpg);color:#000;width:114px;margin-left:auto;margin-right:auto;padding-top:8px;font-weight:bold;margin-left:10px;font-size:15px;font-family:verdana;">VENDU</div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $(document).ready(function(){
    	setTimeout(remplace,3000);
    	function remplace(){
    		$('#verif').css("display","none");
    		$('#vendu').css("display","inline");
    	}
    }
    Merci à tous pour votre aide !

    Benito

  2. #2
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    tiens ) la parenthèse manquante ...

    sinon en rajoutant la parenthèse il n'y a aucun souci avec ton code
    http://jsfiddle.net/SWt8U/
    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 !

  3. #3
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2014
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2014
    Messages : 20
    Par défaut
    En effet, j'eu oublié une légère parenthèse ^^ Merci déjà pour cette précision ^^

    Cependant, ma page est toujours bloqué sur ma première div ...

    J'ai pourtant vérifié que jquery était bien là ! Je pense pas que mon appel soit faux ...

  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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    le lien donné est fonctionnel,
    regarde dans ta console firebug et vérifie si JQeury est bien chargé ou si tu n'as pas une erreur ???
    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 !

  5. #5
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2014
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2014
    Messages : 20
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

    Et quand je recharge ma page, jQuery est bien appelé ...

    Je suis pas le meilleur en dev certes, mais franchement là, je comprends pas ...

    Ou alors si je sais peut être d'ou ça vient.

    En fait, je travaille sur un système d'enchère et donc pendant les enchères, j'ai certaines pages qui sont appelé en ajax pour mettre à jour.

    Est-ce que à chaque fois il me remet pas Vérification et donc ca ne laisserai aps le temps à "vendu" d'apparaitre ?

  6. #6
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    si tu recharges du code html en ajax tu perds les evenements associés au chargement
    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 !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Affichage div
    Par mdr_cedrick dans le forum Balisage (X)HTML et validation W3C
    Réponses: 0
    Dernier message: 16/04/2008, 15h59
  2. probleme affichage div
    Par Sniper37 dans le forum Mise en page CSS
    Réponses: 14
    Dernier message: 14/08/2007, 12h40
  3. probleme affichage <div> sous FF
    Par new-dmx dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 15/06/2007, 13h52
  4. Probleme d'affichage divs sous IE 6
    Par 12monkeys dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 24/01/2007, 21h23
  5. Affichage DIV
    Par licorne dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 17/03/2006, 10h53

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