Not sure if this is the most appropriate forum, but I'm a jQuery newbie, so figured I'd start here. I put an accordion control on a web form, which seems to be working great!
[Code]...
The users tend to tab through the form. But when they tab to the end of an accordion section, the focus goes back to the top of the page. Is it possible to go straight to the next section of the accordion?
I have an accordion list much like the example here : [URL]. Say for instance I have page links under the heading 'Section 2' of that demo above. How can I make it so that when you visit a page from these links 'Section 2' is visible and 'section 1' and 'section 3' are closed?
At the moment I have :
$(document).ready(function(){
$("#accordion").accordion({
active: false,
collapsible: true
});
});
<!-- start accordian menu -->
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div><ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul></div>
<h3><a href="#">Section 2</a></h3>
<div><ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul></div>
<h3><a href="#">Section 3</a></h3>
<div><ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul></div>
<!-- end accordion menu -->
</div>
What I need to add to make 'Section 2" visible only?
Is there any way to popup a javascript confirmation on clicking an accordion header to confirm the change of section?
View 3 Replies View RelatedI want to bind a click event to a selector which when clicked will open up a given part within an accordion. In the example below I want a link with an id of show-part1 to open up the first section of an accordion. My accordion has four sections. Consequently there are four 'accordion_trigger_index' classes with an index value from 0 to 3.
The code below triggers but it just kicks me to the top of the page and then back again, as if the $('.accordion_trigger_index').click(function(){}); is firing albeit not interpreting the index value.
The accordion works fine when clicked on directly. The error must concerning forced a click event while passing the index of which accordion_trigger_index class I want it to trigger (open).
Code JavaScript:
<script>
$('#show-part1').bind('click', function() {
$('.accordion_trigger_index').trigger('click').index(0);
[Code]....
I've been searching for a tutorial or example of an accordion or collapsible divwhere the height of the div/section is fixed and the content of the div is scrollable. Can someone please point me to a tutorial or code snippets that illustrate this
View 3 Replies View RelatedI am trying to use jquery in an asp.net user control and i am getting a recuring problem. I am getting an error stated 'Object expected'......Can anyone help me on this issue
View 2 Replies View RelatedI am a ASP.NET developer and I would like to use the jQuery BlockUI inside a generic control, designed to show a popup (with javascript and CSS effects). My problem is to disable (key tab, enter and mouse clicks) the parent window (parent element) (my control is inside the page and does not use iframe). Inside my control I have a DIV and I show his content when the user call the method designed. The problem is: I only see the "caller" of BlockUI using this type of eventhandler "CLICK", ex:
$('#pageDemo2').click(function() {
$.blockUI({ message: '<h1><img src="busy.gif" /> Just a
moment...</h1>' });
test();
});
It is possible apply that property inside the blockUI out of my DIV (parent element), inside my control, without click ? Is it necessary to use a iframe?
On blur of field1, field2 is set to READONLY but the cursor on my page then defaults to field2 and the cursor is at the END of the value and when the user clicks the backspace button the value can be erased. I would like the ability to have the cursor move to the next NON-READONLY or ENABLED field on the page. Is that do-able with jQuery?
[Code]...
I'm trying to do autotab from a textfield to a checkbox . but it is not working . Here is my code
<html>
<head>
<title>Check Box</title>
[code]....
Does anyone know of a way to prevent tabbing (via keyboard tab key) between form fields in ifferent "slides" when using the jquery scrollTo plugin? For example, I have a UL with 2 LI's in it and each LI has a <form> inside of it. If a user is on slide 1 and hits tab on the last visible form field, the first form field on the next slide comes into view (because the browser gives it focus), thus moving slide 2 partially into view. The same kind of thing happens from slide 2 to slide 1 when shift-tabbing (tabbing backwards): a form field on slide 1 gets focused and comes into view. I'd like to prevent tabbing between the forms. To complicate matters a bit more (possibly), one of my forms has a jquery UI tab control on it, so the last visible form field could be any field on any of the tab control's tabs (ie: the "last" visible form field depends on what tab is showing.
View 3 Replies View RelatedI created an accordion menu with rollover sub menus. My question is there a way to stop the rollover effect in the sub menus until the accordion animation is finished? When I click on a category link on the accordion the sub menu links flashes until the animation is done.
View 1 Replies View RelatedI want to automatically calculate the result when user enters values.. but keypress or keyup is not working...
Code:
<label>No 1</label>
<input type="text" name="n1"/><span></span>
<label>No 2</label>
[Code]....
I am still starting at this programming language. I have a field "From" and "To". If you select "1969" in "From" field, then in "To" field, the user will automatically select YEAR that is greater than "1969.
View 2 Replies View Relatedexplain to me the difference between the two? I just finished an online tutorial on Accordian Widget UI and it
View 5 Replies View RelatedI'm looking for a javascript that will detect the following user information: OS version, browser version, quicktime + flash + adobe reader + java + windows media player + sliverlight versions of the users computer.I am looking to put this script into an HTML page and the information be displayed so the user can see what versions of the programs they have. I don't know a whole lot about javascript so if there is a script i could copy and paste, that would be great!!!!
Also, is it possible to have the current versions of these programs displayed and automatically updated as well so the user can compare the version they have with the most current version of the program?
I have these two MySQL tables (location, properties). Each location can have one or more properties so both tables are related using Keys. What I'm trying to implement is an HTML form where when a user selects a location then the system automatically filters the properties results accordingly. The "location" list is loaded from MySQL using PHP, but obviously PHP doesn't allow me to filter the "properties" list while the selection is at the user side.
View 2 Replies View RelatedI have a point where the user will get an overlay div, to keep this div centered I move and mess with the CSS property "top". Though, I was testing and when I tabbed into the following textfield, it pushes the div down - as if there is text in the .val() field. (so it keeps going to the "else" statement even just tabbing INTO the field).
Does anyone know how to fix this and keep it from pushing the div down just from tabbing between textfields?
Code:
I have a form that has 3 inputs for the phone number (XXX) - (XXX) - (XXXX)
how can I get the number boxes to work so that as the user is putting in their number is automatically goes to the next box? For example, when I put in my area code "909" I have to TAB or click into the next box. How can I make it so it automatically goes to the next box?
Situation:I have a very long page divided into many sections vertical-wise marked by bookmarks, say pageX.html#s1 to s10. I need to show the section inside an iframe (iFrame1) on the mainpage (mainpage.html). I am thinking of having 4 buttons, sitting on the mainpage, to help navigate between these sections on pageX, namely NEXT, PREVIOUS, TOP, END.condition of the frame, fixed width/height, no scroll, no border.Very new to javascript but need this code to make a page work for BIZ.
View 1 Replies View RelatedIs the UI section of the site down? I have a few websites that link to it and they're all taking forever to load, seemingly hanging when "waiting for ui.jquery.com..."
View 3 Replies View RelatedIn IE7 and IE8, trying to do this fails:
var $tagsection = $("<section class='links'></section>");
$tagsection.html("<p>test</p>"); //or
$tagsection.append("<p>test</p>");
But changing the section to a div, works:
[Code]....
I created a Expand/Hide toggle for my About Me section. I used the following codes below.How do I make it to default the About Me section to Hide first instead of Expand?ttached is an example.Attached is all the codes for the page.
<div class="app-box" id="about-me">
<div class="app-box-menu toggle">
<a class="app-box-menu-icon" href="javascript: void(0)" onclick="joms.apps.toggle('#about-
[code]....
I have a live radio running on my home page and the rest, and i want to navigate through the website without having to make the buffering again.
View 2 Replies View RelatedI am trying to load the contents of a div on another page into the contents of the div on a new page, I can't just load the the full page into the div as it has stuff I don't want displaying on the new page. for example, my page setup is a div column with links and another column with data the links can be loaded from a drop down menu at the top or the first column I mentioned on each page.
what I want is that if you load the page from the top nav bar it loads the entire new page, if you load the page from the side links it loads the content of right column from the requested page into the content of the right column of the exisitng page, not changing the links which are in the left column
I am trying to modify the main zone of a page when user choose an element in a menu without refreshing the whole page. Any suggestion on how to do it?
I tried with empty followed by replace with but the page instantly reloads the old contents...
I will keep it simple. I need to list id of every element in given section. Example
<div id="leftSide">
<ul id="leftList">
<li id="item1"item 1</li>
<li id="item2"item 2</li>
<li id="item3"item 3</li>
<li id="item4"item 4</li>
[Code]...
I need to get IDs for "li" items on the "rightSide" container. How to?