|
JavaScript - Permission Denied To Access Document Property In Firefox
Hello,
I have WordPress installed in a directory of my website, and I'm using an iframe on the homepage to embed the blog. I'm using a javascript code that I found online to automatically resize the iframe based on the content inside of it. This is the code: Code: <script type="text/javascript">
function resizeIframe()
{
document.getElementById('blog').style.height =
document.getElementById
('blog').contentWindow.document.body.scrollHeight + 'px';
}
</script>
This works perfectly in Google Chrome. However, in Firefox I get this error in the console: Code: Error: Permission denied to access property 'document' Source File: http://mysite.com/index1.html Line: 24 I don't have any experience with javascript, but this makes no sense to me, because it should work since the iframe document is on the same domain and server as the parent page. The parent is "mysite.com/index1.html" and the iframe document is "mysite.com/blog/". Why is Firefox complaining about this? It shouldn't violate the "same origin policy" that I have read about. Any help with getting this to work would be appreciated. Similar Tutorialshi, so I have this page: here which, if you change the select boxes and the start and end values are different, it calls a function in the iframe page (which is here by the way) which was all working great until I looked at it today and it's stopped working... according to me, I haven't changed anything, but now I get the error saying "Permission denied to access property 'calcRoute' " (calcRoute being the function that gets called in the iframe page) I don't really know anything about iframes, but this was working before... any ideas why it stopped? Error: uncaught exception: Permission denied to get property HTMLDocument.location My issue is that I have several partner sites on different domains that bring in my header and navigation via an Iframe. These partner sites do not host any of the code. Within this iframe I have a search box. When a user enters their search from outside the iframe it works fine. If a user tries to submit a search from within the iframe the following error occurs: Error: uncaught exception: Permission denied to get property HTMLDocument.location Now I know this is a security issue, it is explicitly disallowed when the iframe is from another domain -- it violates the same-origin policy. However I don't have any other method of doing this. I am hoping there is some sort of work around for this. Any ideas? You can see my test page he http://www.arcade-at-home.com/search/ the search in the upper left works, but the same search in the iframe doesn't. (as explained above) I'm sure people have found a way around this somehow. Any help is appreciated! search code within iframe: head: Code: <SCRIPT TYPE="text/javascript">
function familyWebSearch() {
var searchValue = document.webSearch.searchKeyword.value;
var searchLocation = "http://family.go.com/websearch/" + searchValue;
top.document.location.href = searchLocation;
return false;
}
function familyComSearch() {
var searchValue = document.webSearch.searchKeyword.value;
var searchLocation = "http://family.go.com/search-familycom/" + searchValue;
top.document.location.href = searchLocation;
return false;
}
function family1000Search() {
var searchValue = document.webSearch.searchKeyword.value;
var searchLocation = "http://family1000.family.go.com/" + searchValue;
top.document.location.href = searchLocation;
return false;
}
</script>
body: Code: <form id="webSearch" name="webSearch" onSubmit="return familyComSearch()" rel="nofollow" target="_top"> <div class="input"> <input type="text" name="searchKeyword" value=""/> </div> <div class="search-type"> <input type="image" src="http://static.family.go.com/images/web-search.gif" alt="web" value="web" onClick="return familyWebSearch()" /> <input type="image" src="http://static.family.go.com/images/family-search-active.gif" alt="family.com" value="internal" onClick="return familyComSearch()" /> <input type="image" src="http://static.family.go.com/images/family-1000-search.gif" alt="family 1000" value="family1000" onClick="return family1000Search()" /> </div> </form> I'm new to JavaScript, just started an adult education class in it. I wrote a simple script to view a list of document properties and their values. This part works in Internet Explorer: for (var prop in document){ p_prop = prop; p_list[i] = p_prop + " : " + document[prop] + "<br />"; but doesn't in FireFox. I was wondering how to get the value of a property in FireFox. Thanks. Dear Experts, I've a javascript tool to send xml data, which started throwing password denied error after I migrated to IE8 (windows 7). Below is the code where it fails (xhttp.open). Any suggestions on what settings/code change should be done for IE8? var xhttp = new ActiveXObject("msxml2.xmlhttp"); xhttp.open ("POST", reqString, false); Thanks in advance. hi, I am getting Permission Denied java script error message while submitting a web page. when i remove the lines of code at which error occurs, even then the error message comes up at some other line of code. Any clues of which documentation i should refer for this error. I am running the application on Netbeans and using IE6. Does any one know the problem and the solution. Im trying to run some jquery on my website but when i try and use them i get this following error in IE8 Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET CLR 3.0.04506; Media Center PC 5.0; SLCC1; InfoPath.2) Timestamp: Fri, 14 May 2010 18:37:55 UTC Message: Permission denied Line: 19 Char: 25131 Code: 0 URI: http://runningprofiles.com/members/s.../jquery.min.js I got no errors in FF but nothing works.... The webite that the code is on is he http://runningprofiles.com/members/s...ll_Script.php# any help would be great Trying to use js to reload an iframe so that it can do a query again and show a live update to the given number. I'm doing: <code> <iframe id="ifrm" name="ifrm" onload="ifrm.window.location.reload();" src="url" width="400px" height="100px" scrolling="no" frameborder="0"> Sorry, your browser doesn't support iframes. </iframe> </code> Any ideas? I have two servers jboss and ejabbered and i have deployed two html files, one on each as follows: testdirver.html deployed on ejabbered <html><head> <script> function viewmembers() {var w=window.open("http://192.168.56.134:8080/nkms1/kms/test.html");} </script> </head> <body><form name="sub" > <input type="text" id="to" name="to"> <button onClick= "viewmembers();"> </form></body></html> test.html on jboss <html> <script> function abc() {alert(window.opener.document.forms[0].to);} </script> <body onload=abc();></body></html> Problem: window.opener.document gives the js error "Access is Denied" which i am not able to understand. Exchanging the two files on the servers(i.e. testdriver.html on jboss and test.html on ejabbered works fine and i get the output [object]). So i am guessing there is something that has to do with the ejabbered server This relates to FireBugLite. Can anyone tell me why this happens and how to change what so I can see the code. HTML, CSS and DOM tabs work OK. All are local files except for FireBugLite Thanks I am using XMLHTTPRequest to invoke a url from my web page. I am running in Firefox 3.0 and am getting 'Access to restreicted URI denied' error. The domain of my page is 'serverorta' while the url I'm trying to invoke is 'serverortb'. In both urls the server name is the same, but the port numbers are different. Is there a solution to this issue?
Any help would be awesome and much appreciated! I'm trying to change an id by referencing the previous site the user was on. In this case the user will be coming from either facebook or linkedin. I'm not sure if i'm calling the referrer property correctly. Again, any help is greatly appreciated! <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script language="JavaScript"> if(document.referrer.toLowerCase().indexOf("facebook") != -1) { document.getElementById("phone").innerHTML = "555.555.5555"; } else if (document.referrer.toLowerCase().indexOf("linkedin") != -1) { document.getElementById("phone").innerHTML = "222.222.2222"; } else { //Default code } </script> </head> <body> <p id="phone">123.456.7890</p> </body> Hello I am new to javascript and have the following question: Is it normal that the Document.links property only counts links that are placed before the command? example: Code: <body> <script type="text/javascript"> document.write (document.links.length); </script> <p><a href="http://www.youtube.com/watch?v=gt9j80Jkc_A#">Youtube link</a></p> <script type="text/javascript"> document.write (document.links.length); </script> </body> The result is Quote: 0 Youtube link 1 How can I avoid this? Only by putting the code at the end of the document? And since i am asking? Is it possible to search a entire document for a string and replace that string with one command? (don't give me exact solution please just a hint what direction i should be searching in). Kind regards Hey, this error ONLY occurs in IE. "Unexpected call to method or property access." I pinpointed it to this line: o.appendChild(e); The full function is: Code: function aO(d, t, src, p, id ){
alert('aO has begun.');
var o, e, i;
if (!ie){ o = cE('object');o.data = src; }
else { o = cE('embed');o.src = src; }
o.id = id;
if (!ie){ p.push( ['movie', src] ); }
if ( typeof(id) === 'String' ){o.id = id;}
o.type = t;
o.style.width = '210px';
for(i = 0; i < p.length; i++){
e = cE('param');
e.name = p[i][0];
e.value = p[i][1];
o.appendChild(e);
}
d.appendChild(o);
alert('aO has finished.');
}
What it does is write a flash object to the page. The FULL code is: Code: <!-- Chat Options -->
<noscript>
It appears that you do not have JavaScript enabled. Please enable it, otherwise you cannot view the chatbox.
</noscript>
<div id="chatWrap">
<ul id="ccon" style="display:none;">
<li><a href="javascript:void(0);" onclick="switchChat();">Switch to <span id="cnext">Chat Title</span></a></li>
<li><a href="javascript:void(0);" onclick="resizeChat();"><span id="csize">Expand</span> Chat</a></li>
<li><a href="javascript:void(0);" onclick="toggleChat();"><span id="chatToggle">Close</span> Chat</a></li>
</ul>
</div>
<div id="cbox" style="display:block;"></div>
<!-- Chat Script -->
<script type="text/javascript"><!-- // --><![CDATA[
var chats = [];
chats[0] = ['Main Chat', 'Uber-Anime-Chat', 1236404792847];
chats[1] = ['Roleplay Chat','Uber-Anime-Roleplay', 1236403501064];
var chat = {
'opt': 'a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k=666666&l=333333&m=000000&n=CCCCCC&s=1&t=0',
'ref': 'www.uber-anime.com',
'cur': 0,
'delay': 1.5,
'params': [['wmode','transparent'] , ['allowscriptaccess','always'] , ['allownetworking','internal']]
}
var chatState = 0;
var chatStates = [];
chatStates[0] = ['Expand', '300px'];
chatStates[1] = ['Shrink', '500px'];
function cE(e){return document.createElement(e);}
function cT(s){return document.createTextNode(s);}
var ie = false;
function aO(d, t, src, p, id ){
var o, e, i, embed;
if (!ie){ o = cE('object');o.data = src; }
else { o = cE('embed');o.src = src; }
o.id = id;
if (!ie){ p.push( ['movie', src] ); }
if ( typeof(id) === 'String' ){o.id = id;}
o.type = t;
o.style.width = '210px';
for(i = 0; i < p.length; i++){
e = cE('param');
e.name = p[i][0];
e.value = p[i][1];
o.appendChild(e);
if(ie) {
embed = cE('embed');
embed.setAttribute(p[i][0], p[i][1]);
}
}
if(ie) o.appendChild(embed);
d.appendChild(o);
}
function switchChat() {
if (document.getElementById('cbox').hasChildNodes())
while (document.getElementById('cbox').childNodes.length >= 1)
document.getElementById('cbox').removeChild(document.getElementById('cbox').firstChild);
var x = chat.cur;
chat.cur = (x + 1) % chats.length;
var c = chats[x];
var src = 'http://st.chatango.com/flash/group.swf?ref=' + chat.ref + '&gn=' + c[1] + '.chatango.com&cid=' + c[2] + '&' + chat.opt;
document.getElementById('cbox').innerHTML = '';
aO( document.getElementById('cbox'), 'application/x-shockwave-flash', src, chat.params, 'chat' );
document.getElementById('ccon').style.display = 'block'; // qfix
document.getElementById('cnext').innerHTML = chats[chat.cur][0];
document.getElementById('chat').style.height = chatStates[chatState][1];
document.getElementById('csize').innerHTML = chatStates[chatState][0];
}
function resizeChat(){
if(chatState == 0)
chatState = 1;
else
chatState = 0;
document.getElementById('chat').style.height = chatStates[chatState][1];
document.getElementById('csize').innerHTML = chatStates[chatState][0];
}
function toggleChat() {
if(document.getElementById('cbox').style.display == 'block') {
display = 'none';
chatStateTxt = 'Open';
} else {
display = 'block';
chatStateTxt = 'Close';
}
document.getElementById('chatToggle').innerHTML = chatStateTxt;
document.getElementById('cbox').style.display = display;
}
function chatInit(){
if (navigator.userAgent.indexOf('MSIE') !== -1){ie = true;}
if ( chat.delay <= 0 ){
switchChat();
} else {
i = cE('img');
i.src = 'ajax-loader.gif';
document.getElementById('cbox').appendChild(i);
document.getElementById('cbox').appendChild(cT(' Loading Chat... If this message stays up, your browser may not be supported.'));
var clk = setTimeout( function(){ switchChat(); }, chat.delay * 1000 );
}
delete chatInit;
}
chatInit();
//]]>
</script>
Can anyone tell me how to fix this? This is ridiculously irritating, and it's important that I can fix it ASAP. Hi I have developed an internet mapping site which uses an html viewer with various frames to pull in a mapping window, a legend / key and a frame of tools amongst other things. It works absolutely fine in Internet Explorer version 6, but whilst testing it in Internet Explorer 7, my mapping window is not loading up the image. It might seem strange me posting this in a javascript forum but as the error is javascript related I thought I would give it a shot! The error message I am receiving is "Access is denied". After looking online, it appears as though this error could be linked to the use of frames; and those frames trying to access other windows with different document domains?? Does anyone know if new security measures have been implemented in IE7 which restricts the use of frames? My code is below; does anyone notice anything that might give this kind of javascript error? Any help will be greatly appreciated as I do not tend to dable too much in javascript! Code: <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>Intranet GIS Service</TITLE>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript" SRC="javascript/aimsResource.js" TYPE="text/javascript"></SCRIPT>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
// Designer will set the next variable - theTitle
//var theTitle = "Intranet GIS";
var theTitle = "";
if (theTitle.indexOf("###TITLE##")!=-1) theTitle = titleList[0];
var cmdString = document.location.search;
var webParams = cmdString;
var reloadTimer=0;
document.writeln("<TITLE>" + theTitle + "</TITLE>");
function doIt()
{
MapFrame.useJava=false;
MapFrame.checkParams();
}
function replacePlus(inText)
{
var re = /\+/g;
inText = inText.replace(re," ");
return inText;
}
function reloadApp()
{
//window.clearTimeout(reloadTimer);
//reloadTimer = window.setTimeout("document.location.href = 'viewer.jsp' + cmdString",1000);
//Above code replaced with this. Only the map should refresh after a resize, otherwise
//all added datashare layers are lost.
MapFrame.mWidth = MapFrame.getMapWidth();
MapFrame.mHeight = MapFrame.getMapHeight();
MapFrame.sWidth = screen.width;
MapFrame.sHeight = screen.height;
MapFrame.loadBannerLeft = parseInt((MapFrame.mWidth - 119)/2);
MapFrame.loadBannerTop = parseInt((MapFrame.mHeight - 72)/2);
MapFrame.document.getElementById("theMap").style.width = MapFrame.sWidth;
MapFrame.document.getElementById("theMap").style.height = MapFrame.sWidth;
MapFrame.iWidth = MapFrame.mWidth;
MapFrame.iHeight = MapFrame.mHeight;
MapFrame.legHeight = MapFrame.iHeight - 160;
var cmd = 'MapFrame.sendMapXML();';
cmd += 'MapFrame.document.getElementById("theImage").style.width = MapFrame.mWidth;';
cmd += 'MapFrame.document.getElementById("theImage").style.height = MapFrame.mHeight;';
window.clearTimeout(reloadTimer);
reloadTimer = window.setTimeout(cmd,1000);
}
</SCRIPT>
</HEAD>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
var browser = navigator.appName;
var moreStuff = 'onresize="reloadApp()"';
var addNS = 0;
if (browser=="Netscape")
{
addNS = 3;
}
document.writeln('<FRAMESET ROWS="' + (45+addNS) + ',*,30,0" FRAMEBORDER="No" FRAMESPACING="0" onload="doIt()" BORDER=2 ' + moreStuff + '>');
document.writeln('<FRAME NAME="TopFrame" SRC="topbar.htm" MARGINWIDTH="5" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE>');
document.writeln('<FRAMESET COLS="' + (30+addNS) + ',*,270" FRAMEBORDER="No" FRAMESPACING="0" BORDER="2">');
</SCRIPT>
<FRAME NAME="TextFrame" SRC="text.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE FRAMESPACING="0" BORDER="2">
<!-- If textframe is used-->
<FRAMESET ROWS="*,115">
<FRAME NAME="MapFrame" SRC="MapFrame.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="Yes" RESIZE="YES">
<FRAME NAME="ToolFrame" SRC="blank.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto" FRAMEBORDER="No" RESIZE="YES">
</FRAMESET>
<!-- If textframe is not used -->
<!--<FRAME NAME="MapFrame" SRC="MapFrame.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" RESIZE="YES">-->
<FRAME NAME="TOCFrame" SRC="TOCFrame.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto" FRAMEBORDER="No" RESIZE="YES">
</FRAMESET>
<FRAMESET COLS="400,*" FRAMEBORDER="Yes" BORDER=2 FRAMESPACING="0">
<FRAME NAME="ModeFrame" SRC="bottom.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE>
<FRAME NAME="ModeFrame" SRC="bottom.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE>
</FRAMESET>
<FRAME NAME="PostFrame" SRC="jsForm.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE FRAMESPACING="0" BORDER="2">
</FRAMESET>
<NOFRAMES>
<BODY>
<P>
</BODY>
</NOFRAMES>
</HTML>
Hi, I'm a newbie to the forum and jquery and have been trying to use it for a slick form wizard i found here. http://thecodemine.org/ It's almost complete but IE keeps giving me an error I've tried everything to fix with no luck. I'm using jquery-1.4.2.min.js and the error it's giving me is Unexpected call to method or property access. line 103 character 460 The code it highlights is: Code: {this.nodeType===1&&this.appendChild(a)})},
at the end of this line. Complete line is: Code: wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
Any help would be greatly appreciated. Thanks! FYI: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Timestamp: Tue, 15 Nov 2011 16:45:53 UTC Message: Unexpected call to method or property access. Line: 103 Char: 460 Code: 0 URI: http://custsatdev/contact/jqueryform...y-1.4.2.min.js Hi All, I have a javascript application i have built http://dtp3.demodesign.co.uk/uploader/ Now this working in everything excluding IE but i don't under stand why it dose not work in IE it is a JSON Class that loads appends the content. and has an Iframe System to provide a powerful solution to work with AJAX to show file lists Any way if you go to that site it errors in Ie but work in every thing else any one got any idear why that is Hi All, I have a web application which has two DIV, one is main and one is child. I am having problem in printing multiple pages. There is a lot of data in the child DIV and i am using JavaScript functions to control the print functionality. When i print using window.print(), only the data on the main page currently being showed is printed. I further researched and checked out the Style.Overflow property. Now i am using divMain.style.overflow = "visible" After this the complete print comes. But in Firefox, the scroll bar disappears and only single page is left with no scroll bar . Now if after print i give divMain.style.overflow = "Auto" OR divMain.style.overflow = "Scroll", still the scroll bar doesn't come and if it comes then its inactive. I am unable to see the complete data on the page after the print is taken. The problem is not coming in I.E and the full data with scroll bar is recovered in I.E. Please help me how to get the normal page with full data and scroll bar after printing in Firefox. My web pages are built with JSP + javascript + AJAX, so a little dynamic when loading a page (it is NOT a static HTML text page). As a common practice, when users visits my website, they can click on a hyperlink to open another webpage. When they want to go back, they can click the browser's BACK button that will bring them back to where they were. What happened to the firefox is that when its default CACHE runs out, it will display: Document Expired This document is no longer available. The requested document is not available in Firefox'x cache. ... [Try Again] The general solution is that I can go to the Options page to either increase the CACHE limit ot clean up the CACHE. But for a public user, they either do not know what to do or assume that my website has problem! Please offer some suggestion to solve this problem such that regardless the caching, the browser's BACK button (or script window.history.back() will always bring it back to the previous page. Thanks Scott P.S. I have tried: <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> --> <!-- <meta http-equiv="Pragma" content="no-cache" /> --> <!-- <meta http-equiv="Expires" content="0" /> --> I'm working on my own site for layouts for sites like Myspace and Ning. Myspace changed their layouts to no longer include CSS so I am working on a new way to post their layouts. I used this same method to post all our other layouts. For some reason this is not showing up in IE. Firefox: IE: Interestingly enough, when I run the debugger in IE it loads when it is done. If not I get the black hole effect above. ERRORS: Object required Not implemented Any help will be greatly appreciated! Code: bgImg = document.getElementById('bg').innerHTML;
tile = document.getElementById('bgtile').innerHTML;
att = document.getElementById('bgatt').innerHTML;
pos = document.getElementById('bgpos').innerHTML;
top = document.getElementById('mar').innerHTML;
ht = document.getElementById('marht').innerHTML;
alink = document.getElementById('sel').innerHTML;
col = document.getElementById('bgcol').innerHTML;
hed = document.getElementById('hdr').innerHTML;
bord = document.getElementById('bdr').innerHTML;
con = document.getElementById('ct').innerHTML;
div3 = document.getElementById('MS3css').innerHTML;
if (document.getElementById('bg')){
document.getElementById('bgimgEmpty').innerHTML='Background Image: <br /><textarea id="MS3" style="width:250px; height: 55px; background: #999999; color: #000000; padding: 2px;" onclick="select()" ><img src="'+bgImg+'"></textarea><br />';}
if (document.getElementById('bgtile')){
document.getElementById('bgtileEmpty').innerHTML='Background Tile: <br /><textarea id="MS3" style="width:250px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+tile+'</textarea><br />';}
if (document.getElementById('bgatt')){
document.getElementById('bgattEmpty').innerHTML='Background Attachment: <br /><textarea id="MS3" style="width:250px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+att+'</textarea><br />';}
if (document.getElementById('bgpos')){
document.getElementById('bgposEmpty').innerHTML='Background Position: <br /><textarea id="MS3" style="width: 250px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+pos+'</textarea><br />';}
if (document.getElementById('mar')){
document.getElementById('marEmpty').innerHTML='Marquee: <br /><textarea id="MS3" style="width:250px; height: 55px; background: #999999; color: #000000; padding: 2px;"><a href="http://skemaholicsanonymous.com/"><img src="'+top+'"></a></textarea><br />';}
if (document.getElementById('marht')){
document.getElementById('marhtEmpty').innerHTML='Marquee Height: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+ht+'</textarea><br />';}
if (document.getElementById('sel')){
document.getElementById('selEmpty').innerHTML='Selected: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+alink+'</textarea><br />';}
if (document.getElementById('bgcol')){
document.getElementById('bgcolEmpty').innerHTML='Background Color: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+col+'</textarea><br />';}
if (document.getElementById('hdr')){
document.getElementById('hdrEmpty').innerHTML='Header: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+hed+'</textarea><br />';}
if (document.getElementById('bdr')){
document.getElementById('bdrEmpty').innerHTML='Borders: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+bord+'</textarea><br />';}
if (document.getElementById('ct')){
document.getElementById('ctEmpty').innerHTML='Content: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+con+'</textarea><br />';}
if (document.getElementById('MS3css')){
document.getElementById('code2Empty').innerHTML='<form id="genDone"action="http://blog.skemaholicsanonymous.com/MSPreview3/preview.php" method="post" rel="nofollow" target="_blank"><textarea id="codebox" style="display: none;" name="genCode">'+div3+'</textarea><br /><input type="submit" value="Preview" id="prevLoad" /></form>';}
This is an example piece of code which I wish to add to an onkeydown event: Code: function keyListen(param1,param2,e) {
// keycode for ie
if(window.event) {
e = window.event;
var keycode = e.keyCode;
}
// keycode for firefox, safari and opera
else {
var keycode = e.which;
}
// if right arrow key was pressed execute a function
if(keycode == '39') {
someFunction(param1,param2);
}
}
Then somewhere else in my code I dynamically add the function to an onkeydown event like so: Code: document.onkeydown = function() { keyListen(param1,param2,event) };
This works great in Internet Explorer, Opera, Safari and Google Chrome but not Firefox. Firefox keeps reporting that event is not defined, is there a way around this problem? I have also tried this: Code: document.onkeydown = function() { keyListen(param1,param2) };
I excluded the event, but still the same outcome, works well in all browsers apart from Firefox. Please help me, thankyou. |
|||||||