Side navigation
Ticket #2747: special.html
File special.html, 6.3 KB (added by nathanhammond, August 21, 2008 07:43PM UTC)
Test case for href, action, and src attributes.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test Case: action, src, href</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
document.getElementById('test2').innerHTML = '<form id="testform2" action="special.html" method="get"><div><input type="text" /><input type="submit" /></div></form><img id="testimg2" src="exhibit.gif" /><a id="testanchor2" href="special.html"></a>';
// TEST 1
var testform = document.getElementById('testform');
document.getElementById('action_current_get').innerHTML = testform.getAttribute('action');
document.getElementById('action_current_get2').innerHTML = testform.getAttribute('action', 2);
document.getElementById('action_current_dom0').innerHTML = testform.action;
var testimg = document.getElementById('testimg');
document.getElementById('src_current_get').innerHTML = testimg.getAttribute('src');
document.getElementById('src_current_get2').innerHTML = testimg.getAttribute('src', 2);
document.getElementById('src_current_dom0').innerHTML = testimg.src;
var testanchor = document.getElementById('testanchor');
document.getElementById('href_current_get').innerHTML = testanchor.getAttribute('href');
document.getElementById('href_current_get2').innerHTML = testanchor.getAttribute('href', 2);
document.getElementById('href_current_dom0').innerHTML = testanchor.href;
// TEST 2
var testform2 = document.getElementById('testform2');
document.getElementById('action_current_get_2').innerHTML = testform2.getAttribute('action');
document.getElementById('action_current_get2_2').innerHTML = testform2.getAttribute('action', 2);
document.getElementById('action_current_dom0_2').innerHTML = testform2.action;
var testimg2 = document.getElementById('testimg2');
document.getElementById('src_current_get_2').innerHTML = testimg2.getAttribute('src');
document.getElementById('src_current_get2_2').innerHTML = testimg2.getAttribute('src', 2);
document.getElementById('src_current_dom0_2').innerHTML = testimg2.src;
var testanchor2 = document.getElementById('testanchor2');
document.getElementById('href_current_get_2').innerHTML = testanchor2.getAttribute('href');
document.getElementById('href_current_get2_2').innerHTML = testanchor2.getAttribute('href', 2);
document.getElementById('href_current_dom0_2').innerHTML = testanchor2.href;
// jQuery TEST 1
$('#jquery_action').append( $('#testform').attr('action') );
$('#jquery_src').append( $('#testimg').attr('src') );
$('#jquery_href').append( $('#testanchor').attr('href') );
// jQuery TEST 2
$('#jquery_action_2').append( $('#testform2').attr('action') );
$('#jquery_src_2').append( $('#testimg2').attr('src') );
$('#jquery_href_2').append( $('#testanchor2').attr('href') );
});
</script>
<style type="text/css">
body > dl > dt { font-weight: bold; }
</style>
</head>
<body>
<dl>
<dt>Current Browser Native:</dt>
<dd style="float: left; width: 400px;">
<dl>
<dt>ACTION</dt>
<dd>
<dl>
<dt>Element.getAttribute('action')</dt>
<dd id="action_current_get"></dd>
<dt>Element.getAttribute('action', 2)</dt>
<dd id="action_current_get2"></dd>
<dt>Element.action:</dt>
<dd id="action_current_dom0"></dd>
</dl>
</dd>
</dl>
<dl>
<dt>SRC</dt>
<dd>
<dl>
<dt>Element.getAttribute('src')</dt>
<dd id="src_current_get"></dd>
<dt>Element.getAttribute('src', 2)</dt>
<dd id="src_current_get2"></dd>
<dt>Element.src</dt>
<dd id="src_current_dom0"></dd>
</dl>
</dd>
</dl>
<dl>
<dt>HREF</dt>
<dd>
<dl>
<dt>Element.getAttribute('href')</dt>
<dd id="href_current_get"></dd>
<dt>Element.getAttribute('href', 2)</dt>
<dd id="href_current_get2"></dd>
<dt>Element.href</dt>
<dd id="href_current_dom0"></dd>
</dl>
</dd>
</dl>
</dd>
<dd style="float: left; width: 400px;">
<dl>
<dt>ACTION: innerHTML</dt>
<dd>
<dl>
<dt>Element.getAttribute('action')</dt>
<dd id="action_current_get_2"></dd>
<dt>Element.getAttribute('action', 2)</dt>
<dd id="action_current_get2_2"></dd>
<dt>Element.action:</dt>
<dd id="action_current_dom0_2"></dd>
</dl>
</dd>
</dl>
<dl>
<dt>SRC: innerHTML</dt>
<dd>
<dl>
<dt>Element.getAttribute('src')</dt>
<dd id="src_current_get_2"></dd>
<dt>Element.getAttribute('src', 2)</dt>
<dd id="src_current_get2_2"></dd>
<dt>Element.src</dt>
<dd id="src_current_dom0_2"></dd>
</dl>
</dd>
</dl>
<dl>
<dt>HREF: innerHTML</dt>
<dd>
<dl>
<dt>Element.getAttribute('href')</dt>
<dd id="href_current_get_2"></dd>
<dt>Element.getAttribute('href', 2)</dt>
<dd id="href_current_get2_2"></dd>
<dt>Element.href</dt>
<dd id="href_current_dom0_2"></dd>
</dl>
</dd>
</dl>
</dd>
</dl>
<dl style="clear: left;">
<dt>jQuery:</dt>
<dd style="float: left; width: 400px;">
<dl>
<dt>$('form').attr('action')</dt>
<dd id="jquery_action"></dd>
<dt>$('img').attr('src')</dt>
<dd id="jquery_src"></dd>
<dt>$('a').attr('href')</dt>
<dd id="jquery_href"></dd>
</dl>
</dd>
<dd style="float: left; width: 400px;">
<dl>
<dt>$('form2').attr('action')</dt>
<dd id="jquery_action_2"></dd>
<dt>$('img2').attr('src')</dt>
<dd id="jquery_src_2"></dd>
<dt>$('a2').attr('href')</dt>
<dd id="jquery_href_2"></dd>
</dl>
</dd>
</dl>
<!-- Test Area -->
<div id="test1" style="display: none;">
<form id="testform" action="special.html" method="get"><div>
<input type="text" />
<input type="submit" />
</div></form>
<img id="testimg" src="exhibit.gif" />
<a id="testanchor" href="special.html"></a>
</div>
<div id="test2" style="display: none;">
</div>
</body>
</html>
Download in other formats:
Original Format
File special.html, 6.3 KB (added by nathanhammond, August 21, 2008 07:43PM UTC)
Test case for href, action, and src attributes.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test Case: action, src, href</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
document.getElementById('test2').innerHTML = '<form id="testform2" action="special.html" method="get"><div><input type="text" /><input type="submit" /></div></form><img id="testimg2" src="exhibit.gif" /><a id="testanchor2" href="special.html"></a>';
// TEST 1
var testform = document.getElementById('testform');
document.getElementById('action_current_get').innerHTML = testform.getAttribute('action');
document.getElementById('action_current_get2').innerHTML = testform.getAttribute('action', 2);
document.getElementById('action_current_dom0').innerHTML = testform.action;
var testimg = document.getElementById('testimg');
document.getElementById('src_current_get').innerHTML = testimg.getAttribute('src');
document.getElementById('src_current_get2').innerHTML = testimg.getAttribute('src', 2);
document.getElementById('src_current_dom0').innerHTML = testimg.src;
var testanchor = document.getElementById('testanchor');
document.getElementById('href_current_get').innerHTML = testanchor.getAttribute('href');
document.getElementById('href_current_get2').innerHTML = testanchor.getAttribute('href', 2);
document.getElementById('href_current_dom0').innerHTML = testanchor.href;
// TEST 2
var testform2 = document.getElementById('testform2');
document.getElementById('action_current_get_2').innerHTML = testform2.getAttribute('action');
document.getElementById('action_current_get2_2').innerHTML = testform2.getAttribute('action', 2);
document.getElementById('action_current_dom0_2').innerHTML = testform2.action;
var testimg2 = document.getElementById('testimg2');
document.getElementById('src_current_get_2').innerHTML = testimg2.getAttribute('src');
document.getElementById('src_current_get2_2').innerHTML = testimg2.getAttribute('src', 2);
document.getElementById('src_current_dom0_2').innerHTML = testimg2.src;
var testanchor2 = document.getElementById('testanchor2');
document.getElementById('href_current_get_2').innerHTML = testanchor2.getAttribute('href');
document.getElementById('href_current_get2_2').innerHTML = testanchor2.getAttribute('href', 2);
document.getElementById('href_current_dom0_2').innerHTML = testanchor2.href;
// jQuery TEST 1
$('#jquery_action').append( $('#testform').attr('action') );
$('#jquery_src').append( $('#testimg').attr('src') );
$('#jquery_href').append( $('#testanchor').attr('href') );
// jQuery TEST 2
$('#jquery_action_2').append( $('#testform2').attr('action') );
$('#jquery_src_2').append( $('#testimg2').attr('src') );
$('#jquery_href_2').append( $('#testanchor2').attr('href') );
});
</script>
<style type="text/css">
body > dl > dt { font-weight: bold; }
</style>
</head>
<body>
<dl>
<dt>Current Browser Native:</dt>
<dd style="float: left; width: 400px;">
<dl>
<dt>ACTION</dt>
<dd>
<dl>
<dt>Element.getAttribute('action')</dt>
<dd id="action_current_get"></dd>
<dt>Element.getAttribute('action', 2)</dt>
<dd id="action_current_get2"></dd>
<dt>Element.action:</dt>
<dd id="action_current_dom0"></dd>
</dl>
</dd>
</dl>
<dl>
<dt>SRC</dt>
<dd>
<dl>
<dt>Element.getAttribute('src')</dt>
<dd id="src_current_get"></dd>
<dt>Element.getAttribute('src', 2)</dt>
<dd id="src_current_get2"></dd>
<dt>Element.src</dt>
<dd id="src_current_dom0"></dd>
</dl>
</dd>
</dl>
<dl>
<dt>HREF</dt>
<dd>
<dl>
<dt>Element.getAttribute('href')</dt>
<dd id="href_current_get"></dd>
<dt>Element.getAttribute('href', 2)</dt>
<dd id="href_current_get2"></dd>
<dt>Element.href</dt>
<dd id="href_current_dom0"></dd>
</dl>
</dd>
</dl>
</dd>
<dd style="float: left; width: 400px;">
<dl>
<dt>ACTION: innerHTML</dt>
<dd>
<dl>
<dt>Element.getAttribute('action')</dt>
<dd id="action_current_get_2"></dd>
<dt>Element.getAttribute('action', 2)</dt>
<dd id="action_current_get2_2"></dd>
<dt>Element.action:</dt>
<dd id="action_current_dom0_2"></dd>
</dl>
</dd>
</dl>
<dl>
<dt>SRC: innerHTML</dt>
<dd>
<dl>
<dt>Element.getAttribute('src')</dt>
<dd id="src_current_get_2"></dd>
<dt>Element.getAttribute('src', 2)</dt>
<dd id="src_current_get2_2"></dd>
<dt>Element.src</dt>
<dd id="src_current_dom0_2"></dd>
</dl>
</dd>
</dl>
<dl>
<dt>HREF: innerHTML</dt>
<dd>
<dl>
<dt>Element.getAttribute('href')</dt>
<dd id="href_current_get_2"></dd>
<dt>Element.getAttribute('href', 2)</dt>
<dd id="href_current_get2_2"></dd>
<dt>Element.href</dt>
<dd id="href_current_dom0_2"></dd>
</dl>
</dd>
</dl>
</dd>
</dl>
<dl style="clear: left;">
<dt>jQuery:</dt>
<dd style="float: left; width: 400px;">
<dl>
<dt>$('form').attr('action')</dt>
<dd id="jquery_action"></dd>
<dt>$('img').attr('src')</dt>
<dd id="jquery_src"></dd>
<dt>$('a').attr('href')</dt>
<dd id="jquery_href"></dd>
</dl>
</dd>
<dd style="float: left; width: 400px;">
<dl>
<dt>$('form2').attr('action')</dt>
<dd id="jquery_action_2"></dd>
<dt>$('img2').attr('src')</dt>
<dd id="jquery_src_2"></dd>
<dt>$('a2').attr('href')</dt>
<dd id="jquery_href_2"></dd>
</dl>
</dd>
</dl>
<!-- Test Area -->
<div id="test1" style="display: none;">
<form id="testform" action="special.html" method="get"><div>
<input type="text" />
<input type="submit" />
</div></form>
<img id="testimg" src="exhibit.gif" />
<a id="testanchor" href="special.html"></a>
</div>
<div id="test2" style="display: none;">
</div>
</body>
</html>