ajax - Jquery .click to show proper value from loop -


i have list of movies , when click on title of 1 want display data being extracted xml page movie title new window.

i looping through xml file list of movies in first place

$(xml).find('movie').each(function () {             //adding movie title.             $("body").append("<section class = 'list' id='m" + n + "'><p>" + $(this).attr("name") + "</p></section>");

say instance first movie "terminator 2 judgment day"

my last attempt using array.. still displays same title every title click first one, terminator.

$(xml).find('movie').each(function () {             //adding movie title.             $("body").append("<section class = 'list' id='m" + n + "'><p>" + $(this).attr("name") + "</p></section>");             //adding movie website link             $("#m" + n).append("<a href='" + $(this).find("website").text() + "'>" + $(this).attr("name") + "'s website</a> <br />");             //adding other movie info in new window             info.push(($(xml).find("movie").attr("name")));             $("#m" + n+" p").click(function () {                 mwindow = window.open("", "", "width=500,height=500");                 mwindow.document.write(info[info.length-1]); }); n++ });

change

info.push(($(xml).find("movie").attr("name")));

to

info.push($(this).attr("name"));

...to insert name attribute current item in loop array, instead of name attribute first matched result $(xml).find('.movie')

edit: different approach looking for:

$(xml).find('movie').each(function (i, elm) {                 var $movie = $(elm),             $section,             movie = {                 id: 'm' + id,                 name: $movie.attr('name'),                 website: $movie.find('website').text()             };          $section = $('<section class="list" id="' + movie.id + '"><p>' + movie.name + '</p><a href="' + movie.website + '">' + movie.name + '\'s website</a><br></section>');         $section.data('movie', movie);         $('body').append($section); });  $('body').on('click', 'section.list p', function (e) {     var $section = $(e.target).closest('section.list'),         movie = $section.data('movie'),         popuptext;      popuptext = movie.name + ', ' + movie.website;      mwindow = window.open("", "", "width=500,height=500");     mwindow.document.write(popuptext); });

first, loops through $(xml), creates , appends section each movie. then, of movie data gets attached section element using .data()

after loop, binds one click event listener, detects closest section clicked target, grabs it's data , further it, opening popup text specified in popuptext

hope helps.


Comments

Post a Comment

Popular posts from this blog

node.js - Using Node without global install -

i'm working on few node & electron (atom shell) projects , i'm curious how them work without user having install node globally. i've seen few applications including node directory in project contains node.exe binary. how go setting node project use binary? edit: thought should add, i've searched everywhere answer this, unrelated results.
Read more

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

i've website developed using phpfox v3.0.7 . now i'm trying implement 'sse(server sent events)' 1 of php files. reference i'm giving below necessary code part of file. file titled process.class.php , present @ location /var/www/module/notification/include/service/process.class.php present on server having ip http://34.124.40.142/ . <?php /** * [phpfox_header] */ header('content-type: text/event-stream'); header('cache-control: no-cache'); defined('phpfox') or exit('no dice!'); /** * * * @copyright [phpfox_copyright] * @author raymond benc * @package phpfox_service * @version $id: service.class.php 67 2009-01-20 11:32:45z raymond_benc $ */ class notification_service_process extends phpfox_service { /** * class constructor */ public function __construct() { $this->_stable = phpfox::gett('notification'); } public function add($...
Read more

java - Null response to php query in android, even though php works properly -

Image
table i'm trying retrieve above data using 2 php files below. want pass email parameter , return bets user = email. work fine when tested advanced rest client, problem not php. however, when try through android 2 java classes below, null pointer exception (logcat below) , json object returned null. i'm not sure error is, think i'm not passing parameter php , that's why it's producing null response. logcat 05-31 15:10:50.227 26074-26074/com.example.albert.betterapp e/androidruntime﹕ fatal exception: main process: com.example.albert.betterapp, pid: 26074 java.lang.runtimeexception: unable start activity componentinfo{com.example.albert.betterapp/com.example.albert.betterapp.displayallbets}: java.lang.nullpointerexception @ android.app.activitythread.performlaunchactivity(activitythread.java:2292) @ android.app.activitythread.handlelaunchactivity(activitythread.java:2350) @ android.app.activitythread.acce...
Read more