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 :

drag and drop


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2010
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 17
    Par défaut drag and drop
    Bonjour, j'utilise actuellement javascript pour créer un tableau que je viens remplir dynamiquement ligne par ligne.
    Voici le code:
    ici je déclare mon tableau
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var div = document.getElementById("contenu");
    div.innerHTML +="<table id=\"tableauData\">";

    J'ai créé une fonction qui vient remplir le tableau ligne par ligne. Je lui passe en argument un tableau contenant les valeurs de chaque cellule par exemple:
    value=[valeur1,valeur2,valeru3,valeur4];

    ici je viens remplir dans une autre fonction le tableau avec les valeurs
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    while(var i<value.length)
    	{
    	 var colonne = ligne.insertCell(-1);
             colonne.innerHTML += "<a id=\"cell\""+value[i]+">";
    	 i++;
    	}

    LE probleme n'est pas dans le code, mais ce que je souhaite faire du tableau. Je souhaiterai faire du drap and drop de ligne ou de cellule grâce à javascript. J'ai trouve nombre d'API qui le font facilement, mais avec un tableau déjà codé en dur dans une page html.
    Or, dans ma page html, au chargement de celle-ci le tableau n'existe pas...

    Je n'ai pas trouvé de doc la dessus...
    si quelqu'un a déjà rencontré cette situation...

    Merci pour vos réponses, j'espère avoir été clair

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    J'ai trouve nombre d'API qui le font facilement, mais avec un tableau déjà codé en dur dans une page html.
    Or, dans ma page html, au chargement de celle-ci le tableau n'existe pas...
    Ben il suffit de lancer le script une fois le tableau créé
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Août 2010
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 17
    Par défaut
    C'est vrai, tu as raison,en fait c'est en écrivant le probleme et en lisant ensuite ta réponse que je me suis rendu compte...

    Désolé du dérangement, je mettrai le code quand je l'aurai terminé, cela pourra peut être aider d'autres personnes

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par vincent29200 Voir le message
    je mettrai le code quand je l'aurai terminé, cela pourra peut être aider d'autres personnes
    Excellente initiative

    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre très actif
    Profil pro
    Inscrit en
    Novembre 2002
    Messages
    220
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2002
    Messages : 220
    Par défaut
    Quand les navigateurs l'auront implémenté, il y aura aussi le drag n drop de HTML5:
    http://ljouanneau.com/lab/html5/demodragdrop.html

    l'exemple fonctionne [plus ou moins bien] sur firefox, en tout cas la version 4b4

Discussions similaires

  1. Drag and drop "de l'extérieur"
    Par Invité dans le forum C++Builder
    Réponses: 12
    Dernier message: 31/03/2020, 10h10
  2. "Drag and drop" avec directinput
    Par batosai dans le forum DirectX
    Réponses: 1
    Dernier message: 16/06/2004, 16h48
  3. [VB.NET] Microsoft TreeView drag and drop ?
    Par bigtoof dans le forum ASP.NET
    Réponses: 7
    Dernier message: 24/05/2004, 14h50
  4. [JSP][DRAG AND DROP]
    Par hamed dans le forum Servlets/JSP
    Réponses: 7
    Dernier message: 23/01/2004, 17h36
  5. drag and drop
    Par jujuesteban dans le forum Composants VCL
    Réponses: 5
    Dernier message: 20/06/2003, 09h23

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