CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

benoit Nybegynder

10. juni 2003 - 23:09 Der er 13 kommentarer og
1 løsning

DOM: firstChild el. hvad?

Jeg har et array på 200 elementer med tekster af forskellig længde.

Disse skal jeg efter tur have sat ind i forskellige noder.
Med Noderne deler teksten hvis der er mellemrum med. Og det skal den klare.

Jeg overfører det store array til et lille array (Show):
for (i=1; i<12; i++) { show[i-1]=show[i]; }
show[11]=text[textpos];
textpos++;
if (textpos>188) { textpos=0; }

textpos viser hvor i TEXT arrayet vi er.

Siden overfører jeg show til noden. Bl.a. sådan her:

document.getElementById("T01").innerHTML=" "+show[0];

Den aktuelle node er defineret således:
<div ID="SC01" STYLE="position:absolute; top=10; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T01">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>

SC01 bruges til at flytte det layer, så det er T01 jeg vil ændre.

Synes godt om

olebole Juniormester

10. juni 2003 - 23:13 #1

<ole>

... og dit problem er ...?

/mvh
</bole>

Synes godt om

benoit Nybegynder

10. juni 2003 - 23:15 #2

Sorry, det er lidt rodet...

Mit problem er at hvis jeg skriver
text[0]="1 2 3";
...
så skrive det ud som
1
2
3

Altså, mellemrum deler tekststrengen op.

Hvordan undgår jeg det?

Synes godt om

benoit Nybegynder

10. juni 2003 - 23:24 #3

www.xdb.dk/horis.html - der ligger den lige kortvarigt.

Synes godt om

olebole Juniormester

10. juni 2003 - 23:33 #4

Tjaaahhhh .... noget ulæselig småt flimrer på min skærm - og du kaster noget kode med en yderst begrænset forklaring på, hvad du prøver på, men ikke kan finde ud af.

Det må du nok selv prøve at hitte ud af - eller vente på en clairvoyant kommer forbi ;o)
/mvh

Synes godt om

benoit Nybegynder

11. juni 2003 - 11:18 #5

<html>

<head>
<script language="JavaScript">

</script>
</head>;
<body onLoad="kickoff();" bgcolor=#000000>
<font color=ffffff>TEST</font>

<div ID="FULLSCROLL" STYLE="position:absolute; top=100; left=300; visibility:show">

<div ID="SC01" STYLE="position:absolute; top=10; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T01">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC02" STYLE="position:absolute; top=20; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T02">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC03" STYLE="position:absolute; top=30; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T03">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC04" STYLE="position:absolute; top=40; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T04">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC05" STYLE="position:absolute; top=50; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T05">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC06" STYLE="position:absolute; top=60; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T06">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC07" STYLE="position:absolute; top=70; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T07">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC08" STYLE="position:absolute; top=80; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T08">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC09" STYLE="position:absolute; top=90; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T09">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC10" STYLE="position:absolute; top=100; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T10">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC11" STYLE="position:absolute; top=110; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T11">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>
<div ID="SC12" STYLE="position:absolute; top=120; left=30; visibility:show">
<font color=#ffffff face=times size=1><p ID="T12">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></font>
</div>

<div ID="UPLEFT" STYLE="position:absolute; left=10; top=10; width=16; height=24; visibility:show">
<img src=FRAMEupleft.bmp border=0 alt="0" width=16 height=24>
</div>
<div ID="UP" STYLE="position:absolute; left=26; top=10; width=260; height=16; visibility:show">
<img src=FRAMEup.bmp border=0 alt="0" width=260 height=16>
</div>
<div ID="UPRIGHT" STYLE="position:absolute; left=286; top=10; width=16; height=24; visibility:show">
<img src=FRAMEupperright.bmp border=0 alt="0" width=16 height=24>
</div>
<div ID="LEFT" STYLE="position:absolute; left=10; top=34; width=16; height=100; visibility:show">
<img src=FRAMELEFT.bmp border=0 alt="0" width=16 height=100>
</div>
<div ID="RIGHT" STYLE="position:absolute; left=286; top=34; width=16; height=100; visibility:show">
<img src=FRAMERIGHT.bmp border=0 alt="0" width=16 height=100>
</div>
<div ID="LOWLEFT" STYLE="position:absolute; left=10; top=134; width=16; height=16; visibility:show">
<img src=FRAMELOWLEFT.bmp border=0 alt="0" width=16 height=16>
</div>
<div ID="LOW" STYLE="position:absolute; left=26; top=134; width=260; height=16; visibility:show">
<img src=FRAMELOW.bmp border=0 alt="0" width=260 height=16>
</div>
<div ID="LOWRIGHT" STYLE="position:absolute; left=286; top=134; width=16; height=16; visibility:show">
<img src=FRAMELOWRIGHT.bmp border=0 alt="0" width=16 height=16>
</div>
</div>
</body>
</html>

Når jeg overfører værdien af text[i] (via show-variablen) til T01 kan noden ikke klare mellemrummene. Det bliver til nye linier i stedet for. Hvordan undgår jeg det?

Bedre? :-)

Synes godt om

Slettet bruger

11. juni 2003 - 12:11 #6

Prøv at skrive det på denne måde:

<div id="SC01" style="position:absolute; left: 30px; top: 10px; visibility: visible;">
<p id="T01" style="white-space: nowrap;"></p>
</div>

Synes godt om

benoit Nybegynder

11. juni 2003 - 12:27 #7

My Man, det virker!
:-)
Denne lille hjerneknude kostede 8 timers besværgelser. ;-)
Tak for hjælpen, Phoenixv. Smid lige et svar, så du kan få point.

Synes godt om

Slettet bruger

11. juni 2003 - 12:28 #8

Svar

Synes godt om

Slettet bruger

11. juni 2003 - 12:28 #9

Det er også væsentligt pænere kode. Lad være med at bruge font-tags, de er uddøde ligesom dinosaurerne og technomusik.

Synes godt om

benoit Nybegynder

11. juni 2003 - 12:39 #10

Det kan ligge i style i <p>-tagget?

Synes godt om

Slettet bruger

11. juni 2003 - 12:39 #11

Ja.

Synes godt om

Slettet bruger

11. juni 2003 - 12:40 #12

Altså:

<div id="SC01" style="position:absolute; left: 30px; top: 10px; visibility: visible;">
<p id="T01" style="white-space: nowrap; color: white; font-family: Times New Roman; font-size: 50%;"></p>
</div>

Synes godt om

Slettet bruger

11. juni 2003 - 12:40 #13

Eller evt. font-size: 10px

Synes godt om

benoit Nybegynder

11. juni 2003 - 12:50 #14

Det er smukt, det vil jeg prøve af. Tak for hjælpen.
:-)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS