Auswechslungsproblem mit IE und Moz FF

larsemann · 1. November 2006, 13:38

Hallo, ich habe folgenden Quelltext geschrieben. Funktioniert super im FF.

IM IE kommt aber :
"Das Objekt unterstützt diese Eigenschaft oder Methode nicht!" und es wird nicht weiter ausgeführt.

Quellcode

<script type="text/javascript">
var currentvalue = "selectProject";
var options = "";
function newProject() {
// parent
var element = document.getElementById("switch");
var oldField = document.getElementById(currentvalue);
var oldRef = document.getElementById("switchRef");
if ( currentvalue == "selectProject" )
{
// replaceWith
var replaceField = document.createElement("input");
replaceField.setAttribute("type", "text");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("value", "Neues Projekt");
replaceField.setAttribute("id", "newProject");
oldRef.firstChild.data = "Zurück zur Liste?";
}
else if ( currentvalue == "newProject")
{
// replaceWith
var replaceField = document.createElement("select");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("id", "selectProject");
<--{foreach from=$projects item=project}--!>
var newOption = document.createElement("option");
newOption.appendChild(document.createTextNode( "<--{$project.title}--!>" ));
newOption.setAttribute("value", "<--{$project.id}--!>");
replaceField.appendChild(newOption);
<--{/foreach}--!>
oldRef.firstChild.data = "Neues Projekt anlegen?";
}
// replace
element.replaceChild(replaceField, oldField);
if ( currentvalue == "selectProject")
currentvalue = "newProject";
else
currentvalue = "selectProject";
}
</script>

Alles anzeigen

Aufgerufen wird diese Funktion mit :

Quellcode

<a href="#" onClick="javascript:newProject()" id="switchRef"..

Die Bedeutung der angesprochene Fehlermeldung habe ich schon über Google versucht nachzuempfinden, allerdings waren wir die Antworten wenig ersichtlich.

Was kann daran falsch sein?

Übrigens. Die Zeilenangabe der Fehlermeldung passt auf die Zeile, in welcher sich der Aufruflink befindet.
Ich hoffe mir kann jemand helfen.
Gruß Lars

bruder · 1. November 2006, 16:09

Hallo larsemann. Um genau zu sagen wo das Problem liegt, muß du auch HTML Inhalt zeigen. Mann kann ja nicht wissen was für Tags mit

id="switch"

sind. Aber das ist nicht das Wichtigste. Diese kommische kommentare- tags

<--{foreach from=$projects item=project}--!>

werden von javascript nicht unterstützt. Die Seite wird bestimmt noch mit der andere Proigrammiersprache bearbeitet (z.B PHP). So kannst du die Seite auch nicht testen. Aber um zu zeigen, dass alles ok ist, schreibe ich selbs ein Tag mit in Script angegebener Struktur und mache die Kommentare weg:

Quellcode

<HTML>
<script type="text/javascript">
var currentvalue = "selectProject";
var options = "";
function newProject() {
// parent
var element = document.getElementById("switch");
var oldField = document.getElementById(currentvalue);
var oldRef = document.getElementById("switchRef");
if ( currentvalue == "selectProject" )
{
// replaceWith
var replaceField = document.createElement("input");
replaceField.setAttribute("type", "text");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("value", "Neues Projekt");
replaceField.setAttribute("id", "newProject");
oldRef.firstChild.data = "Zurück zur Liste?";
}
else if ( currentvalue == "newProject")
{
// replaceWith
var replaceField = document.createElement("select");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("id", "selectProject");
var newOption = document.createElement("option");
newOption.appendChild(document.createTextNode( "<--{$project.title}--!>"));
newOption.setAttribute("value", "<--{$project.id}--!>");
replaceField.appendChild(newOption);
oldRef.firstChild.data = "Neues Projekt anlegen?";
}
// replace
element.replaceChild(replaceField, oldField);
if ( currentvalue == "selectProject")
currentvalue = "newProject";
else
currentvalue = "selectProject";
}
</script>
<a href="#" onClick="javascript:newProject()" id="switchRef">asdad</a>
<div id="switch"><div id="selectProject">kllk</div></div>
<BODY>
</BODY>
</HTML>

Alles anzeigen

larsemann · 1. November 2006, 16:22

Ähm, das hatte ich vergessen zu erwähnen, dass was du als Kommentar titulierst sind abgeänderte delimiter von smarty.

Entschuldigung.

Torben Brodt · 1. November 2006, 21:15

sehe auch kein problem :-/

wie sieht denn der fertig geparste code aus?

larsemann · 1. November 2006, 21:23

Exakt so:

Quellcode

<script type="text/javascript">
var currentvalue = "selectProject";
var options = "";
function newProject() {
// parent
var element = document.getElementById("switch");
var oldField = document.getElementById(currentvalue);
var oldRef = document.getElementById("switchRef");
if ( currentvalue == "selectProject" )
{
// replaceWith
var replaceField = document.createElement("input");
replaceField.setAttribute("type", "text");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("value", "Neues Projekt");
replaceField.setAttribute("id", "newProject");
oldRef.firstChild.data = "Zurück zur Liste?";
}
else if ( currentvalue == "newProject")
{
// replaceWith
var replaceField = document.createElement("select");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("id", "selectProject");
var newOption = document.createElement("option");
newOption.appendChild(document.createTextNode( "Plan B" ));
newOption.setAttribute("value", "2");
replaceField.appendChild(newOption);
var newOption = document.createElement("option");
newOption.appendChild(document.createTextNode( "Projekt A" ));
newOption.setAttribute("value", "1");
replaceField.appendChild(newOption);
oldRef.firstChild.data = "Neues Projekt anlegen?";
}
// replace
element.replaceChild(replaceField, oldField);
if ( currentvalue == "selectProject")
currentvalue = "newProject";
else
currentvalue = "selectProject";
}
</script>

Alles anzeigen

Torben Brodt · 1. November 2006, 21:57

würde mal schritt für schritt ein paar sachen auskommentieren
zeilen 30-34 wiederholst du ja z.b. in 35-39
auch initialisierst du die variable mit dem selben namen nochmal neu..
mach da lieber nen zähler dahinter

Quellcode

var newOption1 = ...
var newOption2 = ...

larsemann · 2. November 2006, 15:39

Also auch mit statischen Options und mit Bedacht auf unikat-Variablen läuft es nicht.

Der Wechsel von einer select-box auf eine input-box brachte ebensowenig den ersuchten Erfolg.
Ich habe dennoch schonmal herausgefunden, dass es nicht an der Umstellung des Linktextes lag.

bruder · 2. November 2006, 16:35

ich dachte das Problem ist gelöst. Javascript ergibt doch keine Fehlermeldung in meinem Beispiel oben. Also functioniert doch was nicht?

larsemann · 2. November 2006, 16:47

Lies einfach was ich dazu gesagt habe, dann weisste was ich meine.

bruder · 2. November 2006, 16:58

Das hab ich kapiert. Smarty bearbeitet die Sete und ergibt diese saubere Code + ein Tag und functioniert ohne Fehler. Teste dieser Abschnitt selbst

Quellcode

<html>
<body>
<script type="text/javascript">
var currentvalue = "selectProject";
var options = "";
function newProject() {
// parent
var element = document.getElementById("switch");
var oldField = document.getElementById(currentvalue);
var oldRef = document.getElementById("switchRef");
if ( currentvalue == "selectProject" )
{
// replaceWith
var replaceField = document.createElement("input");
replaceField.setAttribute("type", "text");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("value", "Neues Projekt");
replaceField.setAttribute("id", "newProject");
oldRef.firstChild.data = "Zurück zur Liste?";
}
else if ( currentvalue == "newProject")
{
// replaceWith
var replaceField = document.createElement("select");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("id", "selectProject");
var newOption = document.createElement("option");
newOption.appendChild(document.createTextNode( "Plan B" ));
newOption.setAttribute("value", "2");
replaceField.appendChild(newOption);
var newOption = document.createElement("option");
newOption.appendChild(document.createTextNode( "Projekt A" ));
newOption.setAttribute("value", "1");
replaceField.appendChild(newOption);
oldRef.firstChild.data = "Neues Projekt anlegen?";
}
// replace
element.replaceChild(replaceField, oldField);
if ( currentvalue == "selectProject")
currentvalue = "newProject";
else
currentvalue = "selectProject";
}
</script>
<BODY>
<a href="#" onClick="javascript:newProject()" id="switchRef">asdad</a>
<div id="switch"><div id="selectProject">kllk</div></div>
</BODY>
</HTML>

Alles anzeigen

