Is there any way to resize an iframe dynamically to the height of its content that works cross browser and works when the iframe content is on another domain than the main page (I have access to both pages, so code can be put in either) Also, it must resize when links in the iframe are clicked (ie when a new page within the iframe is loaded)
I have groups of elements that are scattered around my page but have identical id's so that I can reference them all at once (as a group).These elements are sitting inside of an iFrame, that is sitting inside another iFrame (that is building a nested navigation bar).So what I want to do is have a script sitting in the top document that when a button is pressed it will reference those double-nested identical id's and toggle their display.and this is what I have so far...(while testing, I do not have any identical id's)
I have a page with 2 iframes lets call them "navigation" and "main". Now in the frame navigation, if you click a link i need both frames to load a new page, lets say to google for the purpose of this example. I have the following in the frame "navigation": <a href="#click" parent.main.location='http://google.com'">Google-ize Me</a>
Now this works all fine and dandy in IE, but the problem lies in Firefox and Netscape. It doesn't seem to work.
If running off of the local filesystem, in Firefox, or if the security settings are set appropriately, in Internet Exporer, XmlHttpRequests can be sent to any domain of your chosing. But what about cookies? Can cookies be accessed for any domain of your chosing?
For example, although www.domaina.tld can't access cookies for www.domainb.tld, can c: access cookies for www.domainb.tld?
The way cookies are accessed in javascript (document.cookies) would suggest not, but I just wanted to make sure.
Im trying to make a "Search Many Sites from One Location". Heres my problem:
I have a form on my page which allows the user to enter a search term and select which site he would like the results from.
(the sites dont allow URL pasting) the sites are library catalogues.
heres my idea, can this be done?: User enters search term, selects site they want results from and enters submit.
This takes user to a framed page with frame1 being library catalogue. now either the frameset or frame 2 does this at timed interval gets the variable that was submited from search term entered and uses something like this bookmarklet
I'm fairly new to javascript and JQuery so please bear with me. I've written a simple app using JQuery whose purpose is to select the fastest mirror site. To this end I use several $.ajax calls - one to each mirror site -and I don't do anything with the data I get from these, I only use the order in which they respond to sort the sites from fastest to slowest. I'd share the code, but really the only thing it does is call the $.ajax function and append a line in a table using the success: callback. This works perfectly fine for most browsers, except IE which throws the 'access is denied' error. I know about cross domain restrictions and understand the reasoning behind - my plan was to put my script in the 'trusted' zone and enable the required options to bypass the problem as this will be used in a controlled environment, but no matter what I try my code won't run in IE. Some of my mirror sites are indeed in a different domain. What I have trouble understanding is why all other browsers (FF, Chrome etc), with their default configuration, allow my code to run flawlessly? If the reasoning behind IE blocking this is correct, then why do others allow it? Also obviously for my purpose using a server-side proxy makes no sense as I want to test the sites from the client side, not from the server. I've also read about other work arounds such as JSONP but unfortunately the sites that I'm testing cannot support this. But once again, what I'm really wondering about is why my code works flawlessly in other browsers..
I'm new to this group, and after doing a lot (and I mean a LOT) ofsearching, I can't find an answer for my problem:I'm basically trying to do a simple $.getJSON, and the setup issimple:Firefox 3.5 MacOSX, latest jQuery (1.3.2)the json file named "myjson.json" (I've reduced its contents to itsminimum for testing purposes and it validates in JSONLint):
{"result": "true"} The javascript: $.getJSON('http://site1:8888/myjson.json', {}, function(data) { alert
I'm building a web app that provides music information (i.e. info on artists, albums, songs, etc.) and for the info source I'm using the MusicBrainz API.
Now, I'm trying to load the data from an API call and process it, with jQuery.
This is the code I'm using:
With 'queryString' being the URL string for the request, and then I'd proceed to read the data out of the 'xml' object. Fairly simple.
However, this is where problems arise. The code works flawlessly when running locally on my computer, but does not work at all when I upload everything to my web server and try to run it there. I did some reading and have discovered that AJAX calls can't be made across different domains, due to security issues.
So I've read through numerous solutions, but almost all require either something with PHP (which I have absolutely NO knowledge of) or grabbing the data in JSON format (which apparently isn't subject to the same security restrictions). However, my main problem is that the MusicBrainz API does not return data in JSON format (in fact the only format it returns is XML).
JavaScript code is not traversing via Iframe with Cross Domain. Actually i was assigned with a project, to grab the top page URL, which has many Iframes, which are coming from different domains. The final sub domain has the JavaScript code, which has to grab the top page URL.
I'm writing this post as there are alot of questions about Cross Domain AJAX request so i'm going to give an overview of the different ways and the best practices Ok so there are 2 systems for this the key difference is how much control you have.
If you control the Requested site you can use Javascript Safe calling to that server, this is all done via a few Headers so to do this all you have to do is send some headers from the page your requesting.
The first is tell the browser that the site the AJAX call is coming from is allowed this is done with
"Access-Control-Allow-Origin: " Now this can be set to a wild card and allow all sites to access the page
"Access-Control-Allow-Origin: *" Or you can say only a set server can "Access-Control-Allow-Origin: mydomain.com"
This header allows GET requests but what if you need to post data to the site well you need to tell the browser that POST data is allowed to be sent Access-Control-Allow-Headers: GET,POST
Now we run into the problem that sending post data the browser will send the header Content-Type but your server has not told the browser its allowed to send that header so Access-Control-Allow-Methods: Content-Type Will allow the header to be sent if you wish to send any other custom headers you have to make your server tell the browser its allowed to send them this is done by adding them as a comma delimited list via the "Access-Control-Allow-Headers" header
Now if you dont have control well then your back to using a script that is local to the AJAX script then sending the data via cURL or another connection method to the remote server
my working project (needs a proxy): [URL]...currently working through this tutorial, I have setup a proxy and saved it as proxy.php[URL].. I just need to put this piece of code in my JavaScript but not sure where?!
I am trying to send values from a popup window to the parent window. The opener.parent event does not work in my case, as, my popup window is in a different domain. Code:
I'm using some javascript that senses the presence of an id on a page, creates an iframe containing cross domain content if it finds it and also resizes the iframe. It works great in FF, but IE stumbles if there's more than one iframe requested (especially IE6). If someone knows a better way to get IE to co-operate with this set up An acceptable alternative would be to only create one iframe at a time (which IE can handle), by using a link to trigger the iframe creation. I just can't figure out how to get that to work.The cross domain resizer uses the frame manager trick, the rest is homespun.
i am trying to resize an iframe which is not in same domain.I tried couple of ways as below: iam loading an html which is in other domain.I kept this syntax in script
function toBeCalledOnChildHTMLLoad() { parent.document.getElementById("ifameId").height = calculatedHeight; }
Still it is not working..Please suggest if u have any solutions on this.
The following topic had driven me nuts for a few hours. I have been reading article after article trying to get this to work, with no luck. Lets start with what im trying to do.I am making a JS file that people can link on their webpage, and will create tooltips on links (from data from my database). Ok np. I have a php file for testing.
Code: $item = $_GET['item']; if ($item == "test") {
I'm trying to access window opener properties for some ad code. Sometimes the launching page is in a different domain, and i need my script to recognize this fact and move on to something else without producing the "permission denied" error for all users to see. i've already got if(opener){etc.} in there but that still returns as true, even though we theoretically can't access properties of the opener which is in another domain.
Can anybody think of any solutions that don't involve ugly active X objects? I guess what i'm basically looking for is some way of saying "if permission is denied on this object, don't try to access it's properties and set to a default value instead".
An experiment i'm doing requires requires a synchronous cross-domain request, without using a proxy. I wondered if anyone had any ideas to help me achieve this.
Below is what I have tried, including my conclusions/assumptions (which i'll happily be corrected on if it solves my problem!):
The requirement not to use a proxy means I can't use the synchronous mode of XMLHttpRequest, as it will not let me go cross-domain.
On-demand loading of javascript enables me to achieve the cross-domain request by loading javascript of the form:
callback(data);
which on loading calls callback(), but it is not obvious how to make this synchronous. I've also managed to get the same effect using a hidden IFRAME, but again it relies on a callback. Is there a good way to wrap/transform this in to a synchronous request? Code:
I have two websites. One is my mediaWiki, and one is my production site.I would like to use the mediaWiki APIand $.post() to login to the wiki and retrieve pages from the Wiki.