Forum PHP.pl > js problem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: js problem

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

john_doe

26.01.2009, 18:49:28

Witam,

chciałbym zrobić coś takiego jak tutaj. Czyli mam sobie pole textarea i po naciśnieciu buttona w tym polu pojawiają mi się znaczniki html.

[HTML] pobierz, plaintext 
<html>
 
	<head>
 
		<title></title>
 
		<script type="text/javascript" src="bbCode.js"></script>
 
	</head>
 
<body>
 
	<input type="button" value="BOLD" onclick="bold()" />
 
	<textarea id="myDivElem" rows="10" cols="50"> </textarea>
 
</body>
 
</html>
[HTML] pobierz, plaintext

kod js

[HTML] pobierz, plaintext 
function bold()
{
	var string;
	string = "<b></b>";
 
	myDiv = document.getElementById("myDivElem");
 
	myDiv.innerHTML = string; 
}
[HTML] pobierz, plaintext

no i coś tam już działa i licho tzn. zadziała tylko raz. drugie przyciśniecie przycisku już nie dodaje ponownie znaczników. Po zmazaniu tego co się pojawiło i ponownym wcisnięciu buttona też nic nie powoduje. Dopiero gdy załaduję stronę w nową zakładkę.
jakieś wskazówki?

krystian

EarthCitizen

26.01.2009, 19:09:19

Źle się odwołujesz do wartości pola textarea, zamiast innerHTML użyj value:

Kod

myDiv.value = string;

john_doe

26.01.2009, 19:12:53

no dobrze. teraz po zmazaniu i ponownym wciśnięciu buttona znaczniki się pojawiają. Ale gdy np wstawię sobie jakiś tekst lub np gdy zmarzę znacznik zamykający tego bolda to ponowne wciśnięcie buttona powoduje zastąpienie wszystkiego co jest w textarea

EDIT:

oczywiście

[HTML] pobierz, plaintext 
pozdromyDiv.value += string;
[HTML] pobierz, plaintext

i elegancko

pozdro

EarthCitizen

26.01.2009, 19:17:45

Jak Ci napiszę jak dodać tekst z przodu lub na końcu tekstu w textarea to zaraz się zapytasz a jak dodać znaczniki w miejscu kursora albo po bokach zaznaczenia więc może zrób tak jak z bbcode np jak tu: http://forum.php.pl/index.php?showtopic=46...zenie++textarea

john_doe

26.01.2009, 19:26:36

nie no to mi wystarczy. Efekty zamierzony osiągnięty. Dzięki

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.