16. marts 2006 - 13:26
Der er
14 kommentarer og 1 løsning
Forskelligt content i samme område
Er der nogen der kan svare mig på, hvordan man får forskelligt content til at blive vist i samme område... Menu: Søg Overblik Nedenstående var sådan formen jeg havde forestillet mig. <div id="1"> Her søger man </div> <div id="2"> Her er der et overblik </div> Håber der er nogle kvikke hoveder, der kan hjælpe mig med denne her :-)
Annonceindlæg tema
16. marts 2006 - 13:53
#1
1) Det der står i "id", SKAL starte med et bogstav (det må ikke starte med et tal). Dvs: <div id="plads1"> 2) Hvis "Her er der et overblik" skal op i "plads1", kan du f.eks bruge: document.getElementById("plads1").innerHTML = "Her er der et overblik"; /theSurfer
16. marts 2006 - 13:58
#2
Jeg er lidt en newbie i javascript, og kravler langsomt frem :-) Her er noget jeg bruger nu......... <script type="text/javascript"> var JscriptArray = new Array() JscriptArray[0]="Div_1" JscriptArray[1]="Div_2" JscriptArray[2]="Div_3" JscriptArray[3]="Div_4" </script> <script type="text/javascript"> function show2(id) { for(x in JscriptArray) { var IdAll = JscriptArray[x]; document.getElementById('IdAll').style.display='none'; if(IdAll == "id") { document.getElementById(IdAll).style.display='block'; } else { document.getElementById(IdAll).style.display='none'; } } } </script> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="200" align="left" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <a href="#" onClick="show2('Div_1')">Søg</a> </td> </tr> <tr> <td align="left" valign="top"> <a href="#" onClick="show2('Div_2')">Søg 2</a> </td> </tr> </table> </td> <td align="left" valign="top"> <div id="Div_1"> aaa </div> <div id="Div_2"> bbb </div> </td> </tr> </table Men den laver error.....jeg synes jo ellers, at den burde virke, men som sagt jeg er en begynder :-/ Jeg ved ikke om du kan se, hvad det er jeg vil der......?
16. marts 2006 - 13:59
#3
I funktionen er der så lige noget dobbeltkonfekt med document.getElementById('IdAll').style.display='none'; men den er remmet ud.
16. marts 2006 - 14:36
#4
Denne linie burde give en fejl, da elementet 'IdAll' ikke eksisterer document.getElementById('IdAll').style.display='none'; Rettelse er: fjern ' tegnene fra 'IdAll'. /theSurfer
16. marts 2006 - 14:36
#5
Og en fejl til: if(IdAll == "id") Skal være: if(IdAll == id) da id er en variabel, og ikke tekst. /theSurfer
16. marts 2006 - 14:44
#6
Tak :-) Den giver stadig fejl - som om den stopper efter første gang den har kørt funktionen (den er jo i en for-løkke)..... Det virker som om den stopper efter første gang dem kører: document.getElementById('IdAll').style.display='none'; Error: document.getElementById(IdAll) has no properties Siger den i mit fejl-program........
16. marts 2006 - 15:04
#7
Du har jo heller ikke nogen div med id Div_3 eller Div_4. /psc
16. marts 2006 - 15:10
#8
Se så gik det hele meget bedre - det var der hunden lå begravet :-) Du svarer bare så er der point :-)
16. marts 2006 - 15:10
#9
psc> Ja, det har du da ret i.. :-) Måske er der mere kode..? /theSurfer
16. marts 2006 - 15:15
#10
nej tak - giv pointene til surferen :o) /psc
16. marts 2006 - 15:17
#11
OK........havde slet ikke set, at det ikke var surferen - det var osse min tanke, men tak for hjælpen alligevel :-)
16. marts 2006 - 15:28
#12
Så smider jeg et svar :-) /theSurfer
16. marts 2006 - 15:31
#13
Nu har jeg lige tilføjet flg.: pasus til scriptet for at den beholder det "samme" indhold ved refresh........men det er den ikke flad for. Hvis du har lyst og lige hurtigt kan se problemet må du ger ne sige det - ellers opretter jeg bare et nyt spm. Problemet er, at alt gemmes væk/vises afhængig af, hvad jeg sætter else'n til. function show2(id) { for(x in JscriptArray) { var IdAll = JscriptArray[x]; if(IdAll == id) { document.getElementById(IdAll).style.display='block'; delete_cookie(IdAll); createCookie(IdAll, 'open', '100'); } else { document.getElementById(IdAll).style.display='none'; delete_cookie(IdAll); createCookie(IdAll, 'closed', '100'); } } } window.onload = function() { for(x in JscriptArray) { var CookieName = JscriptArray[x]; var CookieVal = get_cookie(CookieName); // document.write(CookieVal); if(CookieVal == open) { document.getElementById(CookieName).style.display='block'; } else { document.getElementById(CookieName).style.display='none'; } } }
16. marts 2006 - 15:36
#14
Det virker skal skrive if(CookieVal == 'open') :-) Men tak for hjælpen - nu spiller det ;)
16. marts 2006 - 15:40
#15
Det var så lidt :-) /theSurfer
Vi tilbyder markedets bedste kurser inden for webudvikling