begin process at 2010 03 15 23:40:53
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Probléme lié a systeme de drag & drop avec un ul/li

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club
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

Membre Club
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

destiny
Merci beaucoup,

Ca m'aide pas mal effectivement ;) [ Lien ]
[ Lien ]


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


Nos sponsors


Sondage...

Comparez les prix


Console Sony PSP-3000 Black
Entre 200€ et 200€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo PlayaPhoto soleil prisonnier
  

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,593 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)