PDA

Click to See Complete Forum and Search --> : Can’t gat ride of the scrollbars?

BennyGold
07-10-2003, 06:34 AM
I am making a full screen page but the scrollbars won’t go away
(The content with in the page is smaller then the screen resolution)
If any one is out there Phone home (ET)
Thanks
metrosoccer12
07-10-2003, 06:51 AM
i belive this code will work:

<body scroll="no">
pyro
07-10-2003, 07:32 AM
The css way: <body style="overflow: hidden;">
cacalex
07-10-2003, 09:04 AM
Try this !

<html>
<head>
<script>
function hide_scroll(){
document.body.style.overflow='auto';
}
function show_scroll(){
document.body.style.overflow='';
}
</script>

</head>
<body>
<input type="button" value="Hide scroll bar" onclick="hide_scroll()">
<input type="button" value="show scroll bar" onclick="show_scroll()">
</body>
</html>

It won't work if there is an overflow :mad:

But as you said :
(The content with in the page is smaller then the screen resolution)
BennyGold
07-10-2003, 09:31 AM
Thanks for your reply but for some reason it didn’t seem to work
Maybe I didn’t put the code in the right place
Pleas take a look at this and note the scroll bar on the right
http://www.animatedtalmud.com/11.htm
pyro
07-10-2003, 09:33 AM
I don't see style="overflow: hidden;" in your <body> tag. Did you try that?
cacalex
07-10-2003, 09:37 AM
I take a look at your page,

<html>

<head>
<title>Test</title>
</head>

<body>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

if (this.name!='fullscreen'){
window.open(location.href,'fullscreen','fullscreen,scrollbars="no"')
}

</script>

<!--Added to your script start-->
<script>
function hide_scroll(){
document.body.style.overflow='auto';
}
function show_scroll(){
document.body.style.overflow='';
}
</script>
<!--Added to your script end-->

</HEAD>

<BODY>

<a href="JavaScript:window.close(self)">Click here to return to normal window size</a>

<BR>

<input type="button" value="Hide scroll bar" onclick="hide_scroll()">
<input type="button" value="show scroll bar" onclick="show_scroll()">

<p><center>
&nbsp;</center><p>

</body>

</html>

And for all i know, it is working allright...

Wich browser did you use ????
cacalex
07-10-2003, 09:41 AM
What Pyro is pointing ou is right too

If you use <BODY style="overflow: hidden;">,

You'll be ride of the scroolbars...

Help use helping you, here !!!
BennyGold
07-10-2003, 09:52 AM
We posted a massage at the same time so my privies comet was on the first two who responded

Thanks lout it works, but how do I do it by default with out the button?

Cane you see what I have here
http://www.animatedtalmud.com/123.htm
pyro
07-10-2003, 09:55 AM
<body style="overflow: hidden;"> works fine... :confused:
cacalex
07-10-2003, 09:56 AM
Here's how !!!!

Glad to know you made it !

:p

<html>

<head>
<title>Test</title>
</head>

<body>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

if (this.name!='fullscreen'){
window.open(location.href,'fullscreen','fullscreen,scrollbars="no"')
}

</script>


</HEAD>

<BODY style="overflow: hidden;">

<a href="JavaScript:window.close(self)">Click here to return to normal window size</a>


<p><center>
&nbsp;</center><p>

</body>

</html>
BennyGold
07-10-2003, 10:05 AM
Hi you all, I want to say that this is my first time using posted forms and as you see I am not so familiar with using java scrip, so every thing is coming at me very quickly.
That by the time I check out what one has sad and replayed, and behold their are three more that hade replayed all ready. (This will take time gating use too)
So thanks for your patients
cacalex
07-10-2003, 10:35 AM
Yeah !

Some times, we forget how an simple answer to us can be a lot of pain in the ass for those who are not familliar with javascript...

Keep up try'in,

It's the way to learn !

:D