javascript - skift mellem login og opret bruger - Udvikleren.dk

Tags: jquery javascript

<< < 1 2 > >>

Bruger #16353 @ 25.12.11 01:38

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

13 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #16025 @ 25.12.11 13:02

442

CSS

CSS kode

 #opret
 {
     display: none; background-color: #FFFFFF; height: 100px; width: 100px;
 }
 
 #login
 {
     display: none; background-color: #FFFFFF; height: 100px; width: 100px;
 }

JavaScript

JScript kode

 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";
  }

HTML

HTML kode

 <!-- De to links der kan "åbne" en div -->
  <a href="#" onclick="visopret()">Opret bruger</a>
  <a href="javascript: vislogin();">Login</a>
  
  <!-- "Opret bruger" boksen -->
  <div id="opret">
  Her kan du oprette en bruger<br />
  <a href="javascript: void(0);" onclick="skjulopret();">Luk vindue</a>
  </div>
  
  <!-- "Login" boksen -->
  <div id="login">
  Her kan du logge ind<br />
  <a href="javascript: void(0);" onclick="skjullogin();">Luk vindue</a>
  </div>

Det virker hos mig

Indlæg senest redigeret d. 25.12.2011 13:03 af Bruger #16025

Bruger #16025 @ 25.12.11 15:16

442

RETTELSE [--slettet--]

Jeg har ordnet det.

JavaScript

JScript kode

 var div, dopret, dlogin;
 
 dopret = false;
 dlogin = false;
 
 function visopret()
 {
     div = document.getElementById("opret");
     
     if(dlogin == false)
     {
         div.style.display = "block";
         dopret = true;
     }
     else
     {
         div.style.display = "none";
         dopret = false;
     }
 }
 
 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
     {
         div.style.display = "none";
         dlogin = false;
     }
 }
 
 function skjullogin()
 {
     div = document.getElementById("login");
     div.style.display = "none";
     
     dlogin = false;
 }

HTML

HTML kode

 <!-- De to links der kan "åbne" en div -->
  <a href="javascript: void(0);" onclick="visopret();">Opret bruger</a>
  <a href="javascript: void(0);" onclick="vislogin();">Login</a>
  
  <!-- "Opret bruger" boksen -->
  <div id="opret">
  Her kan du oprette en bruger<br />
  <a href="javascript: void(0);" onclick="skjulopret();">Luk vindue</a>
  </div>
  
  <!-- "Login" boksen -->
  <div id="login">
  Her kan du logge ind<br />
  <a href="javascript: void(0);" onclick="skjullogin();">Luk vindue</a>
  </div>

CSS

CSS kode

 #opret
 {
     display: none;
     height: 100px;
     width: 100px;
 }
 
 #login
 {
     display: none;
     height: 100px;
     width: 100px;
 }

Indlæg senest redigeret d. 25.12.2011 15:31 af Bruger #16025

Bruger #16025 @ 25.12.11 17:38

442

Vil du gerne have at man kan skifte imellem dem ved at klikke på linket? Altså at man kan skifte rundt uden at den åbner begge imens den ene er åben?

For så skal du bare erstatte din javascript med

JScript kode

 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;
 }

Indlæg senest redigeret d. 25.12.2011 17:47 af Bruger #16025

Bruger #16025 @ 25.12.11 02:11

442

Det kommer jo helt an på hvilken måde du vil have det på.

Typisk ville jeg sige at du har to links, den ene til "opret bruger" og den anden til "login".

HTML

HTML kode

 <!-- De to links der kan "åbne" en div -->
 <a href="javascript: void(0);" onclick="visopret();">Opret bruger</a>
 <a href="javascript: void(0);" onclick="vislogin();">Login</a>
 
 <!-- "Opret bruger" boksen -->
 <div id="opret" style="display: none">
 Her kan du oprette en bruger<br />
 <a href="javascript: void(0);" onclick="skjulopret();">Luk vindue</a>
 </div>
 
 <!-- "Login" boksen -->
 <div id="login" style="display: none">
 Her kan du logge ind<br />
 <a href="javascript: void(0);" onclick="skjullogin();">Luk vindue</a>
 </div>

JavaScript

JScript kode

 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";
 }

Indlæg senest redigeret d. 25.12.2011 02:12 af Bruger #16025

Bruger #16353 @ 25.12.11 03:20

-108

den siger der er fejl i javascript

JScript kode

 <script src="style/login-opretbruger.js" type="text/javascript"></script>

henter kodening.

Indlæg senest redigeret d. 25.12.2011 03:36 af Bruger #16353

Bruger #16025 @ 25.12.11 11:42

442

Hvad er fejlen?

Bruger #16353 @ 25.12.11 12:36

-108

Kan ikke husk men det er noget gøre med

JScript kode

 div.style.display

der siger ind i koden er fejl

altså når du kigger via browser.

Bruger #16025 @ 25.12.11 12:40

442

JScript kode

 var opret = document.getElementByID("opret");
 var login = document.getElementByID("login");
 
 function visopret()
  {
          opret.style.display = "block";
          alert(opret.style.display);
  }
  
  function skjulopret()
  {
          opret.style.display = "none";
          alert(opret.style.display);
  }
  
  function vislogin()
  {
          login.style.display = "block";
          alert(login.style.display);
  }
  
  function skjullogin()
  {
          login.style.display = "none";
          alert(login.style.display);
  }

Prøv det her

Bruger #16353 @ 25.12.11 12:48

-108

der ske stadig intet.. ,

Som sagt det er ligesom at klik på et tom link hver der intet ske på det

Indlæg senest redigeret d. 25.12.2011 12:56 af Bruger #16353

Bruger #16353 @ 25.12.11 13:51

-108

Ja det virker men når man klik på log ind så kommer og der efter "glem" at klik på luk vindue så lukker den ikke

så kommer der til at være 2 vindue.

<< < 1 2 > >>

skift mellem login og opret bruger

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler