Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Wyświetlenie input po kliknieciu w tekst
maksik
post 23.08.2013, 11:10:11
Post #1





Grupa: Zarejestrowani
Postów: 206
Pomógł: 0
Dołączył: 26.09.2012

Ostrzeżenie: (0%)
-----

Witam

Mając taki link <a href="#">zmien nazwe</a>

jak zrobić aby po kliknięciu w niego pojawiło się (w JS)
<form>
<input type="text" name="zmien">
<input type="submit" value="zmień nazwę">

</form>
Go to the top of the page
+Quote Post
kamilos809
post 23.08.2013, 11:17:01
Post #2





Grupa: Zarejestrowani
Postów: 165
Pomógł: 3
Dołączył: 2.04.2010

Ostrzeżenie: (10%)
X----

Miałem kiedyś ten sam problem wink.gif
Znalazłem gotowca w necie, wygląda tak:

Plik klik.js :
[PHP] pobierz, plaintext 
  1. <script language="JavaScript" type="text/javascript">
  2. <!--
  3. var klik = new Array('klik1', 'klik2');
  4.  
  5. function activateTabss(klik)
  6. {
  7. for (w = 0; w < klik.length; w++)
  8. {
  9. if (document.getElementById(klik[w]))
  10. {
  11. document.getElementById(klik[w]).style.display = 'none';
  12.  
  13. }
  14. }
  15. document.getElementById(klik).style.display = 'block';
  16.  
  17. }
  18. //-->
  19. </script>
[PHP] pobierz, plaintext


i użycie tego:

[PHP] pobierz, plaintext 
  1.  <a href=\"java script:activateTabss('klik1')\">KLIK!</a>
  2.  
  3. <div id=\"klik1\" style=\"display: none;\">
  4. <form>
  5. <input type="text" name="zmien">
  6. <input type="submit" value="zmień nazwę">
  7.  
  8. </form>
  9. </div>
[PHP] pobierz, plaintext


Ten post edytował kamilos809 23.08.2013, 11:18:17
Go to the top of the page
+Quote Post
martex
post 23.08.2013, 11:24:56
Post #3





Grupa: Zarejestrowani
Postów: 133
Pomógł: 4
Dołączył: 7.11.2012
Skąd: Połaniec

Ostrzeżenie: (0%)
-----

prosze tylko pamietaj zaladuj jquery najlepiej najnowsze 

[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html lang="pl">
  3. <head>
  4. <meta charset="utf-8" />
  5.  
  6. <script src="jquery.js"></script>
  7. </head>
  8. <body>
  9.  
  10. <div id="przycisk">OPEN</div>
  11. <div id="formularz">
  12.  
  13. <form method="#" action="#">
  14. <input type="text" value="sds"><br />
  15. <textarea></textarea>
  16. </form>
  17. </div>
  18.  
  19. <script type="text/javascript">
  20. $(document).ready(function (){
  21.  
  22.    //Gdy dokument zosstanie załadowany, jQuery ukryje div o id="formularz"
  23.    $("#formularz").hide();
  24.    //Gdy zostanie kliknięty div o id="przycisk", jQuery wysunie lub wsunie div z formularzem
  25.    $("#przycisk").click(function(){
  26.       $("#formularz").slideToggle(650 )
  27.    }) 
  28. });
  29. </script>
  30.  
  31.  
  32. </body>
  33. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
maksik
post 23.08.2013, 11:30:29
Post #4





Grupa: Zarejestrowani
Postów: 206
Pomógł: 0
Dołączył: 26.09.2012

Ostrzeżenie: (0%)
-----

dzięki, działa wink.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 8.06.2025 - 12:50
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn