using setAttribute to create unique attributes.
Alright please let me know if this is even possible.
I'm trying to load a javascript using javascript but I need some unique attributes.
Heres what I want:
Code:
<SCRIPT TYPE="text/javascript" for="CoolPlugin" event="specialEvent(methodName, parameters)" src="coolPlugin.js"> </SCRIPT>
Heres what I'm doing:
//I have a simple javascript file that gets loaded when the body loads, theres an 'init()' function that gets called and heres whats inside it:
Code:
init(){
var head = document.getElementsByTagName('head')[0];
var tag = document.createElement('script');
tag.setAttribute('type', 'text/javascript');
tag.setAttribute('src', 'coolPlugin.js');
tag.setAttribute('for', 'CoolPlugin');
tag.setAttribute('event', 'specialEvent(methodName, parameters)');
head.appendChild(tag);
}
What supposed to happen is that the event reacts to a key press (lets say when the user presses '1') and the font changes colors
From what it looks like, the 'for' and 'event' attribute dont seem to get appended.
Please let me know if you have any comments, suggestions, ideas, or any incite on solving this problem.
Re: using setAttribute to create unique attributes.
Since they are not valid attibutes, they can't be applied by setAttribute.
Re: using setAttribute to create unique attributes.
I'm not sure you even could use event attribute for script tag. It shouldn't work this way...
Here's an example I've just wrote. It adds a global listener event for onkeypress and changes background color when you press keys from '1' to '6'. The code works in both IE and non-IE browsers:
HTML Code:
<body id="mbody">
<script type="text/javascript">
function blockA(e) {
var keycode = (e.keyCode)?e.keyCode:e.which;
var mbody = document.getElementById("mbody");
switch(keycode){
case 49:
mbody.style.backgroundColor = "#99CCFF";
break;
case 50:
mbody.style.backgroundColor = "#CCCCCC";
break;
case 51:
mbody.style.backgroundColor = "#CC99CC";
break;
case 52:
mbody.style.backgroundColor = "#FF9900";
break;
case 53:
mbody.style.backgroundColor = "#669966";
break;
case 54:
mbody.style.backgroundColor = "#FFFFFF";
break;
default:
return false;
break;
}
}
</script>
<!--[if IE]>
<script type="text/javascript">
document.attachEvent('onkeypress',blockA);
</script>
<![endif]-->
<script type="text/javascript">
document.captureEvents(Event.KEYPRESS);
document.onkeypress = blockA;
</script>
<p>text1</p>
<p>text2</p>
</body>
hope this helps...
