View Full Version : Arg! Help Please!


cookiecrumb
05-10-2003, 02:53 PM
Hi~
Can someone help me please? I have a DIV on my page and I put a countdown clock in it. (my link: http://www.geocities.com/depressed_dream/home.html)
The problem is that the clock is too long, and it makes my DIV have an extra scroll bar at the bottom. I tried using a smaller font for the countdown but it just took up more space across. Does anyone know how to fix this? Or does anyone know a code for a countdown that has a black background? I also need help with getting rid of the scroll bar at the bottom of the main windows. Thanks alot!! =)

Elentari
05-10-2003, 03:37 PM
Try breaking up the text with <br>'s is all I can suggest without seeing the code. No one is going to be able to help you out much until you remove the no right click feature of the page.

cookiecrumb
05-10-2003, 06:43 PM
My code is:

<script language="JavaScript1.2">

//Dynamic countdown Script II- c Dynamic Drive (www.dynamicdrive.com)
//Support for hour minutes and seconds added by Chuck Winrich (winrich@babson.edu) on 12-12-2001
//For full source code, 100's more DHTML scripts, visit http://www.dynamicdrive.com

function setcountdown(theyear,themonth,theday,thehour,themi n,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=th emin;sec=thesec
}

//////////CONFIGURE THE COUNTDOWN SCRIPT HERE//////////////////

//STEP 1: Configure the countdown-to date, in the format year, month, day, hour(0=midnight,23=11pm), minutes, seconds:
setcountdown(2003,07,25,0,00,00)

//STEP 2: Change the two text below to reflect the occasion, and message to display on that occasion, respectively
var occasion="Lara Croft: Tomb Raider -<br> Cradle of Life"
var message_on_occasion="Lara Croft: Tomb Raider -<br> Cradle of Life"

//STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countdown area
var countdownwidth='520px'
var countdownheight='35px'
var countdownbgcolor='white'
var opentags='<font face="copperplate gothic light"><small>'
var closetags='</small></font>'

//////////DO NOT EDIT PAST THIS LINE//////////////////

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000) )/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000 ))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.d ocument.write(opentags+message_on_occasion+closeta gs)
document.countdownnsmain.document.countdownnssub.d ocument.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+ closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.d ocument.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.d ocument.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.d ocument.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.d ocument.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

<ilayer id="countdownnsmain" width=&{countdownwidth}; height=&{countdownheight}; bgColor=&{countdownbgcolor}; visibility=hide><layer id="countdownnssub" width=&{countdownwidth}; height=&{countdownheight}; left=0 top=0></layer></ilayer>


Thanks again

tayjalee
05-10-2003, 07:09 PM
i use Geocities too and was having problems getting my div the right size the other day.... see if this helps... try changing the width in your script... if that dont work... resize the script box...

ya know when you click insert html and u get the blue box your codes in... try adjusting the size of that box and see if it helps. i had to do that to get it to center right.

The master
05-10-2003, 07:29 PM
just a quick reminder, not all codes work with geocities. They arn't the best server to use in HTML ect...

starlet
05-11-2003, 01:06 AM
Just change the width from 520 in the script.....


//STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countdown area
var countdownwidth='200px'
var countdownheight='35px'
var countdownbgcolor='white'
var opentags='<font face="copperplate gothic light"><small>'
var closetags='</small></font>'

cookiecrumb
05-11-2003, 02:01 AM
it worked! thanks alot everyone =)