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

Conception Web Discussion :

XHTML, SVG redessinement de la page


Sujet :

Conception Web

  1. #1
    Membre actif
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2007
    Messages
    241
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2007
    Messages : 241
    Points : 272
    Points
    272
    Par défaut XHTML, SVG redessinement de la page
    Bonjour,

    Je crée une application WEB avec une base XHTML dans laquelle j'intègre du SVG via la balise <object></object>. J'ai plusieurs classes javascript utilisant l'exellent framework prototype.js.
    L'une de ces classes me sert à faire du drag&drop, je peux très bien bouger mes éléments. Le probleme vient lorsque je veux bouger tout le svg d'un coup. J'ai donc une <div></div> autour de l'<object> que je fais bouger (position:absolute), et qui donc fait bouger tout mon graphe SVG par la meme occasion.

    Le problème est qu'une fois que l'utilisateur à relacher la souris, la page se redessine très mal. Les éléments ont bien été déplacés comme voulus, mais par exemple les parties qui étaient visibles avant et qui devrait etre caché par une div le sont toujours (les z-index sont bien mis), si on clique 2-3 fois sur la page histoire de mettre une tite claque au navigateur celui-ci redessine correctement la page ..

    Quelqu'un saurait comment améliorer le redessinement de la page par le navigateur svp ??

    Je travaille avec ff2 et j'ai testé avec ff3 ce qui donne une légère amélioration. Pour le moment je n'ai pas fais de tests ni avec IE ni avec Opéra, mais dans tous les cas il faut que ça marche sous ff2.

    Merci
    Linux because rebooting is just for adding medias

  2. #2
    Membre actif
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2007
    Messages
    241
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2007
    Messages : 241
    Points : 272
    Points
    272
    Par défaut
    En faites la solution était toute bete.

    Avant dans ma fonction appelée par le "mousup" ne faisait que déplacer la div.
    Pour forcer le redessinement de la page sans recahrger la page j'y ai ajouté:
    caché la div (visibility:hidden)
    déplacer la div
    montrer la div (visibility:visile)

    Grace à ça plus de probleme.
    Linux because rebooting is just for adding medias

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

Discussions similaires

  1. [XHTML] SVG dans HTML
    Par soli.f dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 21/03/2007, 10h36
  2. [XHTML] Choix de structure de page html
    Par speedev dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 16/08/2006, 14h14
  3. [XHTML] plug in qui valide page xhtml
    Par 18Marie dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 25/07/2006, 12h14
  4. [css] [xhtml] affichage couleur fond de page
    Par TERRIBLE dans le forum Mise en page CSS
    Réponses: 12
    Dernier message: 30/12/2005, 13h06
  5. [XHTML] erreur d'affichage de page
    Par niniga dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 02/11/2005, 11h59

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