lay out javascript output aanpassen

Status
Niet open voor verdere reacties.

patsneok

Gebruiker
Lid geworden
24 feb 2002
Berichten
318
Hoe kan ik de uitkomst van een stukje javascript aanpassen? Ik wil graag de grootte en het lettertype van de output veranderen, maar weet niet hoe. Al doende leert men, maar dit weet ik nog niet. :o

<hr><!-- horizontal rule = lijntje horizontaal-->
<script language="JavaScript">
function lastModified() {
var modiDate=new Date(document.lastModified)
var showAs=modiDate.getDate()+"/" + (modiDate.getMonth()+1)
showAs+="/"+modiDate.getYear()
return showAs }

document.write ("Deze pagina is het laatst bijgewerkt op: ");
document.write (lastModified() + ".");
</script>

Of zie mijn site voor een voorbeeld.
 
kan op drie manieren:
1.

Code:
<font size="2" face="Arial" color="#FF0000">
<script language="Javascript"> 
function lastModified() { 
var modiDate=new Date(document.lastModified) 
var showAs=modiDate.getDate()+"/" + (modiDate.getMonth()+1) 
showAs+="/"+modiDate.getYear() 
return showAs } 

document.write ("Deze pagina is het laatst bijgewerkt op: "); 
document.write (lastModified() + "."); 
</script> 
</font>

2.
Code:
<script language="Javascript"> 
function lastModified() { 
var modiDate=new Date(document.lastModified) 
var showAs=modiDate.getDate()+"/" + (modiDate.getMonth()+1) 
showAs+="/"+modiDate.getYear() 
return showAs } 
document.write("<font size=\"2\" face=\"Arial\" color=\"#FF0000\">");
document.write ("Deze pagina is het laatst bijgewerkt op: "); 
document.write (lastModified() + "."); 
document.write("</font>");
</script>
3.
Code:
<body style="font-family: Arial; font-size: small; color: #FF0000;">
<hr><!-- horizontal rule = lijntje horizontaal--> 
<script language="Javascript"> 
function lastModified() { 
var modiDate=new Date(document.lastModified) 
var showAs=modiDate.getDate()+"/" + (modiDate.getMonth()+1) 
showAs+="/"+modiDate.getYear() 
return showAs } 
document.write ("Deze pagina is het laatst bijgewerkt op: "); 
document.write (lastModified() + "."); 
</script>

pick one..

grtzz

t.
 
4
met style
in de head
<STYLE TYPE="text/css">
<!--
.info {font-family:verdana, tahoma, arial, ms sans serif;font-size:18pt;background color: #FFCC00;}
-->
</STYLE>

In de body
de weergave splitsen in twee cellen:

<table width="100%" border="0" cellspacing="1" cellpadding="1" bordercolor="#800080">
<tr>
<!-- Row 1 Column 1 -->
<td align="right">
Deze pagina is het laatst bijgewerkt op: </td>
<!-- Row 1 Column 2 -->
<td >
<div class="info"><script language="Javascript">
function lastModified() {
var modiDate=new Date(document.lastModified)
var showAs=modiDate.getDate()+"/" + (modiDate.getMonth()+1)
showAs+="/"+modiDate.getYear()
return showAs }
document.write ("");
document.write (lastModified() + ".");
</script> </div>
</td>
</tr>
</table>


:cool:
 
Tjonge, 4 manieren.... :thumb:
Daar zit er vast eentje bij die ik kan gebruiken. Ik ga meteen aan de slag!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan