JavaScript - Frame Breaker

I have this offer iframed on my website and I want it so that when they get to a certain page (i have the specific url), I can redirect it to another site. Is this possible by any chance?

i was doing some 3d things with unity3d, and i want to embed them into web pages, or to allow others to embed it into their pages...so i managed to do it with frames. now, there is a problem when i want to open the link to my site
from the application that is embedded, it opens the window but in frame, so that is just bad... embedded window is small, a bit larger then youtube default size, so it looks ugly when it opens site in it....

is there a way to pop up the window, or to open new tab from the frame?
and not to involve making scripts outside the frame because it will be harder to present the user what he needs to do in order to embed this content into his page?

any ideas? thank you!

Hi, I am sure there is a simple thing I am doing wrong.

I am using serif plus, (instead of dreamweaver), I have 12 pages, and am using 3 seperate master pages for various pages.

Master page B holds the repetitive information for page7.html and contained within page7 is an iframe linked to page18.html. On page7.html, beside the iframe I have six 'hot spots' anchored within the page displayed (page18). This works really well.

The problem I have is when page7.html loads it comes up at the top of the iframe, (half way down the main page), not the top of the page that contains it. I have tried putting an anchor at the top of page7.html and inserting code as in OnLoad, go to anchor etc., window.location, and just about everything else I could think of, but nothing seems to make the page open in the correct place. You have to scroll to the top each time.

Can anyone help with this please.

Not very experienced but hoping to learn.

Sybs

I'm trying to write a little Greasemonkey script (in Firefox) to manipulate the top bar Google Translate produces when translating a site. For example: http://translate.google.com/translat.../www.google.de.

Google has employed traditional HTML frames. According to many websites, I can use something like window.frames[0].contentDocument to access the first frame. However, this is refusing to work!

I have been debugging this for hours. I have verified that I am indeed running the script from the top-level window (window.parent === window.top), and I am able to manipulate the frames themselves without a problem. When I try something like window.frames[0].contentDocument.URL, it returns as about:blank (I also get this with the other frame, i.e., frames[1]). I have tried several different methods of getting at that frame, including getElementsByTagName("frame")[0] (which works for manipulating the frame itself, but not for editing the frame's content through contentDocument).

Here's my little script so far. I've included the first part so you can see for yourself that I'm definitely in the top-level window and using the right @include because it works. In this example, the URL returned is "about:blank" (again, I'm in Firefox).
Code:

// ==UserScript==
// @name           GTranslate
// @include        /^https?://translate\.google\.com/translate\?.*/
// ==/UserScript==

// change how the frame is displayed
var bar = document.getElementsByTagName("frame")[0];
bar.removeAttribute("noresize");

// manipulate the content inside the frame
var gt = bar.contentDocument;
alert(bar.URL);

Say you have a document with 2 frames with 2 buttons in one of the frames. If one button opens a window, how can you make the other button close it?

hi-

trying to set frame source from javascript- i cant get it to work..

Code:

<script>
stud = mm_adl_API.LMSGetValue("cmi.core.student_id");
newlink = ('https://blah.blah.blah&stud_id='+stud);
// -->
</script>
<frameset rows="*,80" frameborder="no" border="0" framespacing="0">
  <frame src="javascript:window.location(this.newlink)" name="thisname" />
  <frame src="bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="Scorm Handling" onload="mm_adlOnload()" />
</frameset>

Hello everybody

I have two frame in one page. say frame1 & frame2. Now I want to replace <body> to <body bgcolor="#FFFFFF"> in frame2. Is it possible?
if possible then please help me

I have two vertical frames. The left frame has an image that scales to 100% of the window's height. I am trying to make the page automatically resize the width of that left frame so that it exactly fits the scaled image's width in order to always give the right frame as much space as possible, but I can't seem to get it to work. Can anyone help me out? Here's the code for my frameset:

Code:

