?
Solved

Custom scrollbars inside an IFrame.. inside and IFrame.

Posted on 2005-04-02
5
Medium Priority
?
724 Views
Last Modified: 2008-01-09
I will explain the title more.  I'm trying to get a custom scroll bar working for an iframe(Iframe2) which is situated inside an iframe(Iframe1).  I can get the first IFrame(Iframe1) working find by using css/javascript.  But Iframe 2 doesn't want to change the custom scroll bar.  Does anyone know if this is possible, and give an example. I'm not too fussed about cross browser compatability as it's just to keep the designer of the website happy.  If it's not possible does anyone know some easy to use javascript scrollbars as a last resort?

Thanks!

Jake
0
Comment
Question by:jdenotter
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 30

Expert Comment

by:GrandSchtroumpf
ID: 13687559
Each page is responsible for it's own style, including scrollbars.
This means you need to set the scrollbar's style in the html contained inside the frame.

Frames are justified only when you need to include an external page, in the other cases, you should use server-side includes.
By definition, you cannot control external pages... so you'll need to use some javascript trick to overwrite the scrollbar style on external pages.  If the external page contains another frame then it makes it virtually impossible to control.

Give us a link to your page, so we can see what your options are.
0
 

Author Comment

by:jdenotter
ID: 13688160
http://anotherdaydown.com.au/ee/ is a link to a page with the internal IFrames.. The news section is in an iframe and I would like just that section to scroll with custome scroll bars..  I'm pretty sure this would be the only way to implement what i want unless i try a javascript scrollbar or redesign the whole thing in flash..

Have a look and see what you can do.  it's stumped me for ages!!!  Oh the reason for the main iframe is so that the whole page doesn't have to reload and make the flash menu picture reset.  
0
 
LVL 30

Accepted Solution

by:
GrandSchtroumpf earned 1000 total points
ID: 13688289
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--

body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url(images/bgpixel.gif);
  background-color: #000000;
}

html {
  scrollbar-face-color: #3C2A1D;
  scrollbar-shadow-color: #3C2A1D;
  scrollbar-highlight-color: #3C2A1D;
  scrollbar-3dlight-color: #30241C;
  scrollbar-darkshadow-color: #30241C;
  scrollbar-track-color: #0D151E;
  scrollbar-arrow-color: #B78159;
}

-->
</style>
<link href="images/main.css" rel="stylesheet" type="text/css">
</head>

<body>
<table width="450" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="420" bgcolor="#0D151E">
  <p class="title"><img src="images/news.gif" width="121" height="61"></p>
  <span class="news">
  Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
  Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
  Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
          Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
                  Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
                          Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br> </span>
           </td>
  </tr>
</table>
</body>
</html>
0
 

Author Comment

by:jdenotter
ID: 13689855
So simple.. Thanks GrandSchtroumpf!
0
 
LVL 30

Expert Comment

by:GrandSchtroumpf
ID: 13690727
<:°)
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses
Course of the Month9 days, 22 hours left to enroll

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question