Search jQuery

jQuery Forum

Screen name:
priyranjan

priyranjan's Profile

8 Posts

10 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

I click on first div two times then click on the second div one time but get alert two times that "You have clicked on the second div"
[7Replies]
- 20-Jan-2015 05:48 AM
- Forum: Using jQuery
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
function myfun()
{
alert("You have clicked on first div");
$(".def").click(function () {
alert("You have clicked on the second div");
});
}

</script>
<style>
div
{
border: 1px solid blue;
width :200px;
height: 200px;
margin : 30px;
}
</style>
</head>
<body>
<div class="abc" onclick="myfun();">First Div</div>
<div class="def">Second Div</div>
</body>
</html>

I want the tag name in the alert box.
[1Reply]
- 04-Jan-2013 01:55 AM
- Forum: Using jQuery
Suppose I have a structure as below:

<div>
<span>hello span</span>
<p>
This is the paragraph
</p>
</div>

Now I want is that when clicked on the paragraph it will alert as "paragraph". If clicked on the div it will alert as "div". Means I want the tagname in the alert box.

Please help.

What is "this" in jquery? Is it a dom element or an object?
[1Reply]
- 04-Jan-2013 12:29 AM
- Forum: Using jQuery
I am using "this" in jquery but have not a clear idea about "this".
I recently read a tutorial saying this is a dom element as well as an object, depending upon the usage.

Please make clear.

Difference between preventdefault and stopPropagation.
[2Replies]
- 30-Dec-2012 07:11 AM
- Forum: Using jQuery
Well I understand the preventdefault meaning. Its work is to prevent the default action of the event. But I could not understand what stoppropagation does?

The documentation of stoppropagation uses the word bubble up. What does it mean?

Want to select the last tr of a table.
[2Replies]
- 15-Dec-2012 11:31 PM
- Forum: Using jQuery
I have a table without any class defined for any of its elements. I want to select the last tr of a table.

<table border="1" cellspacing="0" cellpadding="0" width="200">
<tr height="10">
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
</tr>
<tr height="10">
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
</tr>
</table>

$("table last-child") is not working.

I even tried $("table").children() it also not working. Please help

problem while submitting the form after the ajax response arrives
[2Replies]
- 22-Jul-2012 09:51 AM
- Forum: Using jQuery
I want to submit the form based on the return type of the ajax from the server. Suppose I want to submit the form if return data is "1" and don't want to submit the form if result is "0".

Problem is that in both the cases the form is being submitted.

Please tell me the problem in the code below:
2. <?php
3. if($_POST['name']!='')
4. {
5. echo "form has been submitted";
6. echo $_POST['name'];
7. }
8. ?>
9. <html>
10. <head>
11. <style>
12. .my_table
13. {
14. background-color: #33CCFF;
15. }
16. .my_td
17. {
18. font-family: Arial, Helvetica, sans-serif;
19. font-size:15px ;
20. color: #000000;
21. }
24. </style>
25. <script src="jquery.js"></script>
26. <script>
27. $(document).ready(function(){
28. alert("hello");
29. $("#frm").submit(function(){
30. var name=$("#name").val();
31. var roll=$("#roll").val();
32. if(name=="")
33. {
34. alert("Name cannot be blank ");
35. return false;
36. }
37. if(roll=="")
38. {
39. alert("Roll cannot be blank ");
40. return false;
41. }
42. $.ajax({
43. url: 'data.php',
44. type:'POST',
45. async:false,
46. data:{nm:name, rl:roll},
47. success: function(data) {
48. $('#result').html(data);
49. if(data=="0")
50. {
51. return false;
52. }
53. else if(data=="1")
54. {
55. return true;
56. }
57. alert('Load was performed.');
58. }
59. });
60. });
61. });
64. </script>
67. </head>
68. <body>
69. <form name="frm" id="frm" method="post" action="form.php" >
70. <table align="center" border="1" height="100%" width="100%">
71. <tr>
72. <td valign="middle">
73. <table width="50%" border="1" class="my_table1" align="center" valign="middle" >
74. <tr>
75. <td class="my_td">
76. Name:
77. </td>
78. <td class="my_td">
79. <input type="text" name="name" id="name"/>
80. </td>
81. </tr>
82. <tr>
83. <td>
84. Roll:
85. </td>
86. <td >
87. <input type="text" name="roll" id="roll"/>
88. </td>
89. </tr>
90. <tr>
91. <td colspan="2">
92. <input type="submit" name="submit" value="submit"/><span id="result"></span>
93. </td>
94. </tr>
95. </table>
96. </td>
97. </tr>
98. </table>
100. </form>
101. </body>
102. </html>

sending some data to the server using .load()
[5Replies]
- 18-Feb-2012 01:06 PM
- Forum: Using jQuery
Recently i was going through the ".load" method in jquery. Almost every thing i understood except one thing that how will i be able to send some data to server when requesting a particular page on the server. Suppose i want to send x=2 to the test.php on the server.

Please help me to find out answer.

why to use the .post instead of .ajax ?
[4Replies]
- 14-Jan-2012 10:24 PM
- Forum: Getting Started
why to use the .post instead of .ajax?
plz help me to understand.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend