Avatar billede 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.
Avatar billede olebole Juniormester
10. juni 2003 - 23:13 #1
<ole>

... og dit problem er ...?

/mvh
</bole>
Avatar billede 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?
Avatar billede benoit Nybegynder
10. juni 2003 - 23:24 #3
www.xdb.dk/horis.html - der ligger den lige kortvarigt.
Avatar billede 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
Avatar billede benoit Nybegynder
11. juni 2003 - 11:18 #5
<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? :-)
Avatar billede 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>
Avatar billede 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.
Avatar billede Slettet bruger
11. juni 2003 - 12:28 #8
Svar
Avatar billede 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.
Avatar billede benoit Nybegynder
11. juni 2003 - 12:39 #10
Det kan ligge i style i <p>-tagget?
Avatar billede Slettet bruger
11. juni 2003 - 12:39 #11
Ja.
Avatar billede 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>
Avatar billede Slettet bruger
11. juni 2003 - 12:40 #13
Eller evt. font-size: 10px
Avatar billede benoit Nybegynder
11. juni 2003 - 12:50 #14
Det er smukt, det vil jeg prøve af. Tak for hjælpen.
:-)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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