Avatar billede lopolla123 Nybegynder
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 :-)
Avatar billede thesurfer Nybegynder
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
Avatar billede lopolla123 Nybegynder
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......?
Avatar billede lopolla123 Nybegynder
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.
Avatar billede thesurfer Nybegynder
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
Avatar billede thesurfer Nybegynder
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
Avatar billede lopolla123 Nybegynder
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........
Avatar billede psykochicken Nybegynder
16. marts 2006 - 15:04 #7
Du har jo heller ikke nogen div med id Div_3 eller Div_4.

/psc
Avatar billede lopolla123 Nybegynder
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 :-)
Avatar billede thesurfer Nybegynder
16. marts 2006 - 15:10 #9
psc> Ja, det har du da ret i.. :-)
Måske er der mere kode..?

/theSurfer
Avatar billede psykochicken Nybegynder
16. marts 2006 - 15:15 #10
nej tak - giv pointene til surferen :o)

/psc
Avatar billede lopolla123 Nybegynder
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 :-)
Avatar billede thesurfer Nybegynder
16. marts 2006 - 15:28 #12
Så smider jeg et svar :-)

/theSurfer
Avatar billede lopolla123 Nybegynder
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';
            }
        }
    }
Avatar billede lopolla123 Nybegynder
16. marts 2006 - 15:36 #14
Det virker skal skrive if(CookieVal == 'open')
:-)

Men tak for hjælpen - nu spiller det ;)
Avatar billede thesurfer Nybegynder
16. marts 2006 - 15:40 #15
Det var så lidt :-)

/theSurfer
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