JavaScript - Post Url To Iframe And Load Site - Javascript?

Hi:

How can I extend this so that it posts the data from these 2 fields to an iframe,
and what code do I need in the iframe to capture the data and present it in 2 fields?

On the sending page, I have


<script type="text/javascript">
function passValue() {
var ddl = document.getElementById("ddlName");
var index = ddl.selectedIndex;
document.getElementById("txtValue").value = ddl.value;
document.getElementById("txtName").value = ddl.options[index].text;
}
</script>



<iframe ID="first_iframe" src="http://xxx.net/iPage.html" width="600" height="400">
</iframe>

sample code appreciated. Thanks

From an iframe, I want to load and play a playlist in a wimpy mp3 player in the parent page.

I can do it as if it is a popup window but it requires that from one iframe, I reload the player in the other iframe. Here are the functions given by wimpy:

Code:

<script language="JavaScript" type="text/JavaScript">
<!--


var wimpyWindow;
var winOpen= 0;
function wimpyPopPlayer(wimpyPopPage,theWidth,theHeight) {
	wimpyWindow = window.open(wimpyPopPage,'wimpyMP3player','width='+theWidth+',height='+theHeight);
	winOpen=1;
}
function wimpyPopPlayerWithFile(wimpyPopPage,initialFile,theWidth,theHeight) {
	wimpyWindow = window.open(wimpyPopPage+'?theFile='+initialFile,'wimpyMP3player','width='+theWidth+',height='+theHeight);
	winOpen=1;
}
function wimpyIsOpen(){
	if (winOpen==1){
		if (wimpyWindow.closed){
			return false;
		} else {
			return true;
		}
	} else {
		return false;
	}
}
function wimpyPopAndPlay(startOnLoad, theFile, theArtist, theTitle, graphicURL, hotlinkURL){
	if(wimpyIsOpen()){
		wimpyWindow.wimpy_addTrack(startOnLoad, theFile, theArtist, theTitle, graphicURL, hotlinkURL);
	} else {
		wimpyPopPlayerWithFile('home2.shtml',theFile,'325','350');
	}
}
//-->

</script>

Is there a way to do it that targets the player in the iframe without treating it like a popup window?

Any help greatly appreciated!

I'm slowly scraping away errors from a page im working on and ive found this forum to be very helpful- down to one more that i wanted to post on.
sample page is he http://darrenlasso.com/freelance/loo.../lookbook.html

Works fine in most all browsers except for IE8- ive even had to include built in ie7 compatibility to get it to work at all. Problem is most likely associated with my js, which is:
Code:

function ShowPage(frame)

 {
  frames[0].location = frame+'.html'
  }

and html is:
Code:

<div id="thumb1"><a onmouseover="ShowPage('frame1')"onclick="ShowPage('frame1')" rel="nofollow" target="mainbox"></a></div>
<div id="thumb2"><a onmouseover="ShowPage('frame2')"onclick="ShowPage('frame2')" rel="nofollow" target="mainbox"></a></div>
<div id="thumb3"><a onmouseover="ShowPage('frame3')"onclick="ShowPage('frame3')" rel="nofollow" target="mainbox"></a></div>

etc etc..


Which is just something i found online - probly isnt right for what im trying to accomplish. If you go to the site- you navigate by hovering over/clicking the images at the top and that loads a new page into the iframe below. Id like to be able to fix the errors and get it working without having to force ie7 compatibility if possible too. Any help is much appreciated

Ok, I am aware this will sound like a plug for my script, but please bare with me. I created a bookmarklet script to help me audit extremely large style sheets.

Basically while on a site that you would like to audit, you click the bookmarklet and the document's body contents gets remove and replaced with an iframe that points to the current sites home page. From here you can choose what style sheet (the script finds) to begin reporting over. The more pages you browse (through the iframe) the more accurate the report gets.

My problem however, is if the person is on the site's home page when first running the script, the iframe never loads up. I think it has to do with the fact that you are on the home page, and then the iframe tries to point to the home page as well and fails for some reason.

Is there any solution that comes to mind for anyone out there?

You can test it by bookmarking this bookmarklet and running it on any site's home page where style sheets can be found:

Get The Bookmarklet on this page

Again, it works great if you don't start the script from a sites home page.

Hello all, my second post!

I finally got the below script working in Firefox and was really pumped about it until I realized it didn't load in Google chrome or Safari.

What this script does is its a dual onclick event which makes a hidden div appear and loads an iframe within the now visible div. Here is the code, I would love any input on how to make this work in other browsers.

Here is the header code:
Code:

<SCRIPT type="text/javascript">
<!--

var state = 'none';

function showhide(layer_ref) {

if (state == 'block') {
state = 'none';
}
else {
state = 'block';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}
//-->
</script>


<SCRIPT type="text/javascript">
function loadIframe(iframeName, url) {
if ( window.frames[iframeName] ) {
window.frames[iframeName].location = url;
return false;
}
else return true;
}
</script>

Here is the code on the page where a link click shows the hidden div and loads the iframe contained.
Code:

<p><a href="#" onclick="showhide('div1');return loadIframe('ifrm1', 'http://www.google.com');">show/hide me</a></p>

</td></tr>
<div id="div1" style="display: none; position: fixed; z-index:4; width: 1010px; height: 500px; left: 5%; top: 15%;  background-color: #f0f0f0; 	border: 1px solid #000; padding: 10px;"><iframe name="ifrm1" id="ifrm1" width="100%" height="90%" scrolling="yes" frameborder="0">Sorry, your browser doesnt support iframes.</iframe><p><a href="#" onclick="showhide('div1')">close</a></div>';

As always, any input is greatly appreciated!

Hi,

1- I have 2 index files (parent) which contain an iframe each. The purpose of the index file is to provide a static template, a frame, for a title bar, navigation and footer. One index file is in French, the other in English (index-e, and index-f) in two disctinct folders.

2- I created several html files (in connection with the menu topics in the navigation bar) to be loaded and targeted at the iframe within the index file.

I need to be able to switch the iframe content from topic to topic (which is easy) AND from french to English for the same topic, at the push of a button.

The issue I have is this: if I put that button on the navigation bar, it will only switch language at navigation bar level (i.e the index file). If I put that button within each html file fed to the iframe, content will switch language but the navigation bar in the index will not follow.

In other words, if I switch topic within the same language, it works fine, but if I switch language for a specific topic, I cannot get the index file to switch language too. Do you understand?

I am looking for a way to let the browser know that a topic is now in a french, for instance, and the iframe content must be loaded in the french index file rather than the english one. It seems I will need some programming to achieve the result I want and I am a beginner javascript programmer. Before I get the know-how to approach such case instinctively and effectively, it will take a while. Any simpler workaround or javascript code I could insert in the index files and/or the html files fed to the iframe?

Please do not suggest php, or ssi as they are not viable options with the server I use. At least not for now...

Regards,

The Apprentice

Hi guys,

I am trying to insert the following call into my page;

Code:

      <script type="text/javascript" defer="true">
$('#query').autocomplete({
    serviceUrl:'service/autocomplete.ashx',
    minChars:1,
    delimiter: /(,|;)\s*/, // regex or character
    maxHeight:400,
    width:250,
    deferRequestBy: 0, //miliseconds
    params: { country:'Yes' }, //aditional parameters
    // local autosugest options:
    lookup: ['January', 'February', 'March', 'April', 'May'] //local lookup values
  });
</script>

It works fine in all browsers except ie(6,7,8) Code:

Internet Explorer can not open website. Operation Aborted.

I understand it is caused by the jquery autocomplete function loading before the page / DOM has fully loaded.

I tried adding Defer="true" to the script however this doesn't seem to work.

Could someone please tell me what i must add to the script so that it loads after the dom has fully loaded?

Thanks guys

George

I'm kind of new to javascript so forgive me for my ignorance.

Is their anyway to track right mouse click within an iframe that is linked to an external site (i.e. www.nbc.com)?

I'm trying to see if I can have a alert window say "This is an image" when i right click on an image within the iframe.

Hello,

First time on the forum and I am admittedly a complete noob, so forgive me for any grievous misconceptions.

I am a teacher trying to create a bulletin board on my website where students, teachers, and parents can post messages. I am trying to use the site linoit.com I am trying to embed that site on my website using an iframe url: http://www.capretto.net/stickyboard.shtml

My problem is that when you go to the message board on my site it asks your for a username and password to login to access my message board from linoit. I was hoping there is a scripts or other trick that will auto fill the username and password when the page loads so that the message board opens automatically.

Not too worried about privacy, but I could distribute the username and password to all interested parents, teachers, etc. but in my experience one more step between students and the information they need can be the difference between them not receiving the info.

I'd be happy to give any contributors credit on my site for their coding help. Thanks in advance.

Hey guys. Is there any any ANY way to read highlighted text of in an iframe that is displaying an external server / site? Say you select some text in the iframe and click a button outside of the iframe that prints the selected text to a textbox?

Really really would love to do this or any ANY workaround. This really sucks that its a security measure by default that doesn't allow this!! Ugh!

Hi Guys,

A client has given me some code but i need to add some code to it so it loads a URL along with the rest of the code. Below is the javascript code i need to work with, i know its to do with Google Tracking (Dart) but i dont understand it as I've never done JavaScript befo

Code:

<script type="text/javascript">
function dart_tracking(callback) {

// Google Conversion Tracking
var img = new Image();
img.src="
https://www.googleadservices.com/pagead/conversion/REMOVED/?value=0&label=REMOVED&guid=ON&script=0
";

var img2 = new Image();
img2.src="
https://www.googleadservices.com/pagead/conversion/REMOVED/?value=0&label=REMOVED&guid=ON&script=0
";

_gaq.push(['_trackEvent', 'subscribeButton', 'clicked']);

if (typeof callback != "undefined") {
setTimeout(callback, 1500);
}
}
</script>

Now the above code loads up when a subscribe button is clicked on my clients webpage, now how do i go about adding code to this so lets say http://www.Google.co.uk is loaded too?

Any help would be great.

Thank you!

Hello,

I have a page that uses the Yahoo Buzz JS widget which renders a button and count of clicks from Yahoo servers. The display of the widget is at the top of the page - which causes the rest of the page to appear to load slowly (cause it's waiting on the Yahoo JS to finish).

Ordinarily, I would place all JS calls at the bottom of the page as not to affect the performance of the rest of the page. But since this JS actually renders an UI element, I don't know how to move the code to the bottom of the page (if I move the JS, the UI widgit appears at the bottom).

Any suggestions on how to do this?

Code:

<div class="swidgets">
<script type="text/javascript" 
   src="http://d.yimg.com/ds/badge2.js"
   badgetype="square">
   http://www.example.com/page.htm
</script>
</div>

Hi to all

I have a javascript code that when a page loads, some contents must be load
within a given div tag.
But the problem is that this javascript code sometimes work an somtimes Not work.

What's the problem?

Thank You...

hello,
iam kind of new at javascript, but iam trying my best to be better and better.
so i have 3 divs (my_block, my_image, my_description) as you see in my code below

Code:

<div class = "my_block">
     <div class = "my_image">
          <img src="images/pic.jpg" width="600" height="600">
     </div>

     <div class = "my_description">
          <a> Description goes here.... ! </a>
     </div>
</div>

just i want to display the "my description" div only after the 100% image loading completion which exist in "my_image" div.

so how can i get this done with Javascript please ??
thanks a lot