Side navigation
Ticket #1884: jquery_test.html
File jquery_test.html, 1.3 KB (added by davidserduke, December 10, 2007 06:11PM UTC)
test case
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Tester</title>
<style type="text/css">
#container { background:yellow; width:200px; }
</style>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
var html1 = "<a href='#'>hello #1</a><scr" + "ipt>$(function () { alert('I will execute');" +
"$('a').click(function () { alert('hi'); return false; });" +
"});</scr" + "ipt>";
var html2 = "<div><a href='#'>hello #2</a><scr" + "ipt>$(function () { alert('I will execute');" +
"$('a').click(function () { alert('hi, but you won\\'t see me'); return false; });" +
"});</scr" + "ipt></div>";
$(function () {
$("button:first").click(function () {
$("#adiv").text(html1);
$("#container").html(html1);
});
$("button:last").click(function () {
$("#adiv").text(html2);
$("#container").html(html2);
});
});
</script>
</head>
<body>
<button>Load outside parent</button>
<button>Load inside parent</button>
<div id="container">
Hi
</div>
<div id="adiv"></div>
</body>
</html>
Download in other formats:
Original Format
File jquery_test.html, 1.3 KB (added by davidserduke, December 10, 2007 06:11PM UTC)
test case
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Tester</title>
<style type="text/css">
#container { background:yellow; width:200px; }
</style>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
var html1 = "<a href='#'>hello #1</a><scr" + "ipt>$(function () { alert('I will execute');" +
"$('a').click(function () { alert('hi'); return false; });" +
"});</scr" + "ipt>";
var html2 = "<div><a href='#'>hello #2</a><scr" + "ipt>$(function () { alert('I will execute');" +
"$('a').click(function () { alert('hi, but you won\\'t see me'); return false; });" +
"});</scr" + "ipt></div>";
$(function () {
$("button:first").click(function () {
$("#adiv").text(html1);
$("#container").html(html1);
});
$("button:last").click(function () {
$("#adiv").text(html2);
$("#container").html(html2);
});
});
</script>
</head>
<body>
<button>Load outside parent</button>
<button>Load inside parent</button>
<div id="container">
Hi
</div>
<div id="adiv"></div>
</body>
</html>