Accueil > Forum > > > > Probléme lié a systeme de drag & drop avec un ul/li
Probléme lié a systeme de drag & drop avec un ul/li
mercredi 18 février 2009 à 15:58:20 |
Probléme lié a systeme de drag & drop avec un ul/li

destiny
|
bonjour, tout d'abort, la liste : <ul class="capsulMenuAdminOrder" id="ulAdminOrder"> <li id="liAdminOrder1" class="capsulMenuAdminOrder">Accueil</li> <li id="liAdminOrder2" class="capsulMenuAdminOrder">Actualités</li> <li id="liAdminOrder3" class="capsulMenuAdminOrder">Présentation</li> <li id="liAdminOrder4" class="capsulMenuAdminOrder">Réglements</li> <li id="liAdminOrder7" class="capsulMenuAdminOrder">Administration</li> <li id="liAdminOrder11" class="capsulMenuAdminOrder">Pilotes</li> <li id="liAdminOrder12" class="capsulMenuAdminOrder">Equipes</li> </ul>
Avec une function javascript, je connais l'élément en cours de drag, son parent ('ul'). Maintenant, j'aimerai connaitre les elements (LI) qui le suive et precede.
J'ai trouvé les functions suivantes nextSibling et previousSibling qui me sorte un [OBJECT TEXT] (ex : document.getElementById('liAdminOrder7').nextSibling). Cependant, je n'arrive à rien faire avec cette objet comme trouvé son id ([OBJECT TEXT].id = undefined) !
Si quelqu'un peut m'aigullier comment fonction ces methodes ! Merci d'avance
Mon book : D2SKILL [ Lien ] [ Lien ]
|
|
mercredi 18 février 2009 à 19:18:17 |
Re : Probléme lié a systeme de drag & drop avec un ul/li

PetoleTeam
|
Bonjour, pourquoi ne pas récupérer le parentNode et ensuite parcourir les childNodes ;O)
|
|
jeudi 19 février 2009 à 00:08:08 |
Re : Probléme lié a systeme de drag & drop avec un ul/li

destiny
|
Heu ouai, j'avais déjà testé mais je n'ai que trés peu de connaisance en Node, tu n'aurai pas un tuto explicite sur le foncitonnement des "noeud". Bye, merci [ Lien ] [ Lien ]
|
|
jeudi 19 février 2009 à 11:34:48 |
Re : Probléme lié a systeme de drag & drop avec un ul/li

kazma
|
bonjour une voila adresse asser generaliste au sujet du dom ici
|
|
jeudi 19 février 2009 à 17:47:15 |
Re : Probléme lié a systeme de drag & drop avec un ul/li

