Uitkomst in gewoon tekst en niet in een veld.

Status
Niet open voor verdere reacties.
J

jacobboersma

Gebruiker
Lid geworden
11 sep 2007
Berichten
428
Bij onderstaand script wil ik graag de uitkomst in gewoon tekst en niet in een veld.

HTML: 
<html>
<head>
<title>
</title>
</head
<body>
<form name="count">
<input type="text" size="120" name="count2">
</form>


<script>

//change the text below to reflect your own,
var before=""
var current=""
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
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[m-1]+" "+d+", "+yr
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(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value="Over "+dday+ " dagen, "+dhour+" uren, "+dmin+" minuten, en "+dsec+" seconden  "+before
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//enter the count down date using the format year/month/day
countdown(2009,06,06)

</script>
</Body>
</html>
 
Laatst bewerkt:
Zet ergens op je pagina het volgende:

HTML: 
<span id="output"></span>

en maak van deze regel:

HTML: 
document.forms.count.count2.value=current

dit:

HTML: 
document.getElementById( 'output' ).innerHTML = current;

en van:

HTML: 
document.forms.count.count2.value="Over "+dday+ " dagen, "+dhour+" uren, "+dmin+" minuten, en "+dsec+" seconden  "+before

dit:

HTML: 
document.getElementById( 'output' ).innerHTML = "Over "+dday+ " dagen, "+dhour+" uren, "+dmin+" minuten, en "+dsec+" seconden  "+before;
 
Dank voor je reactie. Ik heb de het scritp aangepast. Maar hij doet het nog steeds niet. Wat heb ik fout gedaan?

HTML: 
<html>
<head>
<title>
</title>
</head
<body>
<form name="count">
<input type="text" size="120" name="count2">
</form>


<script>

//change the text below to reflect your own,
var before=""
var current=""
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
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[m-1]+" "+d+", "+yr
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(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.getElementById( 'output' ).innerHTML = current;
return
}
else
document.getElementById( 'output' ).innerHTML = "Over "+dday+ " dagen, "+dhour+" uren, "+dmin+" minuten, en "+dsec+" seconden  "+before;
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//enter the count down date using the format year/month/day
countdown(2009,06,06)

</script>

</Body>
</html>
 
Laatst bewerkt:
Ik was hem inderdaad vergeten. Maar nu ik hem heb toegevoegd doet hij het nog niet.

HTML: 
<html>
<head>
<title>
</title>
</head
<body>
<form name="count">
<input type="text" size="120" name="count2">
</form>


<script>

//change the text below to reflect your own,
var before=""
var current=""
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
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[m-1]+" "+d+", "+yr
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(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.getElementById( 'output' ).innerHTML = current;
return
}
else
document.getElementById( 'output' ).innerHTML = "Over "+dday+ " dagen, "+dhour+" uren, "+dmin+" minuten, en "+dsec+" seconden  "+before;
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//enter the count down date using the format year/month/day
countdown(2009,06,06)

</script>
<span id="output"></span>
</Body>
</html>
 
Laatst bewerkt:
Dat komt omdat je je script nog nergens aanroept.

Maak van <body> eens <body onload="countdown(2009, 6, 6)">
 
Hij doet het nog steeds niet. Wat doe ik fout.
HTML: 
<html>
<head>
<title>
</title>
</head
<body onload="countdown(2009, 6, 6)"> 
<form name="count">
<input type="text" size="120" name="count2">
</form>


<script>

//change the text below to reflect your own,
var before=""
var current=""
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
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[m-1]+" "+d+", "+yr
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(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.getElementById( 'output' ).innerHTML = current;
return
}
else
document.getElementById( 'output' ).innerHTML = "Over "+dday+ " dagen, "+dhour+" uren, "+dmin+" minuten, en "+dsec+" seconden  "+before;
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//enter the count down date using the format year/month/day
countdown(2009,06,06)

</script>
<span id="output"></span>
</Body>
</html>
 
Laatst bewerkt:
Je werkt vast met IE? In FF doet ie het namelijk wel. Ik ga even kijken waar het aan ligt.

EDIT: ik weet nog niet precies waar het aan lag, maar zo werkt ie:

PHP: 
<html>
<head>
<title>
</title>
</head
<body>
<span id="output"></span>
 
 
<script type="text/javascript">
 
//change the text below to reflect your own,
var before = "is het 6 juni, de dag van de ****.";
var current = "Vandaag start de ****.";
var montharray = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
 
function countdown(yr,m,d){
	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[m-1] + " " + d + ", " + yr;
	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(dday==0&&dhour==0&&dmin==0&&dsec==1){
		document.getElementById( 'output' ).innerHTML = current;
	} else {
		document.getElementById( 'output' ).innerHTML = "Over "+dday+ " dagen, "+dhour+" uren, "+dmin+" minuten, en "+dsec+" seconden  "+before;
	}
}

//enter the count down date using the format year/month/day
setInterval("countdown(2009,6,6)", 1000);
 
</script>
 
</Body>
</html>
 
Laatst bewerkt:
Heel erg bedankt. Ik denk dat het komt omdat je het veld hebt weggehaald.

Zou je nog 1 ding willen doen? Dat is de naam Pieter Stuyvesant Kuiertocht uit het script halen wat je hier op het forum heb geplaatst. Anders is hij makkelijk te vinden op google en zoeken mensen naar Pieter Stuyvesant Kuiertocht en dan komt helpmij er voor.
 
Mag ik je nog 1 dingetje vragen? Ik ben heel goed met HTML en PHP maar met Javascript bak ik er meestal niet zoveel van. Hoe kan ik het font aanpassen. Ik wil het graag arial 11pnt hebben.
 
Door van:

HTML: 
<span id="output"></span>
]

dit:

HTML: 
<span id="output" style="font-family: Arial; font-size: 11pt"></span>

te maken.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan