Forum PHP.pl > [PHP][JavaScript] Treść dostępna po kliknięciu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][JavaScript] Treść dostępna po kliknięciu

Zwariowany

13.07.2009, 16:30:16

Da się zrobić tak, że jak kliknę przycisk zaloguj to pokaże mi on formularz logowania? Czyt. czy da się zrobić tak że jak klikne link to pojawi mi się jakaś treść w jakimś miejscu? Jeśli tak, to proszę o jakieś wskazówki

kefirek

13.07.2009, 16:35:00

http://forum.php.pl/index.php?showtopic=99185

Zwariowany

13.07.2009, 16:40:01

[HTML] pobierz, plaintext 
<script language="javascript" type="text/javascript">
function showHide(id_div,id_button){
if(document.getElementById(id_div).style.display=="none"){
  document.getElementById(id_div).style.display="block";
  document.getElementById(id_button).value="ukryj";
}else{
  document.getElementById(id_div).style.display="none";
  document.getElementById(id_button).value="pokaż";
}
}
</script>
<div style="display:none;" id="jakisid">
asdasd asdf sf
</div>
<br><br><br><input type="button" value="pokaż" onclick=javascript:showHide("jakisid","but") id="but">
[HTML] pobierz, plaintext

Jest taka funkcja, lecz gdy próbowałem button atrybutem a href zastąpić to już nie działało ;/

kefirek

13.07.2009, 16:46:11

W jquery możesz to łatwo zrobić

[HTML] pobierz, plaintext 
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
 
 <script>
  $(document).ready(function(){
 
    $("#klik").click(function () {
      $("#pokaz").show("slow");
    });
 
  });
  </script>
 
</head>
<body>
 
<p id="klik">Pokaż</p>
<p id="pokaz" style="display: none">to sie pojawi</p>
 
</body>
</html>
[HTML] pobierz, plaintext

Marcuez

13.07.2009, 19:24:55

Ktoś mi kiedyś powiedział że najlepsza nauka to pomoc, a więc.
Kierując sie postem poniżej.

[HTML] pobierz, plaintext 
<script language="javascript" type="text/javascript">
function showHide(id_div,id_button){
if(document.getElementById(id_div).style.display=="none"){
  document.getElementById(id_div).style.display="block";
  document.getElementById(id_button).value="Ukryj logowanie";
}else{
  document.getElementById(id_div).style.display="none";
  document.getElementById(id_button).value="Pokaż logowanie";
}
}
</script>
<FIELDSET style="width:48%;">
<LEGEND>
<input type="button" value="Pokaż logowanie" onclick=javascript:showHide("global","but") id="but">
</LEGEND>
<div style="display:none;" id="global">
<FORM action="#">
<B>LOGIN:</B><input type="text" name="login"> <B>HASŁO:</B><input type="password" name="pass">&nbsp;&nbsp;&nbsp;<button type="submit"><b>Enter</b></button>
</form>
</div>
</FIELDSET>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.