I have a site I’m working on for a class project [URL=”http://jimslounge.com/n2n/myStuff/finalProject/final_project.html”]http://jimslounge.com/n2n/myStuff/finalProject/final_project.html
I have a menu at the top of the page that’s working when you click on one of the first 4 items it activates this code:
[CODE]
$(“#theQuest”).click(function(e) {
e.preventDefault();
e.stopPropagation();
$.get(‘theQuest.html’, function(data) {
$(‘#display’).html($(data));
});
});
$(“#Bedivere”).click(function(e) {
e.preventDefault();
e.stopPropagation();
$.get(‘Bedivere.html’, function(data) {
$(‘#display’).html($(data));
});
});
etc. …
which brings up the page beneath the menu and doesn’t follow the default link if JS is enabled on the browser.
this part works.
What I want to do is use a set of check boxes to pull out selected elements from the pages and display them in the display area.
As is when you click the Go! button it submits to the go_there function which follows:
[CODE] function go_there() {
// alert(“here we are”); this alert works so I know I’m running the script
$.get(‘theQuest.html’, function(data) {
[B]$(‘#display’).html($(‘#coconuts’, data)).append($(‘#yourDead’, data));[/B]
});
}
the highlighted code works I can swap it out with $(‘#display’).html($(data)); in the click handlers for the menu. I suspect I need to pass in something from the form but I don’t know what or how.