Библиотека Javascript. SE@RCHER

смотреть оглавление

примерразмер кода

<HTML>

<HEAD>

<TITLE>Линк загрузки в IFRAME текста из формы</TITLE>

</HEAD>

<BODY>

<h1><span>Passing data to an Iframe</span></h1>

<!--

last=""

function hilite(n){

if(last==n){return}

document.getElementById(n).style.fontWeight="bold"

if(last!=""){

document.getElementById(last).style.fontWeight="normal"

}

last=n

}

// -->

</script>

<b>Using URL</b>

<a href="#null" onclick="window.frames['iframe3_name'].location='page5.htm?'+document.pd.t1.value" onmouseover="hilite('h1')">From a text input box</a><br>

<a href="#null" onclick="window.frames['iframe3_name'].location='page5.htm?Value within the link' " onmouseover="hilite('h2')">Within the link</a>

</form>

</center>

</font>

<P>In the page loaded into the Iframe

<p>

<pre>

<!--

function init(){

var dataPassed = '';

if (location.search.length > 0)

dataPassed = unescape(location.search.substring(1));

document.getElementById("display").innerHTML=dataPassed

}

// add onload="init()" to the opening BODY tag

// -->

</script>

</pre>

</div>

<P>In the parent page

<p>

<a href="#null" onclick="window.frames['iframe_name'].location='page1.htm?'+<span id="h1">document.FormName.ElementName.value</span>">Load into Iframe</a>

<P><a href="#null" onclick="window.frames['iframe_name'].location='page1.htm?<span id="h2">Value within the link</span>' ">Pass value to Iframe</a><br>

</div>

<P><b>Referencing an Element</b>

<P>The following shows 4 examples of referencing elements in an iframe

<P><b>Example 1.</b>

<P>Pass value of form element in parent page to form element in iframe page.

<P>Coding on this page.

</form>

<P><a href="#null" onclick="window.frames['iframe_name'].document.f2.t2.value = document.f1.t1.value">Click to move into iframe textbox.</a>

<P><input type=text name=t1 value="Type Something Here"> and then <a href="#null" onclick="window.frames['iframe3b_name'].document.f2.t2.value = document.f1.t1.value"><b>Click Here</b>.</a>

</form>

<P><b>Example 2.</b>

<P>To Change the image inside the iframe.<a href="#null" onmouseover="window.frames['iframe3b_name'].document.img1.src='../red.gif'" onmouseout="window.frames['iframe3b_name'].document.img1.src='../red1.gif' "><b>Mouseme Here</b></a>

<P><b>Example 3.</b>

<P>To reference a DIV in the iframe <a href="#null" onclick="window.frames['iframe3b_name'].document.getElementById('display').innerHTML='Hi There' " onmouseout="window.frames['iframe3b_name'].document.getElementById('display').innerHTML='&lt;div id=\'\'display\'\'&gt; &lt;/div&gt;' "><b>Click Here</b>.</a>

<P><a href="#null" onclick="window.frames['iframe_name'].document.getElementById('display').innerHTML='Hi There' ">Click Here</a>

<P><b>Example 4.</b>

<P>To reference the body of the document in the iframe <a href="#null" onclick="window.frames['iframe3b_name'].document.body.innerHTML='As you can see everything has changed<P>Please refresh the page to reset the contents' "><b>Click Here</b>.</a>

<P><a href="#null" onclick="window.frames['iframe_name'].document.body.innerHTML='New contents' ">Click Here</a>

</BODY>

</HTML>