Forum PHP.pl > [Formularz] Radio = Dodanie pól

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [Formularz] Radio = Dodanie pól

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

aceide

23.06.2004, 10:25:53

Witam.

Chcialbym wykorzystac w formularzu:

[HTML] pobierz, plaintext 
<form action=index.php method=post>
<input type=radio name=nazwa value=tak> Posiadam konto
<input type=radio name=nazwa value=nie> Nie posiadam
</form>
[HTML] pobierz, plaintext

... coś takiego ze po zaznaczeniu opcji Nie posiadam (zmienna $nazwa = nie) pod spodem pojawialy sie dwa pola input (login i haslo) w tym samym formularzu gotowe do przeslania dodatkowych informacji dalej. To jest pewnie bardzo proste ale ja w ogole sie na tym nie znam

.

Z góry proszę moderatorów o poblazliwosc, bo w ogole nie znam JS ani DHTMLa i byc moze taki temat juz jest - nie wiem pod jaka pozycja tego szukac

Z gory dziekuje i pozdrawiam.

scanner

23.06.2004, 10:29:38

Ogólnie:
Do obu radio podpinasz akcję "onChange". formularz do zakladania konta dajesz w <div> i sterujjesz parametrem "visibility" - chyba najprościej. (ale nie ma chwilowo jak sprawdzić)

aceide

23.06.2004, 12:17:41

A można podać kod demonstracyjny, bo nie mam zielonego pojęcia o JavaScript

GofNet

23.06.2004, 19:19:58

Witam Was Ziemianie. Chyba napisałęm fragment kodu, którego szukasz. Oto on:

[HTML] pobierz, plaintext 
<!--c1--><div class='codetop'>Kod</div><div class='codemain'><!--ec1--><html>
<head>
   <meta http-equiv="Content-Language" content="pl">
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
   <meta name="Author" content="GofNet">
   <title>Ukrywanie warstwy</title>
   <script type="text/javascript">
   <!--
      var ns6=document.getElementById&&!document.all;
      var ie4=document.all;
      var ns4=document.layers;
      function pokaz(identyfikator){
         if(ie4)
            document.all[identyfikator].style.visibility="visible";
         if(ns6)
            document.getElementById(identyfikator).style.visibility="visible";
         if(ns4)
            document.layers[identyfikator].visibility="show";
      }
      function ukryj(identyfikator){
         if(ie4)
            document.all[identyfikator].style.visibility="hidden";
         if(ns6)
            document.getElementById(identyfikator).style.visibility="hidden";
         if(ns4)
            document.layers[identyfikator].visibility="hide";
      }
      //-->
      </script>
</head>
 
<body onLoad="ukryj('warstwa');">
   <center>
      <h2>Warstwy</h2>
   </center>
   <form action="index.php" method="post">
   <input type="radio" name="nazwa" value="tak" onclick="pokaz('warstwa');"> Posiadam konto<br>
   <input type="radio" name="nazwa" value="nie" onclick="ukryj('warstwa');"> Nie posiadam konta
   <div id="warstwa">
      Login: <input type="text" name="login" value="" size="20"><br>
      Hasło: <input type="password" name="pwd" value="" size="20">
   </div>
   </form>
</body>
</html><!--c2--></div><!--ec2-->
[HTML] pobierz, plaintext

Graficznie musisz sobie go dopasować do własnych potrzeb. Powodzenia

aceide

24.06.2004, 09:04:33

Oka - dzięki, o to chodziło, tylko teraz chciałbym jedną poprawkę na to wszystko - w tym momencie (dokładnie to w momencie gdy zaznaczona jest opcja Nie posiadam konta) powstaje taka duża przerwa (wielkości <div> -a

) między <div> -em, a resztą dokumentu HTML - istnieje jakaś możliwość przeróbki skryptu, żeby to zniknęło?

GofNet

25.06.2004, 22:20:18

Jedyna koncepcja, jaka w tej chwili mnie naszła, to wstawić w to miejsce opcjonalnie nie jedną, lecz dwie warstwy. Jeśli ktoś ma konto, to niech się zaloguje, a w przeciwnym wypdku, niech będzie jakiś obrazek, lub kosmetyczny button, lub coś podobnego, co będzie trzeba nacisnąć, aby się zapisać do serwisu.

Jest to może pośresnie rozwiązanie, ale w tej chwili nie mam pomysłów na ten problemik.

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.