JAVASCRIPT changing on click
Posted
by Webby
on Stack Overflow
See other posts from Stack Overflow
or by Webby
Published on 2010-06-06T23:18:42Z
Indexed on
2010/06/06
23:22 UTC
Read the original article
Hit count: 443
Hello, Id like some help changing this javascript onclick event to just load the data on page the page load... Preferably not using the body on load tag...
So obviously I'd pre set the var for term inside the script term rather than the excisting on click event..
Hope that made sense
<p><a id="keywordlink" href="?term=wombats">Get keywords for wombats</a></p>
<script type="text/javascript" src="keywords.js"></script>
<script type="text/javascript">
var x = document.getElementById('keywordlink');
if(x){
x.onclick = function(){
var term = this.href.split('=')[1];
this.innerHTML += ' (loading...)';
KEYWORDS.get(term,seed);
return false;
}
}
function seed(o){
var div = document.createElement('div');
var head = document.createElement('h2');
head.innerHTML = 'Keywords for '+o.term;
div.appendChild(head);
var p = document.createElement('p');
p.innerHTML = o.toplist;
div.appendChild(p);
var head = document.createElement('h3');
head.innerHTML = 'Details:';
div.appendChild(head);
var list = document.createElement('ol');
for(var i=0,j=o.keywords.length;i<j;i++){
var li = document.createElement('li');
li.innerHTML = o.keywords[i].term + '('+o.keywords[i].amount+')';
list.appendChild(li);
}
div.appendChild(list);
x.parentNode.replaceChild(div,x);
}
</script>
© Stack Overflow or respective owner