jquery accordion - set input focus for active accordion?
Posted
by KnockKnockWhosThere
on Stack Overflow
See other posts from Stack Overflow
or by KnockKnockWhosThere
Published on 2010-03-08T01:51:41Z
Indexed on
2010/03/08
3:02 UTC
Read the original article
Hit count: 690
*Nevermind... figured it out... *
did it like this:
$("#accordion").accordion({ header:'h3', active: '#section1', autoheight: false, clearstyle: true, }).bind("change.ui-accordion", function(event,ui) { $("#text1").focus(); });
I've got an accordion all set up, and each div has a form within it. I'm just trying to figure out how to set the focus on an input field depending on which one is open...
/* accordion */
$("#accordion").accordion({
header:'h3',
active: '#section1',
autoheight: false,
clearstyle: true
});
Basically, I want to set the cursor in the first input field for whichever section is open. The actual forms are much bigger, so I condensed it enormously...
<div id="accordion">
<h3 id="section1"><a href="#">Section 1/a></h3>
<div>
<form id="form1" action="form.php" method="post">
<fieldset class="inside">
<input type="text" name="text1" id="text1" size="50" value="Default text" />
<input class="open" type="button" value="Submit" name="submit1" />
</fieldset>
</form>
</div><!--/div-->
<h3 id="section2"><a href="#">Section 2</a></h3>
<div>
<form id="form2" action="form.php" method="post">
<fieldset class="inside">
<input type="text" name="text2" id="text2" size="50" value="Submit" />
<input class="open" type="button" value="Submit" name="submit2" />
</fieldset>
</form>
</div><!--/div-->
<h3 id="section3"><a href="#">Section 3</a></h3>
<div>
<form id="form3" action="form.php" method="post">
<fieldset class="inside">
<input type="text" name="text3" id="text3" size="50" value="Submit" />
<input class="open" type="button" value="Submit" name="submit3" />
</fieldset>
</form>
</div><!--/div-->
© Stack Overflow or respective owner