Ich glaube du siehst mehr als wir. Oder hast du nicht javascript gemeint? Und was zeigt Firefox in Extras -> Fehler-Konsole?

larsemann · 2. November 2006, 16:58

Haste das mit dem Ie probiert?

bruder · 2. November 2006, 17:01

Ja, version 6.0

larsemann · 2. November 2006, 17:14

Okay, hast mich überzeugt. Es geht.

Aber, wieso geht es nicht in meinem Tabellenkonstrukut?

Meine Seite war :

Quellcode

<script type="text/javascript">
var currentvalue = "selectProject";
var options = "";
function newProject() {
// parent
var element = document.getElementById("switch");
var oldField = document.getElementById(currentvalue);
var oldRef = document.getElementById("switchRef");
if ( currentvalue == "selectProject" )
{
// replaceWith
var replaceField = document.createElement("input");
replaceField.setAttribute("type", "text");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("value", "Neues Projekt");
replaceField.setAttribute("id", "newProject");
oldRef.firstChild.data = "Zurück zur Liste?";
}
else if ( currentvalue == "newProject")
{
// replaceWith
var replaceField = document.createElement("select");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("id", "selectProject");
<--{foreach from=$projects item=project}--!>
var newOption = document.createElement("option");
newOption.appendChild(document.createTextNode( "<--{$project.title}--!>" ));
newOption.setAttribute("value", "<--{$project.id}--!>");
replaceField.appendChild(newOption);
<--{/foreach}--!>
oldRef.firstChild.data = "Neues Projekt anlegen?";
}
// replace
element.replaceChild(replaceField, oldField);
if ( currentvalue == "selectProject")
currentvalue = "newProject";
else
currentvalue = "selectProject";
}
</script>
<form action="editReference.php" method="post">
<input type="hidden" name="id" value="{$edit.id}">
<table width="700" class="" border="1">
<tr>
<td width="200">Projekt:</td>
<--{ if $projects != "" }--!>
<td id="switch" width="350" align="left">
<select name="selectProject" id="selectProject" onClick="switchMenu">
<--{foreach from=$projects item=project}--!>
<option value="{$project.id}" <--{if $project.id == $edit.project}--!> selected <--{/if}--!>><--{$project.title}--!></option>
<--{/foreach}--!>
</select>
</td>
<td width="150" align="left"><a href="#" onClick="javascript:newProject()" id="switchRef">Neues Projekt anlegen?</a></td>
<--{else}--!>
<td><input type="text" name="newProject" value="Neues Projekt"></td>
<--{/if}--!>
</tr>
<tr>
<td>Titel:</td>
<td><input type="text" name="title" value="<--{$edit.title}--!>"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="submit" value="Speichern"><input type="submit" name="submit" value="Verwerfen"></td>
</tr>
</table>
</form>

Alles anzeigen

hmmm...

bruder · 2. November 2006, 17:26

Tja, Smarty hat die Seite schon wieder noch nicht bearbeitet, wie kannst du so testen?

larsemann · 2. November 2006, 17:30

Wieso hat smarty die Seite nicht bearbeitet?

bruder · 2. November 2006, 17:35

diese Tags sind mir schon bekannt, und die gehören nicht zu Javascript

<--{foreach from=$projects item=project}--!>
<--{/foreach}--!>

Darum fehlen auch manche ID

larsemann · 2. November 2006, 17:41

Das ist eigentlich erstmal irrelevant was fehlt etc.

Nur :

Sobald ich den Link zum ändern in die Tabelle, aber außerhalb der div-container positioniere, geht das nichtmehr.

Was muss ich beachten?

bruder · 2. November 2006, 17:55

wie meinst du das - irrelevant? Der ganze Scriptablauf basiert sich auf biebestimmte Tags-struktur und wenn manche fehlen, dann gibts Fehler. Was mich wundert, dass der Firefox meldet kein fehler. Vergessen wir erstmal FF und testen wieder wenn smarty fertig ist

larsemann · 2. November 2006, 18:01

bei mir funktioniert jetzt alles und smarty is auch fertig..

Torben Brodt · 2. November 2006, 18:05

also ist das problem gelöst?

die sache war ja nur, dass uns der smarty code nicht viel zum debuggen geholfen hat.
Der fertig geparste code ist wichtiger, wenn es um ein client-problem geht

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Tags