Before
After
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
// Assign the value to the input with the id passed in
function changeTheWorld( idRef, val ) {
// Make sure browser supports getElementById
if(!document.getElementById ) return;
// Find the input by it's id
var inputObj = document.getElementById( idRef );
if( inputObj ) {
// Update the value
inputObj.value = val;
}
}
// Attach all of the behaviors requiured on the page
function attachBehaviors() {
// Make sure browser supports getElementById
if(!document.getElementById ) return;
// Find the link by it's id
var linkObj = document.getElementById( 'yourLink' );
if( linkObj ) {
// Attach the onclick handler
linkObj.onclick = function() {
changeTheWorld( 'yourInput', 'Hello Dolly' );
};
}
}
// Define the onload method and tell it to attachBehaviors
window.onload = function() {
attachBehaviors();
};
</script>
</head>
<body>
<form name='yourForm' action="">
<div>
<input type='text' name='yourInput' id='yourInput' value='Hello World'>
<a href='#yourInput' id='yourLink'>Change the world!</a>
</div>
</form>
</body>
</html>
No comments:
Post a Comment