mootools - dynamically load ajax content in accordian panel

[ameshkin]

Hi Everybody,

I'm just now learning javascript and I'm using mootools. What I want
to do is to dynamically load a php page into accordian panel 2,
depending on which radio button is selected in accordian panel 1.
Here is a simplified version of my code.

window.addEvent ('domready', function() {
var accordion = new Accordion('h3.a tStart', 'div.atStart', {
display: 0, //will open the 1st panel at start
opacity: false,
onActive: function(toggle r, element){
toggler.setStyl e('color', '#000000');
},

onBackground: function(toggle r, element){
toggler.setStyl e('color', '#222');
}
}, $('accordion')) ;
//Open Accordion Panels
$('next1').addE vent('click', function() {
accordion.displ ay(1);
});
$('next2').addE vent('click', function() {

accordion.displ ay(2);
//AjxCln();
});
$('next3').addE vent('click', function() {
accordion.displ ay(3);
});
$('next4').addE vent('click', function() {
accordion.displ ay(4);
});

$('prev1').addE vent('click', function() {
accordion.displ ay(0);
});
$('prev2').addE vent('click', function() {
accordion.displ ay(1);
});
$('prev3').addE vent('click', function() {
accordion.displ ay(2);
});
$('prev4').addE vent('click', function() {
accordion.displ ay(3);
});

});
function MM_jumpMenu(tar g,selObj,restor e){ //v3.0
eval(targ+".loc ation='"+selObj .options[selObj.selected Index].value
+"'");
if (restore) selObj.selected Index=0;
}

var accordion;
var accordionToggle rs;
var accordionConten ts;

window.onload = function() {
accordionToggle rs = document.getEle mentsByClassNam e('accToggler') ;

accordionToggle rs.each(functio n(toggler){
//remember the original color
toggler.origCol or = toggler.getStyl e('background-color');
//set the effect
toggler.fx = new Fx.Color(toggle r, 'background-color');
});

accordionConten ts = document.getEle mentsByClassNam e('accContent') ;

accordion = new Fx.Accordion(ac cordionTogglers , accordionConten ts,{
//when an element is opened change the background color to blue
onActive: function(toggle r){
toggler.fx.toCo lor('#6899CE');
},
onBackground: function(toggle r){
//change the background color to the original (green)
//color when another toggler is pressed
toggler.setStyl e('background-color', toggler.origCol or);
}
});
}

function AjxCln() {

//new code below for ajax
var showSuccess = new function(req){
alert(req);
};

//a GET request
//new XHR({method: 'get', onSucces: showSuccess}).s end('location/
myscript.php', 'answerme=1&q=t est');

//find out which radio button was checked

var a1 = document.getEle mentById('svc_t p_1').checked; //these are the
radio buttons, depending on which one is checked, I want the variable
PAGE to be a different number. The php file will determine what
content to show based on what $page is equal to!
var a2 = document.getEle mentById('svc_t p_2').checked;

if (a1 == true) {
var page = '1';
} elseif(a2 == true) {
var page = '2';
} else {

}


//POST ajax
new XHR({onSuccess: showSucces}).se nd('AJAX/step-2.php', 'page=' +
page);

//above code ajax
}

[Peter Michaux]

On Jul 21, 10:29 am, ameshkin <amir.mesh...@g mail.comwrote:

Hi Everybody,

I'm just now learning javascript and I'm using mootools. What I want
to do is to dynamically load a php page into accordian panel 2,
depending on which radio button is selected in accordian panel 1.
Here is a simplified version of my code.

comp.lang.javas cript is the best place on the Internet for discussion
about JavaScript in general.

Questions specific to Mootools will likely best be answered on the
Mootools group

http://groups.google.com/group/mootools-users

Peter

[ameshkin]

On Jul 21, 11:16*am, Peter Michaux <petermich...@g mail.comwrote:

On Jul 21, 10:29 am, ameshkin <amir.mesh...@g mail.comwrote:

Hi Everybody,

I'm just now learning javascript and I'm using mootools. *What I want
to do is to dynamically load a php page into accordian panel 2,
depending on which radio button is selected in accordian panel 1.
Here is a simplified version of my code.

comp.lang.javas cript is the best place on the Internet for discussion
about JavaScript in general.

Questions specific to Mootools will likely best be answered on the
Mootools group

http://groups.google.com/group/mootools-users

Peter

Thank you

[Dr J R Stockton]

In comp.lang.javas cript message <274cfaa3-5154-4960-872d-fdf07dea701d@w1
g2000prk.google groups.com>, Mon, 21 Jul 2008 10:29:41, ameshkin
<am**********@g mail.composted:

>
if (a1 == true) {
var page = '1';
} elseif(a2 == true) {
var page = '2';
} else {

}

Anyone who thinks that == true is needed there should start learning
JavaScript again.

--
(c) John Stockton, nr London, UK. ?@merlyn.demon. co.uk Turnpike v6.05 MIME.
Web <URL:http://www.merlyn.demo n.co.uk/- FAQqish topics, acronyms & links;
Astro stuff via astron-1.htm, gravity0.htm ; quotings.htm, pascal.htm, etc.
No Encoding. Quotes before replies. Snip well. Write clearly. Don't Mail News.

[Thomas 'PointedEars' Lahn]

Peter Michaux wrote:

On Jul 21, 10:29 am, ameshkin <amir.mesh...@g mail.comwrote:

>I'm just now learning javascript and I'm using mootools. What I want
to do is to dynamically load a php page into accordian panel 2,
depending on which radio button is selected in accordian panel 1.
Here is a simplified version of my code.

comp.lang.javas cript is the best place on the Internet for discussion
about JavaScript in general.

Questions specific to Mootools will likely best be answered on the
Mootools group

http://groups.google.com/group/mootools-users

Whereas "best" should be understood as "fitted to satisfy mootools users",
not "technicall y correct" or "tainted by a sufficient level of development
experience in the languages and field in question".
PointedEars
--
realism: HTML 4.01 Strict
evangelism: XHTML 1.0 Strict
madness: XHTML 1.1 as application/xhtml+xml
-- Bjoern Hoehrmann