Schrift
Wiki:Tipp zum Debugging: use Data::Dumper; local $Data::Dumper::Useqq = 1; print Dumper \@var;
[thread]2337[/thread]

[JavaScript] nodeValue

Leser: 1


<< >> 5 Einträge, 1 Seite
TheDHK
 2007-03-17 14:52
#25092 #25092
User since
2007-01-19
37 Artikel
BenutzerIn
[default_avatar]
Hallo,
ich habe hier eine <textarea> und einen <span>. Alles, was der Nutzer in die <textarea> eingibt, erscheint auch im <span>.
Das erfolgt mithilfe folgender Funktion:
Code: (dl )
1
2
3
function setText () {
document.getElementById("text_span").firstChild.nodeValue = document.getElementById("Eingabe").value;
}


Dazu gibt es einige Formatierungsbuttons. Beispiel Fett:
Code: (dl )
1
2
3
4
5
6
7
8
9
10
var Bold = 0;
function setBold () {
if(Bold == 0) {
document.getElementById("Text").style.fontWeight = "bold";
Bold = 1;
} else {
document.getElementById("Text").style.fontWeight = "normal";
Bold = 0;
}
}


Problem: Es wird immer der ganze <div>-Bereich formatiert. Wie müsste ich diese Funktionen verändern, damit auch einzelne Bereiche formatiert werden können?

Vielen Dank.

Gruß

TheDHK
jan
 2007-03-17 15:09
#25093 #25093
User since
2003-08-04
2536 Artikel
ModeratorIn
[Homepage] [default_avatar]
naja, dafür müsstest du auf sub-nodes umstellen und nicht den gesamten text als einen node behandeln.
schau dir doch mal die javascript-editoren an, die es schon gibt, da kannst du sicher ein paar anregungen finden (oder gleich darauf verzichten, es komplett selbst zu bauen).
als beispiel:
http://www.fckeditor.net/
http://www.htmlarea.com/
http://tinymce.moxiecode.com/
http://epoz.sourceforge.net/

ich bin in dem thema nicht drin und kann nicht sagen, welcher davon am besten ist. mit htmlarea und fckeditor habe ich aber mal gespielt, vor jahren. war beides "nett".
TheDHK
 2007-03-17 16:39
#25094 #25094
User since
2007-01-19
37 Artikel
BenutzerIn
[default_avatar]
Hallo,
vielen Dank. Jetzt habe ich noch eine Frage:
Ich habe einen <span id="text_span">&nbsp;</span>.
Wie schreibe ich jetzt mit JavaScript in diesen span was rein?
Code: (dl )
document.getElement.ById('text_span').write("blabla");
geht leider nicht. Hat jemand einen Tipp?

Gruß

DHK\n\n

<!--EDIT|TheDHK|1174142425-->
jan
 2007-03-17 16:53
#25095 #25095
User since
2003-08-04
2536 Artikel
ModeratorIn
[Homepage] [default_avatar]
GwenDragon
 2007-03-18 12:31
#25096 #25096
User since
2005-01-17
14787 Artikel
Admin1
[Homepage]
user image
Code: (dl )
document.getElementById('text_span').firstChild.data='Test';


Beispiel:
Code: (dl )
1
2
        <a href="#" onclick="document.getElementById('text_span').firstChild.data='Test';">ändern</a>
<p>Text <span id="text_span">von</span> Müller</p>
\n\n

<!--EDIT|GwenDragon|1174214179-->
<< >> 5 Einträge, 1 Seite



View all threads created 2007-03-17 14:52.