I'm working on a project where I need to build a "web browser" within my web application. Using the iframe, I can't capture the current url and the DOM of the web page that the user is surfing. I realized that this has to do with the same origin policy guarding iframe.
I have the following 2 questions:
- Does anyone have any workable solution to overcome this issue?
- Is there any alternative to iframe so that I can let users to surf web pages within my web application? Or at the server side, I can do something?
(that works for mozilla based browsers) in Internet Explorer. The code above asks to the user to trust the script, so extends privileges such as same origin policy.
I have a page on local disk with 2 frames : A is a local page, B is on a server (for example http://www.google.com). I want A to access B properties (for example parent.B.location.reload() ); on Firefox it works perfectly (of course only after the consense of the user i.e me), but in IE I get a "Permission denied error".
I am trying find a way to create a specfic override to the same-origin policy between 2 frames so that I can use javascript find out the current url of frame2 from frame1.
I have read that I will need a digitally signed activex control for IE6/7 and I am not sure what is needed for other browsers.
I need this to be secure in that the override will:
- only allow frame1 (when loaded from mydomain.com) to find the current url of frame 2 - not work when frame2 is https
If this is possible does anyone know why I should not do this? If I use this in my app am I going to shoot myself in the foot?
I'm having a problem with same origin policy protection using JQuery 1.4.4 and the jquery.form.js AJAX plug-in. I have an AJAX contact form which works fine so long as visitors preface URL's they type in with "www". But if they navigate directly to a URL on my site (not using www), the URL resolves OK but the URL doesn't match what I use in my AJAX form. In Chrome, this results in a console error:
I am quite under the impression that I can make any CSS property work across the browser ( By that I mean IE6 ) using jquery. I guess I have written it right. Am I under wrong impression? I mean if it supports Opacity property, it might as well support min-width & min-height.
I got a table with td's and each of the got onchange and onclickwhen i change value of a td and click on other td i get the onchange event(of the first td) being fired and then the onclick (of the other td) being firedBUT...if inside the onchange event I use transformNode function , it will result in disabling the onclick event of the other td...How can I solve this issue and make the onclick event being fired ???
I've been trying to show a div using jQuery's show function with the scale effect. My code works fine in Firefox. When I test it in IE7, it breaks. I narrowed it down to either the origin argument of the scale effect, or the time argument of the show function (which seems unlikely). Like this:
Works in IE7, italics added to show commented code better:
I'm doing a JSONP query of a Wordpress database. Example call:[URL].. This code returns the expected data when executed on my local server. It also returns the expected data when I upload it to one of my remote servers. But it fails when run from the root of the domain it's calling, [URL]... no data is returned. (Behavior is the same for latest versions of Firefox, Safari, Chrome.)
I think there's something really simple going wrong here but don't know what it is. The only clue I have is provided by Firefox: When run successfully, all of the GET's appear in the JS subpanel of NET. The failed calls, launched from the domain containing the database, are listed in the XHR subpanel with a status of "301 Moved Permanently".
I'm trying, so far unsuccessful to make a function to change the name of a hidden input based upon the country of the user, i have some php code that determines there country of origin of the user fine. I then have a small java script function to change the name of the hidden input depending on the country of origin.
The php variable that holds the country of origin is $country; that variable then needs to be assigned to x in my java script function. $country is equal to AU if your in Australia and US if your in America.[code]...
I have a web form with several fields. If I copy & paste from a RTF document into a field, the javascript validation and field length are bypassed and cause the form to fail.
I'd like to resize an iframe into which different (same domain) pages of differing heights are loaded. I can do a first-time resize no problem. It's the subsequent reloads that need to pass back their height to the parent page There seem to be lots of solutions for that around, but few I can see for resizing each time the iframe reloads. One is described here on another board [URL] but unfortunately the test page is no longer around (or indeed the site), so the full code is no longer available there. This one works, almost, for me: [URL] it does resize for me, but not quite sufficiently high each time - about 90% of what is required: [URL] Is there a way to add on sufficient extra margin that scrollbars no longer appear?
Is there a way to resize an iframe dynamically so that you never get the scroll bar and essentially hide that there is an iframe? Better integration really.Basically I want to iframe a forum into my site so that the design down the sides and top which my friend does using iweb are not messed with.We have a central area which can be longer or shorter depending on the forum.
I have a page A and inside it I have an iframe B. B points to another php file that shows a form (so basically in the iframe we see a form). When I submit the form, I call to another page C that verifies the fields of the form and if they are ok I redirect to page X, if not I redirect to page Y. The problem is that I see page X and Y inside the iframe, and I want to see them in the parent page.
I have a page that displays in an iframe. How to get the index of the iframe in the parent window in which my page is getting displayed using javascript.
HTML Code: <html> <iframe src="A.html"></iframe> <iframe src="B.html"></iframe> <iframe src="C.html"></iframe> </html>
if I run the javascript from B.html then I should get the iframe position as 2. same way, if I run the javascript from C.html then I should get the iframe position as 3.
I have a web page which will display another web page in an iframe. But the content inside the iframe may change while the user interacts with it so I need to be able to resize the iframe height from code on the page inside the iframe. Any tips on how I can do that? I am using php and javascript.
How would i go abouts putting a javascript code into a hidden iframe and then have it update new messages to another frame if there is a new message?
By message i mean it checks the database for a new message ( this is for a chat ) Its the javascript im not sure how to set up... If someone could point me in the right direction thatd be great.
How would i change iframe content from another? ? I just need the 1 line code not a whole example, what i have atm is the page refreshes and a new variable is given i want the variable displayed on another iframe.
'm using dhtmlmodal for creating modal windows.Modal window is created inside a "iframe".My problem:I open a modal window, that window is redirected to another page in a different server and I try to close the window with javascript.But dhtml modal closes the window with:Quote:parent.vmodal.hide() Due to the window in the iframe is from a different host, it say "permission denied".Also windows.close() doesn't work with a iframe. My question How can I close an iframe from inside the iframe?
I have an order-administrations-system with 2 iFrame (left and right). Can I somehow click a link in the right iFrame and use that info to set a value in a field in the left iFrame?
Getting to the poiint; I have a 'index.html' document that creates 3 iframes, each within a row of a 1 column, 3 row table. So I have a top (frame1), middle,(frame2) and bottom(frame3). Frame1 src="header.html" is a descriptive banner. Frame2 src="Start.html" is where the real application does all the work. Frame3 src="footer.html" is a footer, that may contain 1 or more images or small buttons.
I will include the code for index.html at the end:
What I can't seem to do is have "start.html" change the content or src of frame1, recall start.html is the src of frame2. When a button within a form within start.html is pressed (onclick), a cgi (c program) outputs new html into frame2, a mainmenu of buttons. Now frame2 contains a list of buttons, and I want frame1 to contain text "Main Menu". Likewise, in the mainmenu, when the settings button is pressed a cgi program will output the settings HTML to frame2, and I want frame1 to contain the text "Settings".
Sure, the cgi program could change/re-write the contents of "header.html", but whats the best method, and then, how to reload the iframe, or change it's src.
