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 :

image complete et ancre ...


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    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 image complete et ancre ...
    L'usine � gaz se trouve par l� ....

    Mon souci se trouve au moment de la cr�ation dynamique de la page des articles...
    lorsque l'on clicke sur le menu il lance une requete xmlhttprequest et r�cup�re un fichier texte sur le serveur ...

    ce fichier texte est pars� pour g�n�rer la page des articles..
    et c'est l� que �a devient tandancieux ...

    il faut que j'attende que le dernier element soit charg� d'une part mais aussi que les images aient fini de charger sinon l'envoi sur l'ancre se fait et la fin du chargement des images modifie le scroll ce qui d�cale l'article vis� ...

    j'ai tent�:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    (document.images[document.images.length-2].complete)
    mais sans succ�s ...
    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 !

  2. #2
    Expert confirm� Avatar de Mr N.
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    5 418
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 5 418
    Par d�faut
    Quel est le format du fichier texte recu ?

  3. #3
    Expert confirm� Avatar de Mr N.
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    5 418
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 5 418
    Par d�faut
    Pour moi :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
     
    var nb_imgs_loaded = 0;
    var imgs = new Array;
    Puis pour chaque image lors du parsage
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    current = imgs.length;
    imgs[current] = new Image;
    imgs[current].onLoad = function() { nb_imgs_loaded++; }
    imgs[current].src = 'xxxx.png';
    Puis un petit timeout ou setinterval pour v�rifier nb_imgs_loaded == nb images total et � partir de ce moment l� tu display le contenu avec l'ancre et tout et tout...

    inconnues:
    - concurrence pour le nb_imgs_loaded++ ?
    - lien img corrompu (image inexistante, fichier mal form�, ...) => incidence sur onload ?

  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 probl�me n'est pas image existante ou pas ...
    toutes les images exisent... celle qui n'existent pas sont remplac�es par un logo ...

    le but est de savoir si toutes les images ont fini de charger ...
    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
    Expert confirm� Avatar de Mr N.
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    5 418
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 5 418
    Par d�faut
    Ce que je t'ai propos� ne te convient pas ?

  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
    �a revient � faire un preload de images ...

    faut que je modifie tout ...
    si je ne trouve rien d'autre je ferais scomme �a,
    mais il me semblait qu'avec complete on pouvait savoir si une image avait fini de charger ..
    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 !

  7. #7
    Expert confirm� Avatar de Mr N.
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    5 418
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 5 418
    Par d�faut
    �a revient � faire un preload de images ...
    Ben je croyais que c'est ce que tu voulais faire au final...
    attendre que les images soit charg�es pour afficher la page � la bonne position.

    Via le complete tu fais comment ? tu teste � intervalle r�gulier que toutes les images sont "complete" ? si oui, c'est pas un peu lourd pour le client ?

  8. #8
    Expert confirm� Avatar de Mr N.
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    5 418
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 5 418
    Par d�faut
    Une autre solution que-je-sais-pas-si-elle-est-faisable-dans-ton-cas, c'est de sp�cifier la taille de chaque image dans ton fichier texte. ainsi en mettant les attributs width et height � img, le layout ne devrait pas bouger...

  9. #9
    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
    mouaip ta derni�re id�e est imparable ...

    en fait j'ai pers�v�r� dans la voie du complete ...

    en fait je testais le complete de la derni�re image ...

    la solution est de boucler sur la collection image et de tester que toutes sont complete ... en effet le chargement est ... al�atoire ?

    je bascule donc sur l'ancre uniquement lorsque toutes les images sont complete ...
    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. Image.complete == true mais l'image n'est pas affich�e
    Par prgasp77 dans le forum G�n�ral JavaScript
    R�ponses: 15
    Dernier message: 02/11/2010, 08h23
  2. R�ponses: 18
    Dernier message: 18/06/2009, 18h57
  3. Lien vers une ancre sur image
    Par achos dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 3
    Dernier message: 24/10/2007, 12h29
  4. Comment obtenir le chemin complet vers une image
    Par Veler dans le forum VB.NET
    R�ponses: 6
    Dernier message: 06/10/2007, 13h07
  5. Image lien, d�calage complet
    Par Sepiaan dans le forum Mise en page CSS
    R�ponses: 5
    Dernier message: 24/11/2006, 20h53

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