Avatar billede tobrukDk Novice
25. december 2011 - 03:56 Der er 8 kommentarer og
1 løsning

skift mellem login og opret bruger

hej

Det er sådan at jeg er i gang med til min hjemmeside at man skal kun log in og opret bruger osv.. så vil jeg gerne have at når man klikker på f.eks opret bruger så kommer box frem med input form.. og så når man klikker på login form så kommer den frem og så bliver den betyde med opret så den kommer væk.

Hvordan skal jeg bygge det op ??

Spørger hvis der er noget som i virkelig gerne vil vide mere omkring eller ligne



<!-- De to links der kan "åbne" en div -->
<a href="java script: void(0);" onclick="visopret();">Opret bruger</a>
<a href="java script: void(0);" onclick="vislogin();">Login</a>

<!-- "Opret bruger" boksen -->
<div id="opret" style="display: none">
Her kan du oprette en bruger<br />
<a href="java script: void(0);" onclick="skjulopret();">Luk vindue</a>
</div>

<!-- "Login" boksen -->
<div id="login" style="display: none">
Her kan du logge ind<br />
<a href="java script: void(0);" onclick="skjullogin();">Luk vindue</a>
</div>

function visopret()
{
        var div = document.getElementByID("opret");
        div.style.display = "block";
}

function skjulopret()
{
        var div = document.getElementByID("opret");
        div.style.display = "none";
}

function vislogin()
{
        var div = document.getElementByID("login");
        div.style.display = "block";
}

function skjullogin()
{
        var div = document.getElementByID("login");
        div.style.display = "none";
}


den siger der er fejl :( hvad har jeg gøre galt siden det ikke virker 100%?
25. december 2011 - 08:32 #1
Det er vel i din egen interesse fra starten af selv at komme med de relevante oplysningerne, så folk kan komme igang.  Der er adskillige af dine spørgsmål, hvor jeg er hoppet over, fordi der  ikke var oplysninger nok og så i stedet gået i gang med et andet spørgsmål.  I dette spørgsmål må du vel kunne indse, at denne oplysning:  "den siger der er fejl.."  er utilstrækkelig.  Du burde i stedet gør dig den umage at skrive, for eksempel: "Når jeg klikker på .... forventer jeg at få .....  I stedet får jeg denne fejlmelding: '.....'

Ikke sandt?
Avatar billede tobrukDk Novice
25. december 2011 - 12:54 #2
Jo det kan jeg godt give dig ret i , men det er nok pga at min ven låner min bruger her ind til da han ikke rigtigt vil opret en bruger men jeg siger til ham snart at han skal gøre det.. fordi jeg gider ikke have at folk tror jeg laver spørgsmål hele tiden hvis man kan sig sådan :)



Altså det der ske når jeg klik på det så er det som at klik på et Tom link til en anden siden :)

Spørger lige hvis der er noget mere som du vil vide. :)
Avatar billede DeeDawg Nybegynder
25. december 2011 - 18:17 #3
De ting du har lavet her, er ikke så heldige. Jeg håber, det er fordi du er i begynderfasen, men skynd dig at få lagt de her vaner på hylden uanset hvad.

Lad os tage et kig på de ting, der sørger for at det her ikke fungerer.

<a href="java script: void(0);" onclick="visopret();">Opret bruger</a>

Det staves javascript, og må ikke være i 2 ord. Lige nu leder browseren efter en fil der hedder java script: void(0); hvilket den sjovt nok aldrig finder. Det er derfor du oplever at browseren prøver at skifte side.

var div = document.getElementByID("opret");

Her ser det ud til, at du mener du kan ændre på store og små bogstaver som det passer dig. Den går altså ikke. Funktionen hedder getElementById() og det kan du ikke ændre på.

Så hvis du prøver at ændre det, og det så stadigvæk ikke fungerer, så må vi tage den derfra. ;)


Derudover ville jeg nok effektivisere min kode lidt og samle alle dine funktioner i 1. Noget i stil med:

<script type="text/javascript">
    function visSkjul(id){
        var div = document.getElementById(id);
        var display = div.style.display;
       
        div.style.display = (display == "none" ? "block" : "none");
    }
</script>
Avatar billede tobrukDk Novice
25. december 2011 - 22:42 #4

var div, dopret, dlogin;

dopret = false;
dlogin = false;

function visopret()
{
    div = document.getElementById("opret");
   
    if(dlogin == false)
    {
        div.style.display = "block";
        dopret = true;
    }
    else
    {
        document.getElementById("login").style.display = "none";
        div.style.display = "block";
        dopret = true;
    }
}

function skjulopret()
{
    div = document.getElementById("opret");
    div.style.display = "none";
   
    dopret = false;
}

function vislogin()
{
    div = document.getElementById("login");

    if(dopret == false)
    {
        div.style.display = "block";
        dlogin = true;
    }
    else
    {
        document.getElementById("opret").style.display = "none";
        div.style.display = "block";
        dlogin = true;
    }
}

function skjullogin()
{
    div = document.getElementById("login");
    div.style.display = "none";
   
    dlogin = false;
}


en af min venner har kommet frem til det :)
Avatar billede tobrukDk Novice
26. december 2011 - 18:32 #5
Ja jeg er i begynderfasen :D
28. december 2011 - 18:23 #6
tobrukDk, hvad er nu din videre hensigt med denne tråd?  Hvis du fik problemet løst (hvad du synes at fortælle) er tiden vel inde til at lukke spørgsmålet.
Avatar billede tobrukDk Novice
28. december 2011 - 19:55 #7
Ja jeg fik lyst den da min ven hjælp mig med problemet :)
28. december 2011 - 20:32 #8
Du fik det løst.  Lukker du derfor spørgsmålet?
Avatar billede tobrukDk Novice
29. december 2011 - 05:11 #9
Det komme jeg frem til :)


var div, dopret, dlogin;

dopret = false;
dlogin = false;

function visopret()
{
    div = document.getElementById("opret");
   
    if(dlogin == false)
    {
        div.style.display = "block";
        dopret = true;
    }
    else
    {
        document.getElementById("login").style.display = "none";
        div.style.display = "block";
        dopret = true;
    }
}

function skjulopret()
{
    div = document.getElementById("opret");
    div.style.display = "none";
   
    dopret = false;
}

function vislogin()
{
    div = document.getElementById("login");

    if(dopret == false)
    {
        div.style.display = "block";
        dlogin = true;
    }
    else
    {
        document.getElementById("opret").style.display = "none";
        div.style.display = "block";
        dlogin = true;
    }
}

function skjullogin()
{
    div = document.getElementById("login");
    div.style.display = "none";
   
    dlogin = false;
}
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