iframe question

**sherwood** · 14th May 2009, 02:41 PM

right,

on my site i got an iframe which has an option to open and close it,

i was wondering is there any way i can get it to like auto scroll down or the iframe open up at a position like 600px down the page?

sherwood Reviewed by sherwood on 14th May 2009. iframe question right, on my site i got an iframe which has an option to open and close it, i was wondering is there any way i can get it to like auto scroll down or the iframe open up at a position like 600px down the page? Rating: 5

**ACiD** · 14th May 2009, 04:15 PM

Yeah I would also like to know how to do that.

**Global** · 14th May 2009, 05:36 PM

http://lmgtfy.com/?q=how+to+make+an+iframe

**sherwood** · 14th May 2009, 05:46 PM

Yeah, if you read the question, i didn't need to know how to make an iframe as I have already made one,
What i need is when my iframe is opened it to be positioned at a certain place.

**deAthbLisS** · 14th May 2009, 05:58 PM

Example of Resizing iframe according to its own content:

Code:

In the head of your document enter the following JavaScript code:
 <script language="JavaScript">
<!--
function calcHeight()
{
  //find the height of the internal page
  var the_height=
    document.getElementById('the_iframe').contentWindow.
      document.body.scrollHeight;

  //change the height of the iframe
  document.getElementById('the_iframe').height=
      the_height;
}
//-->
</script>

  and in the body create the iframe tag: 

<iframe width="700" id="the_iframe" 
    onLoad="calcHeight();" 
    src="testing_page.shtml" 
    scrolling="NO" 
    frameborder="1" 
    height="1">
An iframe capable browser is 
required to view this web site.
</iframe>

**d3monic** · 14th May 2009, 08:43 PM

Code:

<script type="javascript">
function jumpScroll() {
       window.scroll(0,600);
}
</script>

<body onload="jumpScroll()">
content goes here
</body>

**sherwood** · 15th May 2009, 08:32 AM

right, well i'm not to clued up on html and coding and crap like that so i'm still a bit stuck.

where would I add this:

Code:

<script type="javascript">
function jumpScroll() {
       window.scroll(0,600);
}
</script>

<body onload="jumpScroll()">
content goes here
</body>

As what I am trying to do is integrate a link checker in to the code box in vbulletin,

this is what i got so far for coding it:

[CODE]<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">$vbphrase

Code:

:&nbsp;[<a onclick="HideFrameComingSoon()">Click to Open/Close Link Checker</a>]

<iframe id="comingsoon" allowtransparency="true" style="display:none; padding: 10px" scrolling="yes" src="http://tubenow.net/check.php?url=$_SERVER[SERVER_NAME]$_SERVER[REQUEST_URI]" width="80%" height="550"></iframe>
<script language="javascript">
<!--
function HideFrameComingSoon() {
var fr = document.getElementById ("comingsoon");
if(fr.style.display=="none") {
fr.style.display="block";
}
else {
fr.style.display="none";
}
}
-->
</script></div>
    <pre class="alt2" dir="ltr" style="
        margin: 0px;
        padding: $stylevar[cellpadding]px;
        border: 1px inset;
        width: $stylevar[codeblockwidth];
        height: {$blockheight}px;
        text-align: left;
        overflow: auto">$code</pre>
</div>

The bit in bold is the link checking part.

And what I am wanting to do is when someone clicks Open (to open the iframe) is for it to open but i want it to open at a certain position something like 600px

**d3monic** · 15th May 2009, 08:02 PM

Code:

<script type="javascript">
function jumpScroll() {
       window.scroll(0,600);
}
</script>

<body onload="jumpScroll()">
content goes here
</body>

In the actual page loading inside the iframe, the content of the page needs to be where it says "content goes here".

**sherwood** · 15th May 2009, 09:52 PM

hmm,
lol sorry. i'm still lost,

i tried this thing in to places,
1st I put the first part in the header template and the seccond part in the footer but didn't work,
so i then tried to put in into the actual bbcode template where the iframe is like this.

[code]<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">$vbphrase

Code:

:&nbsp;[<a onclick="HideFrameComingSoon()">Click to Open/Close Link Checker</a>]
<script type="javascript">
function jumpScroll() {
       window.scroll(0,600);
}
</script>

<body onload="jumpScroll()"> 
 <iframe id="comingsoon" allowtransparency="true" style="display:none; padding: 10px" scrolling="yes" src="http://tubenow.net/check.php?url=$_SERVER[SERVER_NAME]$_SERVER[REQUEST_URI]" width="80%" height="550"></body></iframe>

<script language="javascript">
<!--
function HideFrameComingSoon() {
var fr = document.getElementById ("comingsoon");
if(fr.style.display=="none") {
fr.style.display="block";
}
else {
fr.style.display="none";
}
}
-->
</script></div>
    <pre class="alt2" dir="ltr" style="
        margin: 0px;
        padding: $stylevar[cellpadding]px;
        border: 1px inset;
        width: $stylevar[codeblockwidth];
        height: {$blockheight}px;
        text-align: left;
        overflow: auto">$code</pre>
</div>

any help?

**d3monic** · 15th May 2009, 10:28 PM

The actual PAGE being loading INSIDE the iframe is where the code should be.. So in tubenow.net/check.php

That file needs to be edited...

You can send me the PHP file check.php and I can do it if you can't do it yourself.

iframe question

Thread Tools

Display

iframe question

Sponsored Links

Thread Information

Users Browsing this Thread

Similar Threads

[Need Help] IFrame Plugin

WTS: iFrame Traffic

iFRAME reloading

HTML - iframe help

[Buying] Traffic iFrame/Pop up/Bux

Tags for this Thread

Posting Permissions

themaManager - edit and manage...

themaPoster - post to forums and...

themaRegister - register to forums...

themaLeecher - leech and manage...

themaCreator - create posts from...