Scroll Bar Question

**DaWebmasta** · 01-17-2005, 08:43 AM

---Helllo

---Does Anybody Happen To Know How To Modify
---This Code So That I Can Change The Colors Of
---The Scroll Bars On The Image Pop Up Windows?

Code:

<script>

// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 0;
PositionY = 0;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth  = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
if (p****Int(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (p****Int(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="yes" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();		
}}
</script>

---Thanx

---DaWebmasta

**QuietDean** · 01-17-2005, 09:37 AM

For each of the </head> lines here

Code:

if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head>

Add your normal scrollbar colour code (which I remember you as having) and it will work fine.

**DaWebmasta** · 01-17-2005, 10:22 AM

---Thanx Quietdean For The Help...You Rock

---Thanx,

---DaWebmasta

**DaWebmasta** · 01-17-2005, 11:32 AM

---Sorry For The Double Post...But I Don't Think I'm
---Putting My Scroll Bars Colors In The Right Place,
---Because It Doesn't Seem To Work...Can You
---Please Tell Me Where I Need To Put Them In My
---Code

---Thanx

---DaWebmasta

**QuietDean** · 01-17-2005, 01:52 PM

Basically, wherever you see </head> within a writeLn section, put it there.

If not sure, paste your version, showing where you pasted, and I'll have a look.

**DaWebmasta** · 01-20-2005, 03:56 PM

---Sorry It Took Me So Long To Reply...But I've Had
---A Hectic Schedule As Of Late...Well Here Is My
---Code...Please Don't Laugh, Because I Know I
---Probably Put It No Where Close To Where It Is
---Supposed To Go...But O Well:

Code:

<script>

// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 0;
PositionY = 0;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth  = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><style>
<!--
body

  { 
   color:                      #000000;
   scrollbar-face-color:       #A5A2FF;
   scrollbar-highlight-color:  #A5A2FF;
   scrollbar-shadow-color:     #A5A2FF;
   scrollbar-3Dlight-color:    #A5A2FF;
   scrollbar-arrow-color:      #FFFFFF;
   scrollbar-track-color:      #A5A2FF;
   scrollbar-darkshadow-color: #A5A2FF;
   }

-->
</style>
<body bgcolor=000000 scroll="yes" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();		
}}
</script>

---Thanx

---DaWebmasta

**QuietDean** · 01-20-2005, 04:35 PM

I see what its doing. Too many of the characters in the code you added actually mean something in JavaScript, it gets confused, and breaks.

Instead save all this

Code:

body

  { 
   color:                      #000000;
   scrollbar-face-color:       #A5A2FF;
   scrollbar-highlight-color:  #A5A2FF;
   scrollbar-shadow-color:     #A5A2FF;
   scrollbar-3Dlight-color:    #A5A2FF;
   scrollbar-arrow-color:      #FFFFFF;
   scrollbar-track-color:      #A5A2FF;
   scrollbar-darkshadow-color: #A5A2FF;
   }

as, lets say, scrollbars.css. upload it. Then add this to your code instead

Code:

<link rel=stylesheet href=scrollbars.css type=text/css>

Its not technically perfect (missing the " symbols) but it should work. Add that line before both </head> sections.

See if that works.

**DaWebmasta** · 01-20-2005, 09:02 PM

---Alright...I Did That And I Created A Style Sheet
---For It And Everything But It Still Doesn't
---Work...Here's The Style Sheet I'm Usin...Can You
---Please Tell Me If I Screwed Up Somewhere...Thanx:

---DaWebmasta

**QuietDean** · 01-20-2005, 10:16 PM

File not found, I imagine that might be the problem overall.

**DaWebmasta** · 01-21-2005, 07:22 AM

---Are You Sure QuietDean...Because When I Click
---The Link...It Opens The Files In Microsoft Front Page

---DaWebmasta

**HTML** · 01-21-2005, 09:21 AM

I removed the link due to the crap it wanted me to download and being trapped on the page with js alerts "you must click yes" type crap.

Since you are hosted at a free host who does this browser trapping crap and trys to set your homepage as well as install crap ware, I must insist that you try your own links before posting them. If I, or any other member complains of this again I will have to set all your posts to go through moderation before your posts are made public.

Dave

Thread: Scroll Bar Question

Thread Tools

Related

scroll box help Forum: HTML Forum

I need a code for A vertical scroll bar without the horizontal scroll bar Forum: HTML Forum

Scroll Bar Question Forum: HTML Forum

Scroll Bar Question Forum: CSS Forum

Scroll Bar Question Forum: HTML Forum

Scroll Bar Question

Tags for this Thread