Forum PHP.pl > [JavaScript]Wyświetlenie input po kliknieciu w tekst

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Wyświetlenie input po kliknieciu w tekst

maksik

23.08.2013, 11:10:11

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>

kamilos809

23.08.2013, 11:17:01

Miałem kiedyś ten sam problem

Znalazłem gotowca w necie, wygląda tak:

Plik klik.js :

[PHP] pobierz, plaintext 
<script language="JavaScript" type="text/javascript">
<!--
var klik = new Array('klik1', 'klik2');
 
function activateTabss(klik)
{
for (w = 0; w < klik.length; w++)
{
if (document.getElementById(klik[w]))
{
document.getElementById(klik[w]).style.display = 'none';
 
}
}
document.getElementById(klik).style.display = 'block';
 
}
//-->
</script>
[PHP] pobierz, plaintext

i użycie tego:

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

martex

23.08.2013, 11:24:56

prosze tylko pamietaj zaladuj jquery najlepiej najnowsze

[HTML] pobierz, plaintext 
<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8" />
 
<script src="jquery.js"></script>
</head>
<body>
 
<div id="przycisk">OPEN</div>
<div id="formularz">
 
<form method="#" action="#">
<input type="text" value="sds"><br />
<textarea></textarea>
</form>
</div>
 
<script type="text/javascript">
$(document).ready(function (){
 
   //Gdy dokument zosstanie załadowany, jQuery ukryje div o id="formularz"
   $("#formularz").hide();
   //Gdy zostanie kliknięty div o id="przycisk", jQuery wysunie lub wsunie div z formularzem
   $("#przycisk").click(function(){
      $("#formularz").slideToggle(650 )
   }) 
});
</script>
 
 
</body>
</html>
[HTML] pobierz, plaintext

maksik

23.08.2013, 11:30:29

dzięki, działa

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.