javascript - how to load sibling and there child attribute value -

-

i try code:-

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript" src="jquery.js"></script>  <script> function load() {     var select = $('#myselect');     var xml = ['<child_2 entity_id="2" value="root" parent_id="1">',                 '<child_4 entity_id="4" value="activities" parent_id="2">',                 '<child_10066 entity_id="10066" value="physical1" parent_id="4">',                 '<child_10067 entity_id="10067" value="cricket" parent_id="10066">',                 '<child_10068 entity_id="10068" value="one day" parent_id="10067"/>',                 '</child_10067>', '</child_10066>', '<child_10069 entity_id="10069" value="test2" parent_id="4"/>',                 '<child_10070 entity_id="10070" value="test3" parent_id="4"/>',                 '<child_10071 entity_id="10071" value="test4" parent_id="4"/>',                 '<child_10072 entity_id="10072" value="test5" parent_id="4"/>',                 '<child_5 entity_id="5" value="physical" parent_id="4"/>', '</child_4>', '</child_2>'].join('');      function makehtml($xml, $ul) {         $(document).ready(function () {             $(xml).find('child_10066').each(function () {                 var $node = $(this);                 var $li = $('<li></li>').html($node.attr('value'));                 $ul.append($li);                 if ($node.children().length > 0) {                     $childul = $('<ul></ul>').hide();                     $ul.append($childul);                     // toggle hide , show                     $li.click(function () {                         if ($(this).next().css('display') == 'none') {                             $(this).next().show();                         } else {                             $(this).next().hide();                         }                     });                     makehtml($node.children(), $childul);                 }             });         });     }     makehtml($(xml), $('ul')); } </script> <body onload="load()"> <div id="myselect"></div> <ul></ul> </body>

i want output:- (at file load time)

physical1
test2
test3
test4
test5
physical

if click on physical1 display there child node like:-

physical1
cricket
test2
test3
test4
test5
physical

if click on cricket
physical1
cricket
one day
test2
test3
test4
test5
physical

with use of code:- getting physical1
after click on them return new ul li , there value physical1
thanks...

try way!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() {  var select = $('#myselect'); var xml = ['<child_2 entity_id="2" value="root" parent_id="1">', '<child_4 entity_id="4" value="activities" parent_id="2">',     '<child_10066 entity_id="10066" value="physical1" parent_id="4">',         '<child_10067 entity_id="10067" value="cricket" parent_id="10066">',             '<child_10068 entity_id="10068" value="one day" parent_id="10067"/>',         '</child_10067>',     '</child_10066>',     '<child_10069 entity_id="10069" value="test2" parent_id="4"/>',     '<child_10070 entity_id="10070" value="test3" parent_id="4"/>',     '<child_10071 entity_id="10071" value="test4" parent_id="4"/>',     '<child_10072 entity_id="10072" value="test5" parent_id="4"/>',     '<child_5 entity_id="5" value="physical" parent_id="4"/>', '</child_4>', '</child_2>' ].join('');       function makehtml(parent, ul) {           $(xml).find(parent).children().each(function() {                  var $node =  $(this) ;                  var $li   = $('<li/>');                 var $span = $('<span/>');                 $span.text($node.attr('value'));                  $li.append( $span );                  ul.append( $li );                   if ( $node.children().length > 0 ) {                       // toggle hide , show                     $li.click( function(){                              event.stopimmediatepropagation();                              var _ul = $(this).children()[1];                                              if ( $(_ul).css('display') == 'none') {                                 $(_ul).show();                             } else {                                 $(_ul).hide();                             }                        });                       var _newul = $('<ul/>');                      $(_newul).hide();                      $li.append(_newul);                      makehtml($node.attr('tagname'), $(_newul));                  }          });     }               makehtml('child_4', $('#_ul')); });   </script> <body> <div id="myselect"></div> <ul id="_ul"></ul> </body>

Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more