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 :

[AJAX] innerHTML et drag&drop


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Inscrit en
    Janvier 2005
    Messages
    20
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Janvier 2005
    Messages : 20
    Points : 21
    Points
    21
    Par défaut [AJAX] innerHTML et drag&drop
    Bonjour à tous!

    J'ai un petit souci concernant la création d'un damier en AJAX.
    Les cases sont des <div> notés de manière explicite dans le fichier index.htm, et les pions, en revanche, sont gérés via un fichier XML, traité par une fonction Javascript.

    Mais il semble que j'ai un problème avec la fonction innerHTML. Cette fonction permet d'inclure dans une div du code HTML, et ça marche (les pions s'affichent).

    Le souci, c'est que le résultat HTML n'est pas explicite dans le fichier htm original. Il n'affiche que le div cible (donc la case) quand on demande le source de la page via le navigateur, sans ajouter les div qui auraient dû être inclus. En conséquece, je n'arrive pas à rendre Draggable les pions.

    J'ai fait des tests avec des images insérées dans les cases, et je peux dragger et dropper sans souci.

    Peut-être y a-t-il une alternative à innerHTML, qui permette l'ajout de code HTML? En PHP, peut-être?

    Merci d'avance.

  2. #2
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    130
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 130
    Points : 127
    Points
    127
    Par défaut
    Salut,
    pour insérer du code HTML dynamiquement, il vaut mieux utiliser le DOM dans une grande majorité des cas, plutôt que 'innerHTML'.

    C'est d'autant plus vrai si on veut ensuite agir sur le code insérer.

    Cherche des tuto sur le DOM, ils ne manquent pas partout sur le net.

    Bonne chance.

  3. #3
    Membre à l'essai
    Inscrit en
    Janvier 2005
    Messages
    20
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Janvier 2005
    Messages : 20
    Points : 21
    Points
    21
    Par défaut
    Merci de ta réponse.

    J'ai trouvé ma bourde. Qu'est-ce que c'est, me direz-vous...

    Hé bien, comme un *bip!*, j'ai oublié de donner plusieurs id aux div qui contiennent les images des pions...

    Ah, làlà... Va falloir aller dormir.

    Résolu, même si au final, il n'y avait pas vraiment de question!

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

Discussions similaires

  1. Conception ajax avancée (tree, drag & drop, Screw)
    Par tigunn dans le forum Général Conception Web
    Réponses: 1
    Dernier message: 07/02/2012, 12h39
  2. [AJAX] [Scriptaculous] [drag drop] scriptaculous -- drag plusieurs div ?
    Par Merfolk dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 03/01/2008, 13h57
  3. [AJAX] Drag Drop Image Horizontale
    Par Zadoner dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 12/09/2007, 21h38
  4. [AJAX] Drag & drop: ordre d'images
    Par GTJuanpablo dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 11/07/2007, 13h02
  5. [Ajax] Super les drags drops mais comment sauvegarder ?
    Par killprog dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 04/05/2006, 17h09

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