✔ JS Klasse

[ts230]

Hallo, ich brauche für einen WYSIWYG-Editor sowas wie eine Klasse.
Ich meine so:
TSEdit.exec("bold",null);
Ich hoffe ihr könnt helfen.
Mei Script sieht so aus:

function TSEdit()
{

var this.exec(what,value){editableDocument.execCommand(what, false, value);        }
var this.color(){command="forecolor";document.getElementById('colorpalette').style.visibility='visible';}
var this.dismisscolorpalette(){document.getElementById("colorpalette").style.visibility="hidden";}
}

 

[Thopeto]

meinst du sowas?

function TSEdit() {
...
}

TSEdit.prototype.exec = function(style,sowhat) {
...
}

 

[ts230]

So?

function TSEdit()
{
void(true);
}

TSEdit.prototype.exec = function(what,value)
{editableDocument.execCommand(what, false, value);}

TSEdit.prototype.color = function(){
command="forecolor";
document.getElementById('colorpalette').style.visibility='visible';
}

TSEdit.prototype.dismisscolorpalette = function(){document.getElementById("colorpalette").style.visibility="hidden";}
}

FireBug sagt das:

TSEdit is not defined
selectColor("")test.html (Linie 25)
click()test.html (Linie 56)
[Break on this error] editableDocument.execCommand(command, false, color);
test.html (Linie 25)
editableDocument is not defined
[Break on this error] editableDocument.execCommand(command, false, color);
test.html (Linie 25)

 

[Thopeto]

les dir mal das durch:
http://www.all-community.de/art290.htm

 

[ts230]

Könnt ihr mir bitte ein Beispiel schreiben?
Also nur so den Grundaufbau mit der Klasse und einer Funktion drinne.Daraus lern ich irgendwie schneller

 

[Thopeto]

hast du dir überhaupt den link angeschaut?! da sind beispiel genug. nimm dir die 5 minuten und les dir es mal durch, damit du es verstehst.

 

[ts230]

@Thopeto
Meist du so?

var TSEdit = new TSE();
InitColorPalette();

function TSE()
{
this.exec=exec;
this.color=color;
this.dismisscolorpalette=dismisscolorpalette
}

function exec(what,value)
{editableDocument.execCommand(what, false, value);}

function color(){
command="forecolor";
document.getElementById('colorpalette').style.visibility='visible';
}

function dismisscolorpalette(){document.getElementById("colorpalette").style.visibility="hidden";}
}

 

[Sven Mintel]

Mmmh, meinst du nicht, bevor du dich an soetwas wagst, solltest du erstmal die Grundlagen von JS pauken

Dann würdest du bspw. erfahren, dass das Schlüsselwort function kleingeschrieben werden muss.

 

[ts230]

Im Originalcode is es ja klein nur es wurde hier Formatiert.
Und?Könnt ihr mir bitte ein kleines Beispiel schreiben?

 

[Sven Mintel]

Dann wähle den richtigen bb-Code, oder ist das etwa SQL-Code?