I have a site I’m working on for a class project Final Project
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:
$("#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.
When you click the Go! button it submits to the go_there function which follows:
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.