begin process at 2012 02 12 12:13:29
  Trouver un code source :
 
dans
 
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

Administrateur CodeS-SourceS
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 menu reste ouvert affichage de la page [ par ju0123456789 ] Bonjour, J'ai un menu vertical en CSS (entre autres), et quand j'arrive sur ma page je voudrais laissé ouvert par défaut un element du menu. Voici m 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 changer la couleur d'un element [ par debra54 ] [i]bonsoir a tous ,voila je voudrais créer un menu horizontale qui a chaque clique me redirige vers une page (ou lien ) et cette meme case est alors 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 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 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


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

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 : 26,395 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales