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
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
Ajouter un Div dans un li [ par yanis7518 ]
Salut a tous je souhaiterais pouvoir créer et ajouter des div dans des balises li créées dynamiquementvoici mon code var newLi= document.createElem
 Livres en rapport
|
Derniers Blogs
 TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|