PetoleTeam
|
Réponse acceptée !
Bonjour, Pas sûr qu'il existe un TUTO la dessus de la doc oui. Un petit exemple pour t'aider à appréhender le sujet <html> <head> <style type="text/css"> body { font-family : Verdana; font-size : 13px; } i { color : #0000ff; } .li_200 { width : 200px; border : 1px dashed blue; } </style> <script type="text/javascript"> //----------------- function Test( id_){ var O_Src = document.getElementById( id_); var O_Parent = O_Src.parentNode; var szResult = '<b>' +O_Parent.id +'<\/b><\/br>';
//-- Parcours des childNodes for( var i =0; i < O_Parent.childNodes.length; i++){ var O_Child = O_Parent.childNodes[i]; szResult += '- <b>' +O_Child.nodeName +'<\/b>';
//-- ne traite que si type ELEMENT if( O_Child.nodeType == 1){ //-- quelques caracteristiques au hasard szResult += '<i> id <\/i>= "' +O_Child.id +'"'; szResult += ',<i> innerHTML <\/i>= ' +O_Child.innerHTML; szResult += ',<i> firstChild.nodeValue <\/i>= ' +O_Child.firstChild.nodeValue; szResult += ',<i> offsetTop <\/i>= ' +O_Child.offsetTop; szResult += ',<i> offsetLeft <\/i>= ' +O_Child.offsetLeft; szResult += ',<i> offsetWidth <\/i>= ' +O_Child.offsetWidth; } szResult += '<br>'; } document.getElementById( 'D_RESULT').innerHTML = szResult; } </script> </head> <body> <ul class="capsulMenuAdminOrder" id="ulAdminOrder"> <li id="li_1" >Accueil</li> <li id="li_2" >Actualités</li> <li id="li_3" class="li_200">Présentation</li> <li id="li_4" >Réglements</li> <li id="li_5" >Administration</li> <li id="li_6">Pilotes</li> <li id="li_7">Equipes</li> </ul> <a href="javascript:Test('li_2');">Test</a> <div id="D_RESULT"></div> </body> </html> Voila bon jeu... ;O)
|
|
lundi 23 février 2009 à 13:37:40 |
Re : Probléme lié a systeme de drag & drop avec un ul/li
|
Cette discussion est classée dans : class, id, ul, li, capsulmenuadminorder
Répondre à ce message
Sujets en rapport avec ce message
Recuperer l'attribut "id" d'une balise <li> [ par biglover971 ]
Bonjour, Voila mon souci. J'ai une liste comme ceci : li <span class="nodeName edit
Récupérer l'attribut "id" de l'élément cliqué [ par biglover971 ]
Bonjour, Voila mon souci. J'ai une liste comme ceci : li<span class="nodeAttr ed
JQuery Fonction recursive [ par ranouf ]
Bonjour,Tout d'abord, je me suis peut etre trompé de section pour ma question mais j'ai pas trouvé Jquery.ul class=<span class="attribute-value
variable dynamique pour fonction slide mootools [ par zemele ]
Bonjour,Je souhaite appliquer une fonction slide à plusieurs éléments d'un coup. Cela implique d'utiliser une variable dynamique (enfin je crois). Voi
remplir plusieurs champs avec une checkbox [ par jul_diedhiou ]
bonjour à tous et à toutes, Je voudrais savoir comment remplir tous les champs d'un formulaire ,à l'identique d'autre champs, par le biais d'une che
besoin d'aide svp [ par milimouse ]
[size=200][/size] bonjour j ai crée un menu en java via des sources de divers forum mais le design ce n'est franchement pas sa du tout... si quelqu
Menu déroulant disparait au survol [ par badziz ]
Bonjour, j'ai récupéré un menu déroulant en css qui fonctionne parfaitement sous Firefox. Mais sous IE je ne peux survoler que les 2 premieres sous ca
DOM, id et position [ par Teclis01 ]
Bonzourrrrr Je fais une petite application pour un jeu en php/mysql/js/.... et j'ai besoin d'un petit coup de pouce pour le DOM <img sr
liste et menu déroulant [ par inaden ]
Bonjour,Voilà, j'essaie de m'appliquer à faire les choses bien maintenant que j'en ai compris le bienfondé.Donc utilisation de CSS à mort.J'ai suivi l
liste imbriquée et pseudo class hover [ par inaden ]
Bonjour,j'étais sur un site et tout se passais bien. On m'a fait remarquer que explorer 6 n'afiichais pas mes menus déroulants.Il passe partout sur ma
Livres en rapport
|
Derniers Blogs
[WP7] L'éMULATEUR WINDOWS PHONE 7 EST MULTITâCHE[WP7] L'éMULATEUR WINDOWS PHONE 7 EST MULTITâCHE par KooKiz
Une question qui reste en suspend concernant Windows Phone 7 est de savoir si le système permettra à plusieurs applications de s'exécuter simultanément, ou si un système de mise en pause similaire à celui de l'iPhone sera adopté. Même si cela ne perm...
Cliquez pour lire la suite de l'article par KooKiz PRéSENTATION CLUB MOSS CE JOUR "LA NOUVELLE ARCHITECTURE DE SERVICES SHAREPOINT 2010".PRéSENTATION CLUB MOSS CE JOUR "LA NOUVELLE ARCHITECTURE DE SERVICES SHAREPOINT 2010". par Patrick Guimonet
Ca y est la sortie RTM de SharePoint 2010 est annoncée pour le 16 avril 2010 (annonce faite ce jour par Erol Giraudy lors de la réunion du club MOSS). Vous pourrez trouver ici les slides de ma présentation du jour dans le cadre du club MOSS : 201...
Cliquez pour lire la suite de l'article par Patrick Guimonet [WINDOWPHONE7] PREMIERS PAS[WINDOWPHONE7] PREMIERS PAS par Vko
Hop voici les premiers pas avec les outils de développement pour Windows Phone 7. Premier changement suite à l'installation des outils : les type de projets pour la plateforme Windows Phone 7. Les projets se découpent en deux groupes : Les projet...
Cliquez pour lire la suite de l'article par Vko [WP7] LE SDK DE WINDOWS PHONE 7 EST DISPONIBLE ![WP7] LE SDK DE WINDOWS PHONE 7 EST DISPONIBLE ! par KooKiz
Comme le titre l'indique, une première CTP du kit de développement pour Windows Phone 7 est disponible. Basé sur Visual Studio 2010 Express, il propose de développer des applications pour WP7 en Silverlight ou XNA 4. Un émulateur est bien entendu de l...
Cliquez pour lire la suite de l'article par KooKiz SQL SERVER : PHP ET SQL SERVERSQL SERVER : PHP ET SQL SERVER par christian
Juste une petite synthèse sur les possibilités de connecter une application PHP sur un serveur SQL Server. Non pas que je me sois reconverti en développeur PHP, mais je constate qu'actuellement il est très difficile dans un environnement PHP et partic...
Cliquez pour lire la suite de l'article par christian
Logiciels
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods Konvertor (4.00)KONVERTOR (4.00)Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format... Cliquez pour télécharger Konvertor
|