Have 3 tabs where the data is coming from XML and each part has different Data - using jQuery -

-

so need have 3 divs. when click on each link appropriate div shown info coming xml file.

here xml file:

<dynamic_div> <div set="1">     <p>lorem ipsum dolor sit amet, consecter adipiscing elit. ut ac ipsum et metus cursus feugiat nec @ purus. in imperdiet lectus eu metus mollis nec mollis sem tincidunt.</p>     <p>vestibulum lortis est eu ante bendum convallis ornare dolor consectetur. proin gravida turpis non odio lacinia sit amet elementum justo dapibus.</p>     <p>duis eget lacus id lectus adipiscing bibendum @ ut dolor. sed laoreet leo id nunc elementum rhoncus leo bibendum.</p> </div>  <div set="2">     <image>         <name>image</name>         <source>/img/jpeg.jpg</source>         <alt>some alt info</alt>     </image> </div> <div set="3">     <links>         <title>web links</title>         <link>             <name>site 1</name>             <url>http://www.w3.org</url>         </link>         <link>             <name>site 2</name>             <url>http://www.site.com</url>         </link>         <link>             <name>site 3</name>             <url>http://www.site.net</url>         </link>         <link>             <name>site 4</name>             <url>http://www.site.com</url>         </link>         <link>             <name>site 5</name>             <url>http://www.site.com</url>         </link>     </links> </div> </dynamic_div>

so have jquery. ideas on how simplified need do?

$(function(){   $.ajax({     type: "get",     url: "dev_test.xml",     datatype: "xml",     success: function(xml) {         $(xml).find('content').each(function() {             var set = $(this).attr('set');              if(set == 1)             {                 var words = $(this).find('p').text();                 $('<p>').html(words).appendto('#set_1');              }             if(set == 2)             {                 var name    = $(this).find('name').text();                 var img     = $(this).find('source').text();                 var alt     = $(this).find('alt').text();                 $('<img />').attr('src',img).attr('alt',alt).attr('title',name).appendto('#set_2');                 //('<img />').data(words).appendto('#set_2');              }             if(set == 3)             {                 var words = $(this).find('p').text();                 $('<p>').html(words).appendto('#set_3');              }         });     } });  });

i know looking more switch case begin with:

switch(set)         {          case 1:             var words = $(this).find('p').text();             $('<p>').html(words).appendto('#set_1');             break;         case 2:             var name    = $(this).find('name').text();             var img     = $(this).find('source').text();             var alt     = $(this).find('alt').text();             $('<img />').attr('src',img).attr('alt',alt).attr('title',name).appendto('#set_2');             //('<img />').data(words).appendto('#set_2');            break;         case 3:             var words = $(this).find('p').text();             $('<p>').html(words).appendto('#set_3');             break;         }

and jquery parsexml may rest: http://api.jquery.com/jquery.parsexml/


Comments

Post a Comment

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

-
my group , running server based upon django , uses mod_wsgi run apache server. not working on project after over, attempting set cronjob similar functionality check if apache server has shut down(system restart or power failure), , if has, restart server me. i've found documentation on how check if apache server down , restart server if is, our server uses https , our start command pretty verbose. can use functionality provided in these examples: https://askubuntu.com/questions/277389/cron-job-to-restart-apache https://www.digitalocean.com/community/tutorials/how-to-use-a-simple-bash-script-to-restart-server-programs or need more complicated process make happen? the command use start server is python manage.py runmodwsgi --host 0.0.0.0 --port 8001 --https-port 8000 --ssl-certificate (certificate location) --server-name (domain name) i'm pretty new linux , using both mod-wsgi apache appreciated. you better off using --setup-only option mod_wsgi-expres...
Read more

actionscript 3 - TweenLite does not work with object -

-
i got following problem: i have object called tempscore game. this object blitted canvas renderer via copypixels method. object not display object. it's score-object (self made). score-object extends object called basicblitarrayobject. basicblitarrayobject extends eventdispatcher (therefore no display object). i tried apply several different tweenlite-plugins tempscore-object (i.e. transformaroundcenter, colormatrixfilter, etc.). nothing happens. absolutely nothing. sometimes error messages (when plugin requires display object , object not display object). far good. according greensock (maker of tweenlite) engine can tween numeric property of object. when plugin transformaroundcenter requires display object tweening have modify plugin working non-display object (tempscore). can't because it's way hard me. my game rests upon code: http://www.8bitrocket.com/book/ch11_blastermines.zip try apply tweenlite object called tempmine inside game class blastermines. ...
Read more

jQuery Ajax Render Fragments OR Whole Page -

-
i'm in throes of building application wraps mess of legacy code. page working on, need substitute fragment divs constructed on back-end -- or else need replace entire page altogether. idea there dynamically controlled flow needs satisfied before can forward legacy product. substituting fragments works fine, seen in below my_body_content swap. trouble comes when i'm trying render not fragment, whole page, in "body" swap. @ point page goes blank. i want similar errors returned server. want nice rest 404 error messages displayed on screen, legacy-product 404s show in legacy-product 404 page. yes, requirements project weird. that's not problem can fix. here's jquery invocation, names changed protect guilty: $.ajax({ url: "places/things", type: "post", data: json.stringify(somebadassobject), datatype: "text", accepts: "text/html", contenttype: "application/json; charset=...
Read more