Being quite new to JQuery, I find that whilst it is powerful, the
syntax takes a bit of getting your head round.
I am trying to identify when the user clicks on a section to record
the choice in a local HTML variable for the form. The responses I get
from the following code are:
[first alert] null
and then
[second alert] function (F) {
if (typeof F !== "object" && F != null) {
return this.empty().append((this[0] && this
[0].ownerDocument || document).createTextNode(F));
}
var E = "";
o.each(F || this, function () {o.each(this.childNodes,
function () {if (this.nodeType != 8) {E += this.nodeType != 1 ?
this.nodeValue : o.fn.text([this]);}});});
return E;
}
So how do you identify which section has been clicked?
JQuery script:
$(function(){
// Accordion
$("#accordion").accordion({
header: "h3",
fillSpace: true,
change: function(event, ui) {
var active = $('#accordion').accordion('option', 'active');
alert(active);
alert(ui.newHeader.text);
}
});
});
HTML extract:
<!-- Accordion -->
<div class="ui-widget-content ui-corner-all mygr_add"
style="border: 2px; padding: 3px; font-size: 12px; height: 200px">
<div class="ui-widget-header ui-corner-all dragme" >
<span class="box-header">Background Type</span>
</div>
<div id="accordionResizer" style="padding:5px; width:250px;
height:150px;" >
<div id="accordion" class="nodrag">
<div>
<h3><a href="#">Solid Colour</a></h3>
<div>
<table cellpadding=5><tr><td><input type="text"
value="{val css_bgcolor}" size="8" maxlength="7" align="top"
id="css_bgcolor" name="css_bgcolor" /></td>
<td><img class='link' src='<?=$GLOBALS['home_url'];?
>assets/graphics/colourpicker.png' alt='Colour Picker'
onclick="showColorPicker(this,document.forms[0].css_bgcolor,'backtest',
2)"></td></tr></table>
</div>
</div>
<div>
<h3><a href="#">Image Background</a></h3>
<div >
<input type="image" id="bgchoice3" class="link"
name="bground" align="right" alt="Image Picker" src="<?=$GLOBALS
['links_url'];?>assets/graphics/imagepicker.png" />
</div>
</div>
</div>
</div><!-- End accordionResizer -->
</div>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