<html>
<frameset id="MyFrameset" cols="25%,*" frameborder="no" border="0">
<frame noresize="noresize" src="Leftframe.html" name="LeftFrame">
<frame noresize="noresize" src="Rightframe.html" name="RightFrame">
</frameset>
</html>

And here's the code for my left frame:
Code:

<html>
<body style="overflow:hidden; margin:0; padding:0"
onload="parent.document.getElementById('MyFrameset').setAttribute('cols', 'document.body.clientWidth,*', 0);">
<img src="image.JPG" style="border:none;" height="100%" alt="image"/>
</body>
</html>

Oh yeah, the reason why I need to do this is so if someone is viewing the page on a widescreen monitor, the left frame won't eat up more space than necessary.

In here is an example of a frameset im currently working. i have this frameset: http://www.mediafire.com/?75dvswgvelw19a9

what i want is when i select radio button "YES" and click on the "create" button in form1 http://www.mediafire.com/?eld7a1rb21h799e it will pass the value to radio button "ON" in form 2 http://www.mediafire.com/?f0o060cdpyf06ya and will call the function of the radio button "ON" -shows the hidden textarea. And if i select radio button "NO" in form1 and click on "create" button, it will select radio button "OFF" in form 2. help plsssssssss

.



• How do submit your input box value to another frame without the input box vanishing?
• This code is bloated. Below is the code with the gist highlighted (scroll).
• Relevant options?:
--- document.forms[].action
--- document.forms[].value
--- document.getElementById(typer).value

EXAMPLE: Type & Hit Enter (Viewable on: FF 3.6)


FRAME 1:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" lang="EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



<script type="text/javascript">

window.onload = function() {
  document.getElementById("typer").focus();
}





</script>











<style type="text/css">
body 
    {
     text-align:left;
     background-color: #FFFFFF;
     overflow: hidden;
     font-family:sans-serif;
     font-size: 60px;
     
     
    



    }



form, input, select, textarea {
     font-family:  Verdana, Arial, Helvetica, sans-serif;
     font-size:  100%;
     border: 0;
     position:absolute;
     top:180px;
     left:60px;

     


}



img
{
position:absolute;
left:0px;
top:300px;
z-index:1;
}

</style>
</head>
<body>







 <iframe id="ifm" name="ifm" src="F2.htm" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="no"></iframe>



<form name="form2" method=GET action="http://www.google.com/search">
<input type=text id="typer" name=q size=31 maxlength=255 value="">
</form> 










</body>
</html>

FRAME 2:
Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">




<style type="text/css">

html {overflow: auto;}
html, body, div, iframe {margin: 0px; padding: 0px; height: 100%; border: none;}
iframe {display: block; width: 100%; border: none; overflow-y: auto; overflow-x: hidden;}

</style>



<body>
</body>
</html>

.

I have plenty of information in my database now, and I'm thinking of making a double-frame style webpage that can pull content from the db. but the AJAX code I have is sometimes very slow. It might be my server though.

Could anyone shed some light on how the following website populates the right side frame with help content? http://vb.mvps.org/hardcore/

if you double click on the file on the left, the content immediately appears on the right. I'm guessing that it doesn't come from a database, because of pages like this: http://vb.mvps.org/hardcore/html/int...elibraries.htm

that same content can be seen by one of those help chapters too. So, there's a complete file for the link. Could someone tell me how exactly this works?

Hi...

I am having a problem with the resize...

I use the script below to adjust the size of the frame. It works nicely for me. The only problem is, the frame initially jumps to the bookmark, and then on the reload, jumps to the top of the page.

Any ideas on how to keep the frame at the bookmark in the web page, instead of jumping back up to the top????

Thanks much in advance....

<script>
<!--
function resize_iframe(){
if ( window.frames["MainWindow"].document.body.scrollHeight=0 )
{
}
else
{
document.getElementById("MainWindow").height=100
document.getElementById('MainWindow').height=window.frames["MainWindow"].document.body.scrollHeight + 20
}
}
// -->
</script>



