Search jQuery

jQuery Forum

Screen name:
Heinz09

Heinz09's Profile

2 Posts

12 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jQuery.confirm title default
[3Replies]
- 23-Feb-2015 08:38 AM
- Forum: Using jQuery
Hi I have a confirm popup that appears as expected, is there a simple / quick & dirty way to change the label at the top? At the moment it just gives the full URL in the address bar as the title.
2. $(document).ready(function (event) {
4. $(document).submit(function (event) {
6. if (!confirm("Are you sure you wish to submit?")) {
7. event.preventDefault();
8. }
9. });
10. });
Any suggestions?
Regards

Cloning and assigning dynamic element IDs
[22Replies]
- 26-Jan-2015 09:11 AM
- Forum: Using jQuery
Hi Guys,

Well this is my first post, I have been using jQuery here and there for a few small enhancements, I have to say I really like it so far, but it seems I have run into a little snag. If you look at the code below it should make some sense, hopefully.
2. <!doctype html>
3. <html>
4. <head>
5. <meta charset="utf-8">
6. <title>MiSland MX</title>
7. <style>
8. .ninja {
9. visibility: hidden;
10. background: green;
11. }
12. </style>
13. </head>
14. <body>
15. <script src="jquery-2.1.0.js"></script>
16. <script>
17. var c = 0;
19. $( document ).ready(function() {
21. $(btnRemove).click(function(){
22. $(this).closest('div').remove();
23. console.log("remove row");
24. });
26. $(btnClone).click(function(){
27. $(tmpClone).clone(true).appendTo(tmpList).attr('id','line'+(++c)).attr('class','').show();
28. console.log("create new row");
30. $('line'+c).contents().attr('id','line'+(c)).attr('id','id'+c); //issue
31. console.log("child colored "+'line'+c+"");
32. });
34. $(document).ready(function() {
35. console.log("page loaded");
36. });
37. });
39. </script>
41. <button id=btnClone>New Line</button>
42. <div id=tmpClone class="ninja">
43. <button id=btnRemove>Remove</button>
44. Name: <input id="rep_firstname" />
45. Surname: <input id="rep_lastname" />
46. Contact Number: <input id="rep_contactnumber" />
47. Gender: <select id="rep_gender">
48. <option>Male</option>
49. <option>Female</option>
50. <option>Unspecified</option>
51. </select>
52. Dev1: <select id="rep_Dev">
53. <option>No</option>
54. <option>Something Sensible</option>
55. <option>Dev2Val</option>
56. <option>Dev3Val</option>
57. </select>
58. </div>
59. <div id=tmpList> </div>
61. </body>
62. </html>
Now as you can see the issue I have at the moment comes when I create a "New Line", it clones the line correctly and displays it with a "Remove" button, which works perfectly when clicked. What I want is when someone clicks the "New Line" button, not only to have the encapsulating DIV uniquely named, but also all the elements in it.

e.g: rep_gender => line#_gender

or rep_firstname => line#_firstname

Is there a way to loop through all the elements in the parent element?

Regards

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend