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 :

Actualisation de la page


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    247
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Janvier 2011
    Messages : 247
    Par défaut Actualisation de la page
    Salut à tous!
    Je fais un jeu en JavaScript où les images doivent souvent être remplacés par d'autres. J'ai un problème à ce niveau:
    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
     
    function show()
    {
    	clicks++;
    	this.src = this.hidde.src;
    	if(clicks % 2 == 0)
    	{
    		alert("to");
    		if(last.src != this.src) 
    		{
    			pause(500);
    			last.src = "image/default.jpg";
    			this.src = "image/default.jpg";
    		}
    		else
    		{
    			this.onclick = function (){
    					return false;
    					}
    		}
    	}
    En gros l'image (this) doit être remplacée par une autre (hidde.src) mais le problème c'est que ce remplacement ne se fait qu'une fois sur deux, seulement quand le if qui suit n'est pas exécuté.
    Par contre quand je fais le "alert", elle est bien modifiée. C'est comme si la page n'était pas actualisée à temps.
    Quelqu'un a t-il une solution? Merci d'avance.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonsoir,
    il manquerait 2 infos
    - comment est appelée la fonction show (la function show bien sûr, j'ai honte!!! ).
    - qu'y a t-il dans la fonction pause.

    Il semblerait qu'il y ait du setInterval ou setTimeout dans l'air.

  3. #3
    Membre très actif
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    247
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Janvier 2011
    Messages : 247
    Par défaut
    Alors la fonction show() est appelée à chaque fois qu'on clique sur une image :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    allCell[i].onclick=show;    //avec i qui parcourt le tableau allCell
    La fonction pause() contient un boucle (assez bancale, je le reconnais) qui permet de mettre le programme en pause. Le but est d'afficher l'image pendant quelques secondes.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    function pause(duree)
    {
     
    var date_debut = new Date();
    var actdate = new Date();
     
    	while (actdate.getTime() - date_debut.getTime() <= duree)
    	{
    	actdate = new Date();
    	}
     
    }
    Du coup je ne pense que setInterval ou setTimeout feraient l'affaire vu que la fonction ne doit pas être répétée à un intervalle régulier, mais après un clic sur une image.

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    j'ai un peu de mal à comprendre la finalité de la chose et notamment le if(clicks % 2 == 0).

    Lors d'un nombre de clic pair, tu réaffectes la src de ton IMG avec this.src="image/default.jpg";, alors que juste avant tu lui as affecté this.hidde.src.

  5. #5
    Membre très actif
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    247
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Janvier 2011
    Messages : 247
    Par défaut
    Oui mais il y a un autre if juste après:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    	if(last.src != this.src)
    Pas de chagement si la condition n'est pas vérifiée, sinon on affiche une image pendant une demi-seconde avant de la changer.

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    ton deuxième if est imbriqué dans le premier if(clicks % 2 == 0), donc tu ne feras ce test qu'un fois sur deux.

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

Discussions similaires

  1. actualisation d une page
    Par getp2 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 08/06/2006, 18h37
  2. actualiser automatiquement une page web.
    Par MAJIK_ENIS dans le forum Servlets/JSP
    Réponses: 6
    Dernier message: 24/05/2006, 17h55
  3. actualisation d'une page automatiquement
    Par jack_1981 dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 22/05/2006, 13h28
  4. Réponses: 1
    Dernier message: 05/04/2006, 18h15
  5. Site qui vérifie les actualisations d'une page web
    Par LFC dans le forum Autres langages pour le Web
    Réponses: 4
    Dernier message: 01/12/2005, 18h47

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