|
JavaScript - Is There Any Way Around Permission Denied To Get Property Htmldocument.location
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> 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? 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. 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? Code: <script language="JavaScript" type="text/javascript">
function confirmDelete(url){
var decision = confirm("Click OK to delete this post.");
if(decision == true){
window.location = url;
}
}
</script>
<!--HTML LATER ON -->
<a onclick="confirmDelete('deletePost.php?id=17')" href=''><img src='delete.png' alt='' title='Delete this post' /></a>
I get absolutely nothing out of this. The confirm box pops up, but a the URL never changes when I click OK. I have no clue what's going wrong here. I'm using Google Chrome to test this out if that helps. Also does not work in Firefox. Hi, I'm using the following Javascript code to show a div layer depending on the URL Code: <script type="text/javascript">
if (location.href.match(/folder/)) {
document.getElementById("div-layer").style.display="block";
}
</script>
This works perfectly when I visit http://www.domain.com/folder but I do not want it to match any subfolders beneath /folder, for example: http://www.domain.com/folder/sub-folder http://www.domain.com/folder/sub-folder2 etc. Does anyone know how I can modify the code to only match /folder or /folder/ and no subfolders beneath it? Thank you in advance. What are the differences between results of these two. Code: window.location.hostname or Code: document.location.hostname 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 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 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?
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>
1. When creating a new element using the create method, do the zIndex values of all elements that follow it change? If so how do I get the zIndex of all divs with a specific classname within a specified container? I'm working with dynamic drive's 'dhtmlwindow' object class file and have made revisions to it...however this is my first time working with this type of file and while some things are easy to change the zIndex change of the setfocus function does not look like any of my previous scripts. When I click on the image I want to get the "margin-left" value of its block. In the code below the margin-left is set at 100px. But when I click on the image the "margin-left" value shows in the "alert" as undefined. What code changes do I need to get the correct margin-left value? (Please, no guessing!) [CODE] <script type="text/javascript" > window.onload = function(){ document.getElementById("holder").onclick = showit; } function showit( ) { var marval = document.getElementById("holder").style.marginLeft; alert(" margin-left= " + marval + " typeof= " + typeof marval); } </script> <style type="text/css"> #holder{ padding: 0px; margin-left: 100px; } </style> </head> <body> <img id="holder" src="anyimage.gif" width="300px" height="200px" /> </body> [CODE] 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> I'm using ccs3PIE with my site. What I want to do is check if a DOM element has a css property like border-radius and then add a class to it. The problem I'm having is that I don't know how to check for the css property. I've been searching for it for a couple of hours now and I can't find anything that seems to work. Any ideas? Hi I need to change the font color of the disabled textboxes of our application. These disabled textboxes exist at thousands of places both at pageload or disabled conditionally clientside. I am aware that in IE8 there is no other way to change the fontcolor except use readonly. So i thought that maybe if I changed the .disabled property to something like - Code: Object.disabled {
function set() {
this.readOnly = value;
}
function get() {
return this.readOnly;
}
}
then it would make my task much easier. I searched and found out that Object.defineProperty ,may do the trick. However i am getting the mull reference error. Is there any other way? Hi, This is my first post while learning Javascript and jQuery as total noob. I have something like this: Code: var desc = "This is your title and here is even more that might be added so that we can get at least 60 characters or so";
var desc = desc.trim().substring(0, 40).split(" ").slice(0, -1).join(" ") + "...more";
alert(shortText );
It is actually being used on a page that calls a description from a MySQL table, but this example fails in exactly the same manner. Although FF and other browsers successfully initiate the script with errors, but IE loops endlessly and freezes up. FireBug reports "reference to undefined property a[d]". Using jQuery 1.6.2. I'm not really sure what property is undefined here and how this can work without freezing IE. Thanks in advance for any help! AJ Hello, I have the following object: Code:
var layers = {
photo1 : {
index : 1,
xPos : 63,
yPos : 48,
angle : 0
},
background : {
index : 0,
xPos : 278,
yPos : 163,
angle : 0
}
}
How can I sort the objects by the index property? Code: for(var layer in layers.sort(???))
{
}
Thx Very Much! |
|||||||