Forum PHP.pl > Edycja tekstu po kliknięciu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Edycja tekstu po kliknięciu

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

JamalBIG

12.11.2013, 20:35:18

Witam

Wiem, że jest możliwe ale nie wiem jak to znaleźć - chodzi o skrypt dzięki któremu po kliknięciu np w div'a pojawi się pole <textarea> z podaną wartoścą którą mogę zmienić - podobnie działa to w phpMyAdmina (nowsze wersje) - po dwukrotnym kliknięciu pojawia się pole edycji;

Z góry dzięki za pomoc
Pozdrawiam

thrawn1986

12.11.2013, 20:49:10

[PHP] pobierz, plaintext 
 
<html>
<head>
<script>
 
function pokazywacz ()
{
var zmienna = document.getElementById("pokaz");
zmienna.style.display = "block";
}
 
 
</script>
</head>
<body>
 
<div onClick="pokazywacz()">klik<div>
 
<textarea id="pokaz" style="display: none">napis</textarea>
 
 
</body>
</html>
 
[PHP] pobierz, plaintext

Pozdrawiam

JamalBIG

12.11.2013, 20:53:56

Działa fajnie ale chodzi mi o skrypt dzięki któremu, tak jak w phpMyAdmin, możemy edytować całą listę danych (w moim przypadku chodzi tylko o pole <textarea> które jest w tablicy ' nazwa=koko[] '

thrawn1986

12.11.2013, 21:14:23

[PHP] pobierz, plaintext 
 
<html>
<head>
<script>
 
var test = 0;
 
function pokazywacz ()
{
	if (test < 1)
	{
 
	var zmienna = document.getElementById("pokaz");
 
 
	var n = document.createElement("textarea");
	n.innerHTML=zmienna.innerHTML;
	n.style.width= "200px";
 
	zmienna.innerHTML="";
	zmienna.appendChild(n);
 
 
 
	test++;
	}
}
 
 
</script>
</head>
<body>
 
<div onClick="pokazywacz()" id="pokaz" style="border: solid; width: 200px">
Tutaj jest jakis tekst.
</div>
 
 
 
 
</body>
</html>
 
 
[PHP] pobierz, plaintext

Nie wiem, czy o to Ci chodzi, bo nie korzystałem nigdy z phpMyAdmin.

JamalBIG

12.11.2013, 21:20:23

Chodzi o to że na stronie mam 10 pozycji którymi chce sobie zarządzać - Twój skrypt daje mi możliwość takiej zabawy tylko z jedną pozycją;

P.S - mimo to dzięki za odpowiedzi;

thrawn1986

12.11.2013, 22:04:14

Ostatnia próba

[PHP] pobierz, plaintext 
<html>
<head>
<script>
 
 
 
function pokazywacz (identy)
{
 
 
 
		var n = document.createElement("textarea");
		n.innerHTML=identy.innerHTML;
 
 
		identy.innerHTML="";
		identy.appendChild(n);
		identy.removeAttribute("onclick");
		//identy.onClick= ;
 
 
 
}
 
 
</script>
</head>
<body>
 
	<div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">Tutaj jest jakis tekst.</div>
	<div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">A tutaj kolejny.</div>
	<div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">I jeszcze jeden.</div>
	<div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">:)</div>
	<div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">:P</div>
	<div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">;)</div>
 
</body>
</html>
[PHP] pobierz, plaintext

kamil4u

12.11.2013, 22:06:50

https://developer.mozilla.org/en-US/docs/We...ontent_Editable ?

lub

http://stackoverflow.com/questions/2441565...when-i-click-it -> http://jsfiddle.net/GeJkU/

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.