<IFRAME src="main.htm" frameborder="0" scrolling="no" ID=MainWindow NAME=MainWindow HEIGHT=800 WIDTH=1012 onLoad=resize_iframe();></IFRAME>

I have a web page with two frames, frame1 and frame2. I have javascript code and an unordered list (<ul><li>...) in frame1. In the javascript code I am creating a new <div> element, but I am creating it in the html of frame2. Then I am attempting to append the <ul> node from frame1 to the <div> of frame2. Internet Explorer does not appear to allow this, I am getting an error when I attempt this. Firefox seems to allow this. Is this a security issue in IE? If so, is there any way to do this in IE?

Hello,

Sorry to bug again, need some help here. Need the search results to pop up on another frame.

Code:

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

//
// Script by Jari Aarniala [www.mbnet.fi/~foo -- foo@mbnet.fi]
//
// This script makes it easy to choose with which search engine
// you`d like to search the net. You may use this if you keep this
// text here...
//

function startSearch(){
searchString = document.searchForm.searchText.value; 
if(searchString != ""){
searchEngine = document.searchForm.whichEngine.selectedIndex + 1;
finalSearchString = "";

if(searchEngine == 1){
finalSearchString = "http://www.excite.com/search.gw?trace=a&search=" + searchString;
}
...

location.href = finalSearchString;
}
}


// -->
</script><basefont face="Verdana, Arial, sans-serif">

  <form name="searchForm" id="searchForm">
    <table cellspacing="2" cellpadding="3" width="320" bgcolor="#444444" border="1">
      <tbody>
        <tr>
          <td bgcolor="lightblue"><font face="Verdana, Arial, sans-serif" size="1">Search for:<br></font></td>

          <td bgcolor="lightblue"><font face="Verdana, Arial, sans-serif" size="1">Search from:</font></td>

          <td bgcolor="lightblue">&nbsp;</td>
        </tr>

        <tr>
          <td bgcolor="navajowhite"><input name="searchText"></td>

          <td bgcolor="navajowhite"><select name="whichEngine">
            <option selected>
              BMP
            </option>

            <option>
              AOTS
            </option>
...
            
          </select></td>

          <td bgcolor="navajowhite">
		  <input onClick="startSearch()" type="button" value="Send"></td>

And I'm using real frames.

Thanks

Hi everyone
i want to have a "onmouseover" that show a div and also mask 2 others div in a frame (which have id "mainFrame"). I have a javascript that is OK under FireFox, Safari, IE 7 but in IE 5 or 6 the others div are not mask when my mouse is going on the text.
Here's my code, if someone can help me !
Code:

<td width="180" valign="middle">
<div align="center" class="Menu">
<a href="javascript:showdiv_contact()" class="Menu" onmouseover="parent.frames['mainFrame'].document.getElementById('presentation').style.display='none';parent.frames['mainFrame'].document.getElementById('services').style.display='none';parent.frames['mainFrame'].document.getElementById('prestations').style.display='none';parent.frames['mainFrame'].document.getElementById('contact').style.display='block'" >Contact</a></div></td>

I also try to set the javascript in the head, like this:
Code:

<script language="javascript" type="text/javascript">
function aff_prest() {
parent.frames['mainFrame'].document.getElementById('prestations').style.display='block';
}
function masque_prest() {
parent.frames['mainFrame'].document.getElementById('prestations').style.display='none';
function aff_presentation() {
parent.frames['mainFrame'].document.getElementById('presentation').style.display='block';
}
function masque_presentation() {
parent.frames['mainFrame'].document.getElementById('presentation').style.display='none';
}
</script>

and then this in the onmouseover:
Code:

<a href="javascript:showdiv()" class="Menu"
onmouseover="javascript:masque_presentation();javascript:aff_prest();">Nos prestations</a>

but again that works on FireFox not in IE6

Thanks to everyone for your help!