jQuery blur effect (of focusout)
Ik het de volgende (relevante) code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
echo '
<form action="vip" method="post">
<table>
<tr>
<td>User</td>
<td><input id="target" type="text" name="user" /></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="pass" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Login" /></td>
</tr>
</table>
</form>
<div id="status">Hallo </div>
'; ?>
<form action="vip" method="post">
<table>
<tr>
<td>User</td>
<td><input id="target" type="text" name="user" /></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="pass" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Login" /></td>
</tr>
</table>
</form>
<div id="status">Hallo </div>
'; ?>
<script type="text/javascript">
$('#target').blur(function() {
alert('Handler for .blur() called.');
});
</script>
Via. Alleen, als ik hem uitvoer en probeer werkt er niks, het enige wat ik in FireBug zie is:
Quote:
$("#target") is null
[Break on this error] $('#target').blur(function() {
[Break on this error] $('#target').blur(function() {
Gesponsorde koppelingen:
Code (php)
1
2
2
<?php
<script src="http://code.jquery.com/jquery-1.4.4.js"></script> ?>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script> ?>
Fit, linkje?
Code (php)
1
2
3
4
5
2
3
4
5
jQuery(document).ready(function() {
jQuery('#target').blur(function() {
alert('Handler for .blur() called.');
});
});
jQuery('#target').blur(function() {
alert('Handler for .blur() called.');
});
});
Hetzelfde met focusout.
Op de jQuery website zelf doen ze het zonder die functie, nogthans, ik heb het erin gepleurd:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<script type="text/javascript">
$(document).ready(function() {
$('#target').blur(function() {
alert('Handler for .blur() called.');
})
});
</script>
$(document).ready(function() {
$('#target').blur(function() {
alert('Handler for .blur() called.');
})
});
</script>
En dan krijg ik dit:
$(document).ready is not a function
[Break on this error] $(document).ready(function() {
Toevoeging op 16/11/2010 13:20:42:
Tim Kampherbeek op 16/11/2010 13:15:12:
Als ik het script gewoon zo uitvoer doet die het gewoon.
Hetzelfde met focusout.
Code (php)
1
2
3
4
5
2
3
4
5
jQuery(document).ready(function() {
jQuery('#target').blur(function() {
alert('Handler for .blur() called.');
});
});
jQuery('#target').blur(function() {
alert('Handler for .blur() called.');
});
});
Hetzelfde met focusout.
Dat werkt inderdaad... maar hoe kan dat nou? Waarom geen $ ervoor? Dat heb ik altijd geleerd....
Toevoeging op 16/11/2010 13:46:41:
k snap em, ik gebruik ook Mootools en die gebruikt ook $
Gewijzigd op 16/11/2010 14:46:29 door Hertog Jan
