i created a simple setup, one index.htm page with 2 page in leftframe rightframe setup, these pages are called left.htm and home.htm All pics are in a subfolder pics
Now comes the problem in the left.htm i created dropdownbuttons in plain html, in every button i have about 25 choices.
In the home.htm i created 5 iframe's called "1", "2", till "5"
Now i want some java code that allows me to select one option in every dropdown menu, then submit and it should show 5 pictures in the iframe's making 1 picture in total
second problem that i have is that my iframe's are cutting a border of my pictures, and i made them exactly the same size with no borders Can anyone help please?
It would help me a lot? If anymore questions please ask, if needed i can send the files in zipfile to anuy who like to check my code, i have allready some script but it doesen't seem to work please post your e-mail if you would like the files, it's only 20k.
I am using an iframe to access a certain page like this: <iframe id="iframe" src="http://www.example.com" width="100%" height="500"></iframe>I want to use javascript instead of this as I am able to put this on my blogspot blog, but not on wordpress. Wordpress does not allow iframes because of security issues, so I need an alternative.
What I want to be able to do from within an iframe is: check if parent.window.document.getElementById("autoloadpop") is null I guess that would be: if (parent.window.document.getElementById('autoload') == null) { etc
But then I want to add: <a href='popup.php' id='autoloadpop' onclick="return hs.htmlExpand(this, { contentId: 'popup', objectType: 'iframe', width: 620, maxHeight: 400} )"></a> to an existing div with the id 'main-header' in the parent page. And then make the following call: parent.window.document.getElementById('autoloadpop').onclick();
I have an iframe and I load a html page with jquery code.I have 2 checkboxes and I have 2 div in this iframe. That way when someone checks the check boxes it will appentTo html code into the div.I was not able to run any code or get them working. So I just wanted to test if I can do it. So I wrote basic code which is this:[code] I tried that code above. I won't work. It was to detect if the input check box named hosting_Service is checked. If it is checked then it will have a popup window with a message saying ok.I put this code it and tried it. Nothing happens when I click the check box.
I would you grab the source code from an IFRAME and display it in a textarea?
I'm trying to create a sort of preview page that both shows a rendered page, then shows the source code next to it.
[edit]: I'm thinking that using OnLoad JS event in the HTML body tag would allow this to work. The page loads, the OnLoad event calls a JS function that pulls the innerHTML from the IFRAME and inserts it into the textarea.
I am looking for a code to redirect visitor if they are visiting my actual page. I iframe part of the page on another page, so I want it to be visible, but if the user visits the page that is being iframed it will redirect them back to the original page where that page is iframed at?
I am writing one iframe dynamically from my code like below. document.write("<iframe src='" + location + "?querStr=" + querStr"' width='0px' height='0px'></iframe>"); location is something like - [URL] and the querStr is some parameters passing to the iframe. querStr contains some parameters which have timestamp appended. So the request url is always unique. In IE/FF2 i am seeing proper unique request (200 response code) but in Firefox 3, the url is getting cached. From my code (before sending the request) i can see proper generation of the request but actually the request url gets cached. I saw it using fiddler and the response code is 304.
Is there a way you can control history on a specific iframe?
Let say you have these file
index.html
a.html
b.html
As you can see it's just very simple page w/ 2 frames. I created 2 button that is specific to iFrame's history but... it does not work... Yes, it does perform "back" but at the the "top" level and not at specific iframe.... I tried this on both firefox and chrome..same behavior..
I am currently trying to script a way for the source code from a Rich Text Editor to be copied and saved as a .txt file in the same folder, when you hit the 'submit' button (see demo on link below).
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.
and in this code, it works, the call is made and text is added. in the other code I don't get a change at all. Not even in the database that add.php manipulates.
I am trying to make a gui for clients to edit a php page that displays html and javascript.
I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc.
Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file?
It's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a security risk if I allow such a thing. So I need to program a interface that would make such changes and save them to file.
Like how can you delete and add new javascript code to the file?
I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() { var f; var x; var myForm = document.forms[0]; // Get the row filters that were used in the last query.. for (f = 1; f < 16; f++) { var filter = eval("myForm.FilterList_" + f); if (filter.selectedIndex > 0) { var methodElement = element("FilterMethod_" + f); var methodIndex = methodElement.selectedIndex; var savedFilterMethodValue = methodElement.options[methodIndex].text; var choicesElement = element("FilterChoices_" + f); var choicesIndex = choicesElement.selectedIndex; if (isNaN(choicesIndex)) { var savedFitlerValues = choicesElement.value; } else { var savedFitlerValues = choicesElement.options[choicesIndex].text; } updateFilters(filter); // update the filters // take the saved methods and values and then update the selections // Alert here makes the code work.. // alert("Try this"); // Wait for HTML.. setTimeout("completeEdit()", 1000); function completeEdit() { // Since the object was updated, get the object again.. var methodElement = element("FilterMethod_" + f); for (x = 0; x < methodElement.options.length; x++) { if (methodElement.options[x].text == savedFilterMethodValue) { methodElement.options[x].selected = true; break; } else { methodElement.options[x].selected = false; } } // Since the object was updated, get the object again.. var choicesElement = element("FilterChoices_" + f); for (x = 0; x < choicesElement.options.length; x++) { if (choicesElement.options[x].text == savedFitlerValues) { choicesElement.options[x].selected = true; break; } else { choicesElement.options[x].selected = false; } } // Only display next row if f = 2.. // If only one row was used, no reason display the next row.. if (f == 2) { displayNextFilter(f - 1); // display it } } clearTimeout(timeOut); } } }
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
This works fine when I place this code under the html in the main source, but if I try to add this Jquery code to an external js sheet it doesnt seem to work?
Currently my js sheet is called in the header, when I move this link to the footer of my page the code works again, so Im guessing this has something to do with where the jquery code is placed in relation to the code Im trying to hide?
How I can keep my js in the header but still make the content disappear on click?
I am VERY NEW to javascript programming as I am to web development. I am pretty decent with VB.Net though. My question is, what are the different ways to call a JavaScript Function either from within XHTML Markup code or from a VB.Net Code-Behind file?
