Printable View
I have this line of code:
<div class="blue" onclick="myfunction()" id="blue2">
This works fine and makes the JavaScript work if you click the Div.
Is there a way to make it so you don't have to click it, but it works automatically upon page load?
Thanks.
Hi there davidwhite,
does this help...
cootheadCode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>basic template</title>
<style type="text/css">
</style>
<script type="text/javascript">
(function() {
'use strict';
function myfunction() {
}
window.addEventListener?
window.addEventListener('load',myfunction,false):
window.attachEvent('onload',myfunction);
})();
</script>
</head>
<body>
<div class="blue" id="blue2">
</div>
</body>
</html>
... or just
Code:<body onload="document.getElementById('blue2').click()">
Hi there Padonak,
I would suggest not. ;)Quote:
... or just....
Further reading:-
coothead
hello coothead )
of course you are right, but we can use such things sometimes obtrusive or not for example when debugging smth or else :D
Hi there Padonak,
You should also note that your example, unfortunately, does not seem to work in Safari 5.1.7. :eek:
coothead
IE,FF,Chrome and Opera VS SafariCode:<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>basic template</title>
<style type="text/css">
</style>
<script type="text/javascript">
function xx(){
var divs=document.getElementsByTagName('div');
for(var i in divs){divs[i].onclick=function(){alert(this.id||'no id defined! innerHTML = '+this.innerHTML);}}
}
</script>
</head>
<body onload="xx();document.getElementById('blue2').click()">
<div class="blue" id="blue2">
lol
</div>
<div class="blue">
megalol
</div>
</body>
</html>
4:1 Safari loose ))
