/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Valg af skrifttype i script?
Fra : Lars


Dato : 05-02-03 14:56

Hej ng


Jeg bruger følgenede dato/år script på min side:
Men hvor skal koden for skriftypen indsættes hvis
jeg skal ændre den? Jeg har prøvet lidt forskelligt
men kan umiddelbart ikke få det til at virke, men jeg er
også nybegynder, så hvad skal indsættes, og hvor
hvis jeg f.eks vil have "Verdana" size"1"??

På forhånd tak!

MVH

Lars



Se script:



<script type="text/javascript">

<!-- Start

var days=new Array(8);
days[0]="Søndag";
days[1]="Mandag";
days[2]="Tirsdag";
days[3]="Onsdag";
days[4]="Torsdag";
days[5]="Fredag";
days[6]="Lørdag";

var months=new Array(13);
months[1]="Januar";
months[2]="Februar";
months[3]="Marts";
months[4]="April";
months[5]="Maj";
months[6]="Juni";
months[7]="Juni";
months[8]="August";
months[9]="September";
months[10]="Oktober";
months[11]="November";
months[12]="December";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var lday=days[time.getDay()];
var date=time.getDate();
var year=time.getFullYear();
var hours=time.getHours();
var minutes=time.getMinutes();
var seconds=time.getSeconds();


document.write("<p>" + lday + " den ");
document.write(date + ". " + lmonth + " " + year);


// Slut -->
</script>



 
 
