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 :

Eviter le scintillement lors de manip css avec javascript...


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    R�dacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 45
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par d�faut Eviter le scintillement lors de manip css avec javascript...
    Bonjour,

    presque tout est dans le titre...
    je rajoute quelques d�tails quand m�me,

    Voil�, j'ai fais un petit jeu de bacgkammon...
    Maintenant, qu'il marche, j'essaye de le rendre plus beau et de lui donner vite fait un petit aspect 3D...

    pour ca, je dois calculer la dimension et la position de mes images a placer...
    je d�finit le style par la syntaxe suivante:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    monElem.style.attrib = valeur
    Tout ca marche bien sauf que, le temps de calculer tout ca, je me retrouve avec mes images � la queue leu-leu dans un coin de mon div, pendant un temps, certes, tr�s court mais suffisant pour m'�nerver...

    Connaissez vous un moyen de contourner cela
    Ca m'�tonnerait que ca existe, mais une fonction qui freeze l'affichage le temps de tout calculer serait l'id�al...

    Si ce sujet vous inspire n'h�sitez pas � me faire part de vos id�es...

    Merci et bon weekend

    EDIT:
    cela pourrait-il venir selon vous que mes images cliquables sont englob�es dans des liens o� c'est le href qui d�finit l'action j'avascript � effectuer?
    J'ai fait cela car je n'arrivait pas � d�finir l'�v�nement onclick en y passant une fonction avec des param�tres et qui marche avec tous les navigateurs que j'ai sous la main. (IE6, FF1.5 et Op�ra8)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question � trouv� une solution.

    Si vous n'avez pas encore lu les r�gles du club, mieux vaut tard que jamais!

  2. #2
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    bonjour,

    avant le calcul (ou au d�but de la fonction) tu peux faire :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    image.style.visibility = "hidden";
    et apr�s le calcul voire m�me � la fin de la fonction :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
     image.style.visibility = "visible";
    tu peux voir �galement avec style.display="none" et "block" mais je ne suis pas s�r que tu puisses calculer les positions des �l�ments si ceux-ci sont � none (car absents de la page). Avec visibility="hidden" les �l�ments sont dans la page mais cach�s.

    J'ai fait cela car je n'arrivait pas � d�finir l'�v�nement onclick en y passant une fonction avec des param�tres et qui marche avec tous les navigateurs que j'ai sous la main.
    Normalement ceci ne devrait pas poser de probl�me quelque soit le navigateur :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    <img onclick="Fonction(param1, param2)">

  3. #3
    R�dacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 45
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par d�faut
    yo,

    alors voil�, ta technique me semble simple et bonne.
    J'ai toujours un scintillement, mais au moins je n'ai pas les images qui se courent apr�s le temps du calcul...
    Le probl�me vient du fait que j'efface toutes mes images. Je calcule ce qu'il faut pour afficher les nouvelles et seulement ensuite, je les affiche...
    Le r�sultat ne m'�tonne donc pas et j'assume.

    Pour le coup du onclick, vu que je cr�e mes images a partir du DOM, il me semble que je n'ai pas le choix de d�finir ainsi:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    myImg.onclick = la fonction
    donc pour les param�tres, ca passe pas (sauf sous op�ra 8)
    d'ailleurs en parlant d'op�ra, j'ai remarqu� que m�me avant l'am�lioration que tu m'as sugg�r�e, il n'y avait pas le moindre scintillement

    C'est pas pour lancer des trolls et cie mais je trouve que op�ra est un tr�s bon browser...
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question � trouv� une solution.

    Si vous n'avez pas encore lu les r�gles du club, mieux vaut tard que jamais!

  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
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    myImg.onclick =function(){ la fonction  }
    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
    R�dacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 45
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par d�faut
    salut, c'est plus vraiment dans le sujet mais c'est vrai que c'est moi qui ai commenc� � en parler...
    Au d�but, j'avais �a:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    myImg.onclick = 'backGammon.selectFleche(' + i + ')';
    ca passait sous op�ra mais pas ailleurs...
    par contre dans le href d'un lien pas de souci...

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    myLink.href = 'javascript:void(backGammon.selectFleche(' + i + '));';
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question � trouv� une solution.

    Si vous n'avez pas encore lu les r�gles du club, mieux vaut tard que jamais!

  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
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    myImg.onclick = function(){backGammon.selectFleche(i)};
    mais je pense que tu auras un probl�me avec le i ... il te faudra faire une attribution dynamique d'attribut ...
    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. R�ponses: 4
    Dernier message: 28/03/2008, 09h54
  2. R�ponses: 1
    Dernier message: 03/03/2008, 09h56
  3. Eviter le scintillement lors du rafra�chissement
    Par netsabes dans le forum Delphi
    R�ponses: 9
    Dernier message: 11/05/2007, 16h26
  4. Appeler une m�thode lors d'un ENTER avec javascript
    Par shirya dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 22/01/2007, 21h32
  5. Appeler une classe CSS avec Javascript
    Par p0Kep0K dans le forum Mise en page CSS
    R�ponses: 2
    Dernier message: 13/02/2006, 14h50

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