[Jann Hendrik]

Ich habe hier einen JS-basierten Editor gesucht.

Ich habe den für meine Test-Zwecke ein wenig geändert...
Ich habe
- das HTML validiert
- das JS ausgelagert; ebenso das CSS
- eine Vorschau eingebaut

nun stehe ich aber vor einem Problem.

Möglichkeit 1)
ich lasse den form-tag so:

<form action="index.php" method="post" name="pfform">

dann ist es nicht valid - und ich weiß auch nicht, wie ich das hinbekommen sollte, oder aber ich entscheide mich für:

Möglichkeit 2)

<form action="index.php" method="post">

Lasse als das name-Attribut weg. Dann aber versagt mir das JS den Dienst.

Weiß jemand, wie ich das trotzdem hinbekomme?


Das Problem beim JS ist, dass die Zeile

var instanz = document.pfform.hrcbox;

dann natürlich nicht mehr funktioniert...


Mein Ziel ist eine valide Seite (also Möglichkeit 2), bei der aber JS trotzdem noch funktioniert...
Daher scheint mir dies ein reines JS-Problem zu sein?!

Kann mir geholfen werden?

[Ben]

Kannst ja mal "name" in "id" umtauschen.

[Jann Hendrik]

Dann ist das zwar valid, aber das JS versagt mir dann auch den Dienst.

Ich dachte, dass das ID nur Auswirkungen auf CSS hätte?

[robo47]

xhtml strict ? in Kombination mit nem anderen mimetype als text/html für das Dokument ?

Damit läuft kein mir bekannter WYSIWYG-Editor, hab das für mein Backend auch fallen gelassen. Das liegt daran, dass wenn das Dokument in irgendeiner Form von XML ausgeliefert wird, JavaScript nicht mehr document.write und so nutzen kann.

[Jann Hendrik]

ich habe das hier im head:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

also text/html

Das ist auch eigentlich nicht das Problem - denke ich mal...



Ich bin mir ehrlich gesagt noch nicht mal sicher, ob ich alle notwendigen Dateien von dort kopiert habe

[$traight-$hoota]

Zitat von Jann Hendrik

Das Problem beim JS ist, dass die Zeile

var instanz = document.pfform.hrcbox;

dann natürlich nicht mehr funktioniert...

Nimm doch wie Ben vorgeschlagen hat, id statt name, wie es nach w3c auch sein sollte und greif dann per document.getElementById("pfform") auf das formular zu.
Oder verwende ein Framework wie Prototype, da geht das einfach per $F("hrcbox").

[Jann Hendrik]

Zitat von $traight-$hoota

Nimm doch wie Ben vorgeschlagen hat, id statt name, wie es nach w3c auch sein sollte und greif dann per document.getElementById("pfform") auf das formular zu.

Wunderhübsch! Danke dir!

Mal abgesehen von einem Wackel-Effekt, der im Original nicht ist (aber bei mir) funktioniert das jetzt schon ganz gut!


Nur wenn ich das JS in eine externe Datei auslagern will spinnt er noch.

Das liegt dann wieder an der Zeile:

var instanz = document.getElementById("pfform").hrcbox;

ich vermute mal, dass ich an dem document noch was ändern muss?

[Jann Hendrik]

So. das wäre auch erledigt!

Der Wackel-Effekt beruhte in einem Fehler im CSS, und ich habe die Definition der Variablen rausgenommen und im folgenden JS-Source durch den Inhalt geändert. Dann geht auch das!

Somit bin ich zufrieden!

Danke an die Helfer!