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
Cloud & AI
Teknologi, AI og forretning er i centrum på Computerworlds Cloud og AI Festival i København d. 18. og 19. september. Se hele programmet for den store konference om strategisk brug af Cloud og AI på: www.cloud-festival.dk
<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