jQuery Forum

Using jQuery UI toggle expanding/hiding nested divs
[3Replies]
- 10-Jun-2015 08:41 AM
- Forum: Using jQuery UI
I have a recursive function that renders divs as shown below. I have been researching and have not found a good way to accomplish the toggle method. I would like to be able to have the click method fire on only a single element. IE: Only fire when i click on Administration, not when i click on anything within administration. Then at this point all i am really trying to do is click on a level 1, fire the toggle method to just show/hide whats nested inside that element. I would love to be able to do the same for .lvl2, and lvl3
Any ideas on the proper selector for click and the proper way to only select immediate (first level nested) elements, but not their children would be great. Thanks! PS, willing to change how my HTML is rendered if it can accomplish this easier.
2. <div class="DeptWrapper">Departments
3. <div class="lvl1">Administration
4. <div class="lvl2">Accounting Division
5. </div>
6. <div class="lvl2">Administration Services
7. </div>
8. <div class="lvl2">Budget Division
9. </div>
10. <div class="lvl2">Collections Division
11. </div>
12. <div class="lvl2">Human Resources Division
13. </div>
14. <div class="lvl2">Information Technology Division
15. </div>
16. <div class="lvl2">Purchasing Division
17. </div>
18. <div class="lvl2">Records Management Division
19. <div class="lvl3">Imaging
20. </div>
21. <div class="lvl3">Record Transmittals
22. </div>
23. <div class="lvl3">RM Mail Division
24. </div>
25. </div>
26. <div class="lvl2">Risk Management Division
27. </div>
28. <div class="lvl2">Tax Listing
29. </div>
30. </div>
31. <div class="lvl1">Circuit Court
32. <div class="lvl2">Civil Court
33. </div>
34. <div class="lvl2">Clerk of Circuit Court
35. </div>
36. <div class="lvl2">Court Officials
37. </div>
38. <div class="lvl2">Criminal ＆ Traffic Court
39. </div>
40. <div class="lvl2">Family Court
41. </div>
42. <div class="lvl2">Jury Services
43. </div>
44. <div class="lvl2">Juvenile Court
45. </div>
46. <div class="lvl2">Probate Court
47. </div>
48. </div>
49. </div>

RegExp.test inside selector.each question
[3Replies]
- 22-Oct-2014 09:10 AM
- Forum: Using jQuery
I have the code below looping through 2 text fields with PhoneNumber class. I have tried multiple RegEx strings to validate that the user inputs xxx-xxx-xxxx
(using jquery 1.7.1.min) - no console errors

No matter what i try, i still can't get them to match the regEx string. I know there is some javascript, but i hope with the amount of jQuery i am using that i can post this here. Is there something simple I am missing or is my concept wrong or do i just keep using incorrect regEx strings? Any help would be much appreciated.

Thanks,

Eric
JS
2. var phoneExpression = new RegExp("\d{3}-\d{3}-\d{4}");
3. $('.PhoneNumber').each(function () {
4. if (phoneExpression.test($(this).val()) == false) {
5. $(this).addClass('MissingData').addClass('HelpTip').prop('title','Format number as xxx-xxx-xxxx');
6. isValid = false;
7. }
8. else {
9. $(this).removeClass('MissingData').removeClass('HelpTip').prop('title','');
10. }
11. });
Markup
<asp:TextBox ID="txtWorkPhone" runat="server" CssClass="Required PhoneNumber" />

<asp:TextBox ID="txtHomePhone" runat="server" CssClass="Required PhoneNumber" />

Validating radiobutton must have selected value
[2Replies]
- 24-Jul-2014 10:07 AM
- Forum: Using jQuery
I am trying to validate with jQuery that at least one input is checked inside the .QuizAnswers div. Any thoughts?
1. <div class="QuizAnswers">
3. <div class="QuizAnswer">
4. <input type="radio" value="2" name="questionAnswer">
5. <label for="questionAnswer">a. Taxilane Centerline</label>
6. </div>
8. <div class="QuizAnswer">
9. <input type="radio" value="3" name="questionAnswer">
10. <label for="questionAnswer">b. Movement Area Boundary Line-Stop!</label>
11. </div>
13. <div class="QuizAnswer">
14. <input type="radio" value="4" name="questionAnswer">
15. <label for="questionAnswer">c. Runway Centerline</label>
16. </div>
18. <div class="QuizAnswer">
19. <input type="radio" value="5" name="questionAnswer">
20. <label for="questionAnswer">d. Taxiway Edge Marking</label>
21. </div>
23. </div>

Add icon to JQuery UI Tabs (float right)
[2Replies]
- 20-Mar-2013 10:49 AM
- Forum: Using jQuery UI
I am currently using UI-Tabs with Redmound style theme. One page only has 3 tabs. I would like to add a icon<link> to the tab bar and float it in the top right corner. Is there any easy way accomplish this. I am not extremely experienced with the css behind the tabs. i would rather not just add another tab with this icon on it.

Thank you,
Eric

Response title

Attachments

jQuery Forum

Activity Trend