Jens Gyldenkærne Cla~ (05-02-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 05-02-03 15:29

Lars skrev:

> Jeg bruger følgenede dato/år script på min side:
> Men hvor skal koden for skriftypen indsættes hvis
> jeg skal ændre den?

Skrifttyper og -størrelser sættes med css på den omgivende html-
kode.

> document.write("<p>" + lday + " den ");
> document.write(date + ". " + lmonth + " " + year);

Ovenstående linjer vil generere noget lignende:

"<p>Søndag d. 4. februar 2003" (tilfældig dato) - for at
specificere udseende skal du sætte style på p-elementet.

Det kunne fx være:

<p style="font-family: Verdana, sans-serif; font-size:
0.7em;">Søndag d. 4. februar 2003</p>

For at få det til at virke med dit script skal du tilpasse
anførselstegn. Både javascript og HTML kan benytte såvel enkelte
som dobbelte anførselstegn (dog altid i par), så jeg vil foreslå at
du benytter en slags til hvert sprog - så kommer der ikke
konflikter.

Når du bruger style på et element er det en rigtig god ide at lukke
det igen - ellers er det svært at vide hvornår styledefinitionerne
skal stoppe. Derfor har jeg tilføjet "</p>" der hvor teksten
slutter.

En pænere måde at skrive stylekoden på er at samle den, enten i en
style-blok i head-delen af dit html-dokument, eller også i et
eksternt stylesheet. Se fx <http://html.dk/tutorials/css/> for en
introduktion til css.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Lars (05-02-2003)
Kommentar
Fra : Lars


Dato : 05-02-03 15:45

> <p style="font-family: Verdana, sans-serif; font-size:
> 0.7em;">Søndag d. 4. februar 2003</p>
>
> For at få det til at virke med dit script skal du tilpasse
> anførselstegn. Både javascript og HTML kan benytte såvel enkelte
> som dobbelte anførselstegn (dog altid i par), så jeg vil foreslå at
> du benytter en slags til hvert sprog - så kommer der ikke
> konflikter.


Tak for svar, men jeg forstår desværre intet af det du
siger, hvor skal style defenitionen af P stå i forhold til
koden fra scriptet?? Kan du ikke vise hele eksemplet?

Jeg vil helst ikke bruge eksterne stylesheet da det ikke
virker ordentligt i alle browsere...

MVH

Lars




Lasse Reichstein Nie~ (05-02-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 05-02-03 15:54

"Lars" <lars-nielsen@SPAMFILTERmail.dk> writes:

> Tak for svar, men jeg forstår desværre intet af det du
> siger, hvor skal style defenitionen af P stå i forhold til
> koden fra scriptet?? Kan du ikke vise hele eksemplet?

document.write("<p>" + lday + " den ");
bliver til
document.write("<p style=\"background:yellow;color:red;\">" + lday + " den ");
(eller hvad du nu vil have af stil på dit ur).
Alternativt, og IMHO bedre, er at give dit ur en klasse eller id,
og så bruge embedded eller ekstern CSS:

document.write("<p id=\"ur\">" + lday + " den ");

med tilhørende CSS-regel:

#ur {background-yellow;color:red;}

(enten embedded i <style type="text/css"> ... </style> i head eller
eksternt med <link rel="stylesheet" type="text/css" href="style.css">)

> Jeg vil helst ikke bruge eksterne stylesheet da det ikke
> virker ordentligt i alle browsere...

Hvad ved det virker ikke? Jeg kender ikke lige nogen browser
der forstår stylesheets og ikke forstår eksterne sheets.

Jeg ved at nogle browsere ikke forstår @import til at inkludere
eksterne stylesheets, men link plejer at virke.

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

Lars (05-02-2003)
Kommentar
Fra : Lars


Dato : 05-02-03 16:29

> document.write("<p>" + lday + " den ");
> bliver til
> document.write("<p style=\"background:yellow;color:red;\">" + lday + " den ");
> (eller hvad du nu vil have af stil på dit ur).

Ok, men hvad med teksttypen, det er den der er
problemet.?


> Hvad ved det virker ikke? Jeg kender ikke lige nogen browser
> der forstår stylesheets og ikke forstår eksterne sheets.
>
> Jeg ved at nogle browsere ikke forstår @import til at inkludere
> eksterne stylesheets, men link plejer at virke.

Det var vidst CSS generelt jeg mente, beklager..

Kan man ikke finde en lidt bedre beskrivelse af brugen af CSS
end den på html.dk ? Der står aldrig hvordan tingene skal indsættes
på siderne, og så hjælper det ihvertfald ikke mig.


MVH

Lars




Jens Gyldenkærne Cla~ (05-02-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 05-02-03 16:57

Lars skrev:

>> document.write("<p style=\"background:yellow;color:red;\">"

> Ok, men hvad med teksttypen, det er den der er
> problemet.?

Du kan sætte flere styles ind i samme definition - de adskilles med
semikolon (der står fx allerede to separate definitioner ovenfor).

Altså fx:

   document.write("<p style=\"background: yellow; color:
red; font-family: Verdana, sans-serif; font-size: 10px;\">"


[browserunderstøttelse]
> Det var vidst CSS generelt jeg mente, beklager..

Alle nyere browsere forstår css. De ting man kunne opnå med HTML
(<font> o.l.) kan opnås med lige så godt understøttelse i css (hvis
der er en forskel må den være minimal).

> Kan man ikke finde en lidt bedre beskrivelse af brugen af CSS
> end den på html.dk ? Der står aldrig hvordan tingene skal
> indsættes på siderne, og så hjælper det ihvertfald ikke mig.

Har du læst side 2 (http://html.dk/tutorials/css/lektion2.asp)? Det
står ret udførligt beskrevet.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Lars (05-02-2003)
Kommentar
Fra : Lars


Dato : 05-02-03 17:09

> Altså fx:
>
> document.write("<p style=\"background: yellow; color:
> red; font-family: Verdana, sans-serif; font-size: 10px;\">"

Nej, desværre, dette gør at at scriptet ikke vises.


> Har du læst side 2 (http://html.dk/tutorials/css/lektion2.asp)? Det
> står ret udførligt beskrevet.
> --

Ja. og jeg har også lavet sådan et som virker, men der står ikke
rigtig noget om styring af forskellige skriftyper med referencer på.

MVH

Lars




Jens Gyldenkærne Cla~ (05-02-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 05-02-03 17:19

Lars skrev:

>> document.write("<p style=\"background: yellow; color:
>> red; font-family: Verdana, sans-serif; font-size: 10px;\">"
>
> Nej, desværre, dette gør at at scriptet ikke vises.

Jeg gik ud fra at du selv kunne sætte resten af linjen ind.
Indholdet i den oprindelige document.write skal stadig med.

Her er en fuld udgave

document.write("<p style=\"background: yellow; color: red; font-
family: Verdana, sans-serif; font-size: 10px;\">" + lday + " den
");
document.write(date + ". " + lmonth + " " + year + "</p>");


Du kan også bare sætte styledefinitionen på en div uden om scriptet
(som Knud foreslog) - eller simpelthen tage p-elementet ud af dit
script:

<p style="background: yellow; color: red; font-family: Verdana,
sans-serif; font-size: 10px;">
<script type="text/javascript">
    // ....starten af dit script
   // Bemærk at <p> er fjernet fra linjen herunder

   document.write(lday + " den ");
   document.write(date + ". " + lmonth + " " + year);

</script>
</p>

>> Har du læst side 2

> Ja. og jeg har også lavet sådan et som virker, men der står
> ikke rigtig noget om styring af forskellige skriftyper med
> referencer på.

Hvad så med side 4?

Alle font-egenskaberne er beskrevet der. De skal placeres på præcis
samme måde som alle andre css-elementer - nemlig sådan som det er
beskrevet på side 2.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Lars (05-02-2003)
Kommentar
Fra : Lars


Dato : 05-02-03 17:34

> Jeg gik ud fra at du selv kunne sætte resten af linjen ind.
> Indholdet i den oprindelige document.write skal stadig med.
>

Jeg skrev at jeg var nybegynder, så jeg er ikke lige så god til
at opdage fejl i koderne endnu.


> Her er en fuld udgave
>
> document.write("<p style=\"background: yellow; color: red; font-
> family: Verdana, sans-serif; font-size: 10px;\">" + lday + " den
> ");
> document.write(date + ". " + lmonth + " " + year + "</p>");
>

Kanon, nu virker det hele, jeg takker for hjælpen fra
jer alle....


MVH

Lars



Knud Gert Ellentoft (05-02-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 05-02-03 16:10

"Lars" <lars-nielsen@SPAMFILTERmail.dk> skrev :

>men jeg er
>også nybegynder, så hvad skal indsættes, og hvor
>hvis jeg f.eks vil have "Verdana" size"1"??

><script type="text/javascript">

Langt det enkleste er at smide scriptet ind i et blokeelement som
<div> eller <p>.

<div style="font-family: Verdana, sans-serif">
<script type="text/javascript">
+ resten af scriptet
</div>

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Lars (05-02-2003)
Kommentar
Fra : Lars


Dato : 05-02-03 16:46

> Langt det enkleste er at smide scriptet ind i et blokeelement som
> <div> eller <p>.
>
> <div style="font-family: Verdana, sans-serif">
> <script type="text/javascript">
> + resten af scriptet
> </div>

Det virker, så mangler skriftstørrelsen kun ??

MVH

Lars





Knud Gert Ellentoft (05-02-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 05-02-03 17:09

"Lars" <lars-nielsen@SPAMFILTERmail.dk> skrev :

>Det virker, så mangler skriftstørrelsen kun ??

<div style="font-family: Verdana, sans-serif; font-size: 1em">

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Lars (05-02-2003)
Kommentar
Fra : Lars


Dato : 05-02-03 17:23

>Det virker, så mangler skriftstørrelsen kun ??

<div style="font-family: Verdana, sans-serif; font-size: 1em">


Det virker ikk' skriftstørrelsen forbliver uændret?

Jeg har lige indsat hele sidens kode, så må i da kunne
finde fejlen?





<html>
<head>
<title>test</title>


<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">

</head>
<body
background="file:///C:/Documents%20and%20Settings/Lars%20Nielsen/Dokumenter/Diyhifi/grafik/baggrund.GIF">
<br>

<div align="center">
<table cellpadding="2" cellspacing="2" border="1" width="750">
<tbody>
<tr>
<td valign="top" bgcolor="#ffffff"><br>
<div style="font-family: Verdana,sans-serif; font-size: 1em;">
<script type="text/javascript">



<!-- Start

var days=new Array(8);
days[0]="Søndag";
days[1]="Mandag";
days[2]="Tirsdag";
days[3]="Onsdag";
days[4]="Torsdag";
days[5]="Fredag";
days[6]="Lørdag";

var months=new Array(13);
months[1]="Januar";
months[2]="Februar";
months[3]="Marts";
months[4]="April";
months[5]="Maj";
months[6]="Juni";
months[7]="Juni";
months[8]="August";
months[9]="September";
months[10]="Oktober";
months[11]="November";
months[12]="December";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var lday=days[time.getDay()];
var date=time.getDate();
var year=time.getFullYear();
var hours=time.getHours();
var minutes=time.getMinutes();
var seconds=time.getSeconds();


document.write("<p>" + lday + " den ");
document.write(date + ". " + lmonth + " " + year);


// Slut -->
</script> </div>
<br>
<br>
</td>
<td valign="top"><br>
</td>
</tr>
<tr>
<td valign="top"><br>
</td>
<td valign="top"><br>
</td>
</tr>
</tbody>
</table>
<br>
<br>
</div>

<div align="center"><br>
<br>
<br>
</div>

<div align="center"></div>

</body>
</html>





Knud Gert Ellentoft (05-02-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 05-02-03 17:34

"Lars" <lars-nielsen@SPAMFILTERmail.dk> skrev :

><div style="font-family: Verdana, sans-serif; font-size: 1em">
>
>
>Det virker ikk' skriftstørrelsen forbliver uændret?

Ændre den til den størrelse, du ønsker.

Jeg har glemt alt om size=1, men det er vidst en meget lille
størrelse, så prøv med f.eks. 0.8em eller noget andet 1.2em osv.

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste