load next xml element on click via ajax and jquery -

-

i need able cycle through xml file using click function. when page loads want 1 xml element load , using click function load next. kind of content slider loads each 1 when requested. i'm using display tube video title.

here's code...

$(document).ready(function(){  $.ajax({ type: "get",     url: "video.xml",     datatype: "xml",     success: function(xml) {         $(xml).find('video').each(function(){             var title = $(this).find('title').text();             var embed = $(this).find('embed').text();             $('<div class="video"></div>').html('<iframe width="300" height="200" src="http://www.youtube.com/embed/'+embed+' frameborder="0"></iframe><h2>'+title+'</h2>').appendto('#video_block');         });     } }); });

here xml code: 

<video> <title>title 1 here</title> <embed>fscjfrh80uy</embed> </video>  <video> <title>title 2 here</title> <embed>fscjfrh80uy</embed> </video>

many help.

edit

here current code - needed slight couple of tweaks because of errors...

$(document).ready(function(){  var = 0; getvid(); $('#prev').bind('click', function() { i--; getvid(); $('.video').remove()     return false;  }) $('#next').bind('click', function() { i++; getvid(); $('.video').remove() return false;  }) function getvid() { $.ajax({ type: "get",     url: "video.xml",     datatype: "xml",     success: function(xml) {         ovid = $(xml).find('video:eq('+i+')');         var title = ovid.find('title').text();         var embed = ovid.find('embed').text();             $('<div class="video"></div>').html('<iframe width="300" height="200" src="http://www.youtube.com/embed/'+embed+'" frameborder="0"></iframe><h2>'+title+'</h2>').appendto('#video_block');     } }); } });

it kind of works following problems exist:

  • it needs show first xml element default - shows nothing. ***i know have working. put getvid() before click event functions!
  • when hit "next" first time starts on 2nd xml element.
  • when hit "next" on last element needs go first. tries find next element comes nothing (as nothing exists after last!)

many again!!!!!

var = 0;  $('#prev').bind('click', function() {     i--;     getvid(); } $('#next').bind('click', function() {     i++;     getvid(); } function getvid() {     $.ajax({         type: "get",         url: "video.xml",         datatype: "xml",         success: function(xml) {             ovid = $(xml).find('video:eq('+i+')');             var title = ovid.find('title').text();             var embed = ovid.find('embed').text();             $('#videodiv').html('<iframe width="300" height="200" src="http://www.youtube.com/embed/'+embed+' frameborder="0"></iframe><h2>'+title+'</h2>');         }     }); });

this code not directly work it's idea. play , you'll going.

edit

i forgot increase i, that's why click event didn't work!

edit2

if make button id 'prev' , button id 'next' above edited code should work.


Comments

Post a Comment

Popular posts from this blog

delphi - ESC/P programming! -

-
why need use because printers using tprinter prints weird hieroglyph @ beginning of printable area. my problem if send commands, nothing happens. esc e (#27 #69) - sending escape sequence didn't work expected. removed first letter , rest of string made bold. eg. hello -> ello . after changed esc e esc (#27 #69 #27), worked fine. example managed figure out, but... trying select character table "esc t n" (#27 #116 n), make "õäöü" work. command doesn't work. nothing happens! , command supported esc/p, esc/p 2 , 9-pin esc/p, should work fine. manual can found here . if has ever needed use esc/p commands maybe 1 can shed light how work them! thanks in advance! edit: in previous post asked more or less same question though answers how did send commands printer. (i'll change question there according answers!) i accepted ken's answer, because claimed way transferred commands wasn't best , got work escape command. problem after t...
Read more

Cursor error with postgresql, pgpool and php -

-
hey, struggling bit determine exact cause of error has been popping in our release environment. there not seem dealing particular error on google. this error message getting: sqlstate[34000]: invalid cursor name: 7 error: portal "" not exist the error pops when using pdo prepared statements. this setup our release environment: pgpool 3.0.1 (the postgresql backend in streaming replication mode!) php 5.3.5 postgresql 9.0 edit: architecture 64bit. the same error not manifest in our test environment (edit: forgot mention, standard test environment uses postgresql 9.0 without pgpool). thus, led suspect pgpool @ least partly suspect. does know probable causes error are? edit: ok, here example of kind of code causes error. $sql = 'select * '; $sql .= 'from "mytable" "mystuff" '; $sql .= 'where "mytable"."status" = 1 '; $sql .= 'and "mytable"."mytableid" = :table...
Read more

c++ - error: use of deleted function -

-
i've been working on c++ code friend has written , following error have never seen before when compiling gcc4.6: error: use of deleted function ‘gamefsm_<std::array<c, 2ul> >::hdealt::hdealt()’ implicitly deleted because default definition ill-formed: uninitialized non-static const member ‘const h_t floppokergamefsm_<std::array<c, 2ul> >::hdealt::h’ edit: comes part of code using boost msm: boost webpage edit2: there no = delete() used anywhere in sourcecode. generally speaking, error mean? should looking when type of error occurs? i don't think other answers mentioning =deleted; syntax correct. error message says default constructor has been deleted implicitly . says why: class contains non-static, const variable, not initialized default ctor. class x { const int x; }; since x::x const , must initialized -- default ctor wouldn't initialize (because it's pod type). therefore, default ctor, need define 1 (and must ...
Read more