Kandu.dk - Document.write og css


/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

Java Scripts

#	Navn	Point
1	molokyle	5410
2	Klaudi	2799
3	smorch	2439
4	kim	1360
5	Harlekin	1134
6	bentjuul	984
7	gibson	800
8	severino	695
9	Random	675
10	konsulent..	626

Document.write og css
Fra : Jakob Nicolajsen

Dato : 02-02-03 16:43

Jeg skal indsætte følgende kode med javascript, men css
formateringen virker ikke!
Er der nogen der kan hjælpe?

Kode start:

<script>
info="<STYLE TYPE="text/css">" +
"" +
"body {" +
"   font-family : Arial, sans-serif;" +
"   text-align:center;" +
"   color: #000000;" +
"   background-color : #ffffff;" +
"   }" +
"" +
"a {" +
"   color : #377785;" +
"   background-color : transparent;" +
"   /*background-color : #ffffff;*/" +
"   text-decoration : none;" +
" font-weight : normal;" +
" font-style : normal;   " +
"   " +
"   " +
"}" +
"" +
"" +
"" +
".skrivboks {" +
"   margin-left: auto;" +
"   margin-right: auto;" +
"   position: relative;" +
"   left:0px;" +
"   top:0px;" +
"   width : 400px;" +
"   text-align:center;" +
"   font-weight : normal;" +
"   color : #000000;" +
"   background-color : #ffffff;" +
"   padding:5px;" +
"   border-top : solid 1px #000000;" +
"   border-bottom : solid 1px #000000;" +
"   border-left : solid 1px #000000;" +
"   border-right : solid 1px #000000;" +
"" +
"}" +
"" +
"" +
"" +
"" +
"" +
".header {" +
"   margin-left: auto;" +
"   margin-right: auto;" +
"   position: relative;" +
"   left:0px;" +
"   top:0px;" +
"   font-size : 12px;" +
"   width : 400px;" +
"   text-align : left;" +
"   font-weight : normal;" +
"   color : #000000;" +
"   background-color : #ffffff;" +
"   padding:5px;" +
"   border-top : solid 1px #000000;" +
"   border-left : solid 1px #000000;" +
"   border-right : solid 1px #000000;" +
"}   " +
"" +
"" +
".besked {" +
"   margin-left: auto;" +
"   margin-right: auto;" +
"   position: relative;" +
"   left:0px;" +
"   top:0px;" +
"   width : 400px;" +
"   font-size : 12px;" +
"   text-align : left;" +
"   font-weight : normal;" +
"   color: #000000;" +
"   background-color : #ffffff;" +
"   padding:5px;" +
"   border-top : solid 1px #000000;" +
"   border-bottom : solid 1px #000000;" +
"   " +
"   border-left : solid 1px #000000;" +
"   border-right : solid 1px #000000;" +
"      " +
"}" +
"" +
".beskedukommentar {" +
"   margin-left: auto;" +
"   margin-right: auto;" +
"   position: relative;" +
"   left:0px;" +
"   top:0px;" +
"   width : 400px;" +
"   font-size : 12px;" +
"   text-align : left;" +
"   font-weight : normal;" +
"   color: #000000;" +
"   background-color : #ffffff;" +
"   padding:5px;" +
"   border-top : solid 1px #000000;" +
"   border-bottom : solid 1px #000000;" +
"   border-left : solid 1px #000000;" +
"   border-right : solid 1px #000000;" +
"      " +
"}" +
"" +
".kommentar {" +
"   margin-left: auto;" +
"   margin-right: auto;" +
"   font-size : 12px;" +
"   text-align : left;" +
"   font-weight : normal;" +
"   position: relative;" +
"   left:0px;" +
"   top:0px;" +
"   width : 400px;" +
"   color : #000000;" +
"   background-color : #ffffff;" +
"   padding:5px;" +
"   " +
"   border-top : none 0px #000000;" +
"   border-left : solid 1px #000000;" +
"   border-right : solid 1px #000000;" +
"   border-bottom : solid 1px #000000;" +
"   " +
"}" +
"" +
".mellemrum {" +
"   margin-left: auto;" +
"   margin-right: auto;" +
"   color: #000001;" +
"   background-color : transparent;" +
"   text-align : left;" +
"   position: relative;" +
"   left:0px;" +
"   top:0px;" +
"   width : 400px;" +
"   height:10px;" +
"   padding:15px;" +
"   }" +
"" +
".bund {" +
"   font-size : 10px;" +
"   margin-left: auto;" +
"   margin-right: auto;" +
"   color : #000000;" +
"   background-color : #ffffff;" +
"   text-align:center;" +
"   position: relative;" +
"   left:0px;" +
"   top:0px;" +
"   width : 400px;" +
"   height:10px;" +
"   padding:5px;" +
"   }" +
"" +
"</STYLE>" +
"</HEAD>" +
"" +
"<BODY >" +
"" +
"" +
"" +
"" +
"" +
"" +
"<div class="mellemrum"></DIV>" +
"" +
"<div class="header"><b>Navn: </b>Jakob<br><b>Email:
</b><a
href="mailto:pcnoerd@hotmail.com">pcnoerd@hotmail.com</a>
<br><b>Dato: </b>søndag d. 02 februar 2003 kl.
16:11:43<br></div><div class="beskedukommentar">Tester
lige...<br /><br /><IMG SRC="smil/default01.gif"
BORDER="0" WIDTH="15" HEIGHT="15"
ALIGN="bottom" ALT=""></DIV><div
class="mellemrum"></DIV><div
class="header"><b>Navn: </b>Webmasteren<br><b>Email:
</b><a
href="mailto:webmaster@newbie.dk">webmaster@newbie.dk</a>
<br><b>Website: </b><a href="http://www.newbie.dk"
target="_blank">www.newbie.dk

class="beskedukommentar">Tillykke med din nye gæstebog
... <IMG SRC="smil/default01.gif" BORDER="0"
WIDTH="15" HEIGHT="15" ALIGN="bottom"
ALT=""> </DIV><div class="mellemrum"></DIV>" +
"<div class="skrivboks">" +
"" +
"   <FORM METHOD="POST"
ACTION="http://www.newbie.dk/webservices/guestbook/inc/writeb
ook.php?id=pcnoerd9ae82ff5172c207be5186da377e5010c">" +
"   <INPUT TYPE=hidden NAME=skrivhilsen VALUE=1>" +
"   <TABLE BORDER="0">" +
"   <tr><td>Navn:</td><td><input type="text"
size="20" name="input1"
/></td></tr><tr><td>Email:</td><td><input type="text"
size="20" name="input2"
/></td></tr><tr><td>Website:</td><td><input type="text"
size="20" name="input3"
/></td></tr><tr><td>Icq:</td><td><input type="text"
size="20" name="input4" /></td></tr>" +
"</TABLE>" +
"" +
"" +
"   <TEXTAREA NAME=hilsen COLS=25 ROWS=7></TEXTAREA><BR>" +
"   <INPUT TYPE=submit VALUE=Send hilsen"><BR>" +
"   </FORM>      " +
"</DIV>" +
"" +
"" +
"" +
"" +
"" +
"" +
"" +
"" +
"" +
"<div class="bund">Opdateret d. 28.01.2003<br />© Michael
Gandrup Vendelbo<br />   " +
"<a href="http://www.newbie.dk">Leveret at newbie.dk<br
/> stedet alle kan forstå</a>" +
"</div><br/><br/>" +
""

document.write(info)
</script>

--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

Lasse Reichstein Nie~ (02-02-2003)

Kommentar
Fra : Lasse Reichstein Nie~

Dato : 02-02-03 17:02

Jakob Nicolajsen <pcnoerd@hotmail.com> writes:

> Jeg skal indsætte følgende kode med javascript, men css
> formateringen virker ikke!
> Er der nogen der kan hjælpe?

Kunne du overtales til at uploade siden til en web-server. Den virker
ikke hvis man bare cut'n'paster fra dit indlæg, da der er nogle
(mange) linjeombrydninger der ikke skal være der.

Hvad mener du med "virker ikke"? (verdens oftest brugte, og mest
ubrugelige, fejlmelding :))

Ellers ser det ud til at virke i min browser (Hint: skriv også
hvilken browser du bruger).

/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>

Jakob Nicolajsen (02-02-2003)

Kommentar
Fra : Jakob Nicolajsen

Dato : 02-02-03 17:18

Lasse Reichstein Nielsen wrote in dk.edb.internet.webdesign.clientside:
> Kunne du overtales til at uploade siden til en web-server. Den virker
> ikke hvis man bare cut'n'paster fra dit indlæg, da der er nogle
> (mange) linjeombrydninger der ikke skal være der.
>
http://home19.inet.tele.dk/jakobmn/ramme.htm

> Hvad mener du med "virker ikke"? (verdens oftest brugte, og mest
> ubrugelige, fejlmelding :))
>
Se i den øverste iframe hvordan det burde se ud!
(bemærk at der kommer en fejlmelding om adgang nægtet. Ignorer den. den
kommer af et forsøg på at tilpasse iframen øverst på siden, men det
virker ikke. det er forneden det er sat ind med javascript)
> Ellers ser det ud til at virke i min browser (Hint: skriv også
> hvilken browser du bruger).
Jeg bruger IE 6

--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

Lasse Reichstein Nie~ (02-02-2003)

Kommentar
Fra : Lasse Reichstein Nie~

Dato : 02-02-03 18:32

Jakob Nicolajsen <pcnoerd@hotmail.com> writes:

> http://home19.inet.tele.dk/jakobmn/ramme.htm

....

> Se i den øverste iframe hvordan det burde se ud!
> (bemærk at der kommer en fejlmelding om adgang nægtet. Ignorer den. den
> kommer af et forsøg på at tilpasse iframen øverst på siden, men det
> virker ikke. det er forneden det er sat ind med javascript)

Ah. Du laver din document.write inde i <body> af et dokument, men det
du skriver indeholder <style> som kun må bruges i <head>.
Det indeholder også en ny </head> og <body>, som slet ikke giver mening.

Del din info-streng ind i to dele, en til style, som skal document.write'es
i head, og delen med indholdet, som skal skrives i body. Lad være med at
skrive </head> og <body> med javascript, det bliver næsten uværgerligt
noget rod. :)

Det er dog ikke det der er fejlen.
Du bruger " som anførselstegn i din Javascript-kode. Javascripten
forstår dog ikke " som andet end fem tegn, og den indsætter den
derfor i den genererede kode. Fx:
<div class="header" ...>
I HTML betyder " ikke det samme som anførselstegn. Hvis du skrevt
class="header"
eller
class='header'
eller
class=header
så ville det være det samme i HTML, fordi anførselstegnene er *specielle*
tegn, de betyder noget specielt og er ikke "bare et tegn". Det er "
derimod. Det er en karakter-entitet der står for *tegnet* anførselstegn,
og som ikke er specielt. Det er en måde at skrive et anførselstegn så
det ikke betyder noget for HTML.

Hvis du vil skrive
<img alt="Mand der siger "Ko"" ...>
så virker det, mens
<img alt="Mand der siger "Ko"" ...>
ikke gør.

Du skal dog passe på, da anførselstegn *også* er specille i Javascript,
så du kan ikke bare lave " om til " . Lige som " er en måde at
skrive anførselstegn der ikke "virker" i HTML, så skriver man \" i Javascript.

Altså: Søg og udskift " med \" og se om det så ikke virker.

(Du bør stadig putte <style>-tagget op i <head>!)

/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>

Jakob Nicolajsen (02-02-2003)

Kommentar
Fra : Jakob Nicolajsen

Dato : 02-02-03 19:28

Tak for hjælpen,
Nu virker det fint Glad

--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

Søg

Reklame

Statistik

Spørgsmål :	177558
Tips :	31968
Nyheder :	719565
Indlæg :	6408929
Brugere :	218888

Månedens bedste

Årets bedste

Sidste års bedste