Input value
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<script src="jquery-1.3.2.min.js"></script>
<input type="text" name="s" value="lol">
<script>
$(document).ready(function() {
$("#responsecontainer").load("result.php");
});
</script>
<a onClick="$('#responsecontainer').load('result.php?s='+ document.getElementById('s').value());" href="#">load</a>
<div id="responsecontainer">
</div>
<input type="text" name="s" value="lol">
<script>
$(document).ready(function() {
$("#responsecontainer").load("result.php");
});
</script>
<a onClick="$('#responsecontainer').load('result.php?s='+ document.getElementById('s').value());" href="#">load</a>
<div id="responsecontainer">
</div>
Gesponsorde koppelingen:
Waarom gebruik je document.getElementById als je jQuery toch al gebruikt?
Links die afgevangen worden door javascript moeten in principe return false terug geven.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<script src="jquery-1.3.2.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#responsecontainer").load("result.php");
$('a#haalop').click(function(){
$('#responsecontainer').load('result.php?s=' + $('input#blaat').val());
return false;});
});
</script>
<title></title>
</head>
<body>
<form action="#">
<input type="text" name="s" value="lol" id="blaat">
<a id="haalop" href="#">load</a>
</form>
<div id="responsecontainer"></div>
</body>
</html>
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<script src="jquery-1.3.2.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#responsecontainer").load("result.php");
$('a#haalop').click(function(){
$('#responsecontainer').load('result.php?s=' + $('input#blaat').val());
return false;});
});
</script>
<title></title>
</head>
<body>
<form action="#">
<input type="text" name="s" value="lol" id="blaat">
<a id="haalop" href="#">load</a>
</form>
<div id="responsecontainer"></div>
</body>
</html>
Zoiets denk ik.
Zie ook: http://docs.jquery.com
$(document).ready(function() {
$("#responsecontainer").load("result.php");
$('a#haalop').click(function(){
$("#responsecontainer").empty().html('<img src="/greybox/indicator.gif" />');
$('#responsecontainer').load('result.php?s=' + $('input#blaat').val());
return false;});
});
</script>
dit werkt ook niet...
Bedankt
linkje: http://seriez.co.cc/test
Gewijzigd op 16/05/2010 12:03:51 door Martin Essink
