www.webdeveloper.com
Results 1 to 2 of 2

Thread: iframe scrolling headache

Hybrid View

  1. #1
    Join Date
    Jul 2010
    Posts
    9

    iframe scrolling headache

    Hi,

    I'ms trying to include, in a non-scrolling iframe, a link to a web site for which i need the scrolling, vertically only. The user gets on my index.html, and never leaves it, the reason why the main iframe has no scrolling, so no scrolling bars and all.

    in order it would be like this :

    index.html contains iframe (mainiframe, no scrolling) -> a click of a button brings you to
    services.html (target="mainiframe") has a link that brings you to wordans.html (target="mainiframe" on index always), which contains an iframe (name="magasin" , no scrolling + two buttons in a flaoting right DIV for scrolling up and down) and contains as src a link to the external web site for which I need the scrolling.

    Here's what I got so far in my html's :

    <body text="#FFFFFF" link="#FFFFFF" vlink="#3c0" alink="#FFFFFF" class="smpage">
    <div style="height:340px; position:relative; width:710px; background-image:url(../images/bgaccdef.png); background-repeat:no-repeat; border:0px; padding-top:30px; padding-left:40px; padding-right:50px;">

    <iframe name="magasin" src="http://barnak.wordans.com/my/iframe_boutique" width="710" height="2550" scrolling="no" frameborder="0"></iframe>

    <div id="staticbuttons" style="position:absolute;bottom:0;right:0">
    <a href="javascript:void(0);" onmouseover="myspeed=-3" onmouseout="myspeed=0"><img
    src="../images/arrow-up.gif" border="0"></a><br>
    <a href="javascript:void(0);" onmouseover="myspeed=3" onmouseout="myspeed=0"><img src="../images/arrow-down.gif" border="0"></a>
    </div></div>

    <script type="text/javascript">

    var thespeed=3
    var myspeed=3


    function scrollwindow(){
    magasin.scrollBy(3,myspeed)
    }

    function initializeIT(){
    if (myspeed!=3){
    scrollwindow()
    }
    }

    if (document.all||document.getElementById)
    setInterval("initializeIT()",20)

    </script>

    </body>



    even tho it looks as if it is supposed to work, it doesn't....

    any idea anyone ?

    thank you

  2. #2
    Join Date
    Jul 2010
    Posts
    9

    well ok it kindda works...

    I have to press in the right padding and slide up and down. The answer time is slow and the arrows seem like they are totally useless..... i don't understand...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles