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.
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
<ole> ... og dit problem er ...? /mvh </bole>
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?
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
<html> <head> <script language="JavaScript"> <!-- var p=new Array(); var turn=1; var text = new Array(200); var texpos=-1; var w=new String(); textpos=0; text[0]="1 1 1 1 1 1 1"; text[1]=""; text[2]="Det er dette den ikke kan klare ...."; text[3]="";text[4]="1 1 1 1 1 1";text[5]="";text[6]="";text[7]="";text[8]="";text[9]="";text[10]="";text[11]=""; text[12]="";text[13]="111111";text[14]="";text[15]="";text[16]="222 2222";text[17]="";text[18]="";text[19]=""; text[20]=" 2 2 ";text[21]="";text[22]="222D";text[23]="2222BY";text[24]="22222CTICA";text[25]="";text[26]="Kun"; text[27]="et";text[28]="ord";text[29]="i";text[30]="hver";text[31]="linie?";text[32]="";text[33]="";text[34]="Hvis"; text[35]="der";text[36]="skrives";text[37]="mere";text[38]="sker";text[39]="dette:";text[40]="et to tre"; text[41]="";text[42]="";text[43]="";text[44]="";text[45]="fire fem seks";text[46]="";text[47]="";text[48]=""; text[49]="";text[50]="";text[51]="";text[52]="Hvorfor";text[53]="sker";text[54]="det?";text[55]="";text[56]="\"Noden\"";text[57]="har de forkerte egenskaber. Hvordan ændres de?"; text[58]="";text[59]="";text[60]="Den";text[61]="kan";text[62]="ikke";ext[63]="klare"; text[64]="mellemrum."; text[65]="";text[66]="";text[67]="";text[68]="";text[69]="";text[70]="";text[71]="";text[72]="";text[73]=""; text[74]="";text[75]="";text[76]="";text[77]="";text[78]="";text[79]="";text[80]="";text[81]="";text[82]=""; text[83]="";text[84]="";text[85]="";text[86]="";text[87]="";text[88]="";text[89]="";text[90]="";text[91]=""; text[92]="";text[93]="";text[94]="";text[95]="";text[96]="";text[97]="";text[98]="";text[99]=""; text[100]="Tester Tester";text[101]="Tester2";text[102]="Tester3";text[103]="Tester4";text[104]="Tester5"; text[105]="Tester6";text[106]="Tester7";text[107]="Tester8";text[108]="Tester9";text[109]="Tester10"; text[110]="Tester11";text[111]="Tester12";text[112]="Tester13";text[113]="Tester14";text[114]="Tester15"; text[115]="Tester16";text[116]="Tester17";text[117]="Tester17";text[118]="Tester17";text[119]="Tester17"; text[120]="";text[121]="";text[122]="";text[123]="";text[124]="";text[125]="";text[126]="";text[127]="";text[128]=""; text[129]="";text[130]="";text[131]="";text[132]="";text[133]="";text[134]="";text[135]="";text[136]="";text[137]=""; text[138]="";text[139]="";text[140]="";text[141]="";text[142]="";text[143]="";text[144]="";text[145]="";text[146]=""; text[147]="";text[148]="";text[149]="";text[150]="";text[151]="";text[152]="";text[153]="";text[154]="";text[155]=""; text[156]="";text[157]="";text[158]="";text[159]="";text[160]="";text[161]="";text[162]="";text[163]="";text[164]=""; text[165]="";text[166]="";text[167]="";text[168]="";text[169]="";text[170]="";text[171]="";text[172]="";text[173]=""; text[174]="";text[175]="";text[176]="";text[177]="";text[178]="";text[179]="";text[180]="";text[181]="";text[182]=""; text[183]="";text[184]="";text[185]="";text[186]="";text[187]="";text[188]="";text[189]="";text[190]="";text[191]=""; text[192]="";text[193]="";text[194]="";text[195]="";text[196]="";text[197]="";text[198]="";text[199]=""; var show = new Array(12); function kickoff() { for (i=0; i<12; i++) { p[i]=(i*10)+20; show[i]=" ";} window.setTimeout("move();", 100); } function move() { for (i=0; i<12; i++) { p[i]=p[i]-1; } if (p[0]==10) { for (i=0; i<12; i++) { p[i]=(i*10)+20; } for (i=1; i<12; i++) { show[i-1]=show[i]; } show[11]=text[textpos]; textpos++; if (textpos>188) { textpos=0; } document.getElementById("T01").firstChild.nodeValue=" "+show[0]; document.getElementById("T02").firstChild.nodeValue=" "+show[1]; document.getElementById("T03").firstChild.nodeValue=" "+show[2]; document.getElementById("T04").firstChild.nodeValue=" "+show[3]; document.getElementById("T05").firstChild.nodeValue=" "+show[4]; document.getElementById("T06").firstChild.nodeValue=" "+show[5]; document.getElementById("T07").firstChild.nodeValue=" "+show[6]; document.getElementById("T08").firstChild.nodeValue=" "+show[7]; document.getElementById("T09").firstChild.nodeValue=" "+show[8]; document.getElementById("T10").firstChild.nodeValue=" "+show[9]; document.getElementById("T11").firstChild.nodeValue=" "+show[10]; document.getElementById("T12").firstChild.nodeValue=" "+show[11]; } document.getElementById("SC01").style.top=p[0]; document.getElementById("SC02").style.top=p[1]; document.getElementById("SC03").style.top=p[2]; document.getElementById("SC04").style.top=p[3]; document.getElementById("SC05").style.top=p[4]; document.getElementById("SC06").style.top=p[5]; document.getElementById("SC07").style.top=p[6]; document.getElementById("SC08").style.top=p[7]; document.getElementById("SC09").style.top=p[8]; document.getElementById("SC10").style.top=p[9]; document.getElementById("SC11").style.top=p[10]; document.getElementById("SC12").style.top=p[11]; if (turn=1) { document.images[2].src="frameupperright.bmp"; } if (turn=2) { document.images[2].src="frameupperright2.bmp"; } if (turn=3) { document.images[2].src="frameupperright3.bmp"; } turn++; if (turn>3) { turn=1; } window.setTimeout("move();", 10); } --> </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? :-)
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>
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.
Slettet bruger
11. juni 2003 - 12:28
#8
Svar
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.
11. juni 2003 - 12:39
#10
Det kan ligge i style i <p>-tagget?
Slettet bruger
11. juni 2003 - 12:39
#11
Ja.
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>
Slettet bruger
11. juni 2003 - 12:40
#13
Eller evt. font-size: 10px
11. juni 2003 - 12:50
#14
Det er smukt, det vil jeg prøve af. Tak for hjælpen. :-)
Vi tilbyder markedets bedste kurser inden for webudvikling