nicht angemeldet
IE onSubmit eventhandler tut nicht
hi volks
irgendwer hat mal gemeint source code wäre die beste dokumentation daher fasse ich mich kurz.
1.) unter mozilla geht es wunderbar, mein liebster browser.
2.) der IE von MS hingegen kennt doch auch den event handler onSubmit(script();).
nur warum wird das script bei mir nicht ausgeführt wenn man das ganze dhtml erzeugt ?
DER CODE:
<html>
<head>
<title>Damn This</title>
<script language="JavaScript" type="text/javascript">
<!--
/* Globale Variablen Dekleration */
Feld11 = new Array("4","17","224","128");
Feld12 = new Array("rot","grün","violett","blau");
Feld21 = new Array("11","22");
Feld22 = new Array("hase","maus");
Feldx = new Array();
Feldy = new Array();
Feldx[0] = Feld11;
Feldx[1] = Feld12;
Feldy[0] = Feld21;
Feldy[1] = Feld22;
BrowserName = navigator.appName;
if (BrowserName == "Microsoft Internet Explorer")
{
BrowserName = "ie";
}
else if (BrowserName == "Netscape")
{
BrowserName = "ns";
}
else
{
BrowserName = "other";
}
/* Initialisierung der Ein/Aus-gabefelder*/
function init(Feldx,Feldy)
{
zeigeFeld(Feldx,Feldy);
}
/*
* Fügt den gewählten Wert in das Array ein.
*/
function einfuegen(event)
{
var found=false;
if (BrowserName == "ie")
{
for (var i = 0; i < Feldy[0].length; i++)
{
if (event.srcElement.value == Feldy[0][i])
{
alert("Eintrag bereits Vorhanden");
found=true;
}
}
for (var i = 0; i < Feldx[0].length; i++)
{
if( (found==false) && (Feldx[0][i]==event.srcElement.value) )
{
Feldy[0] = Feldy[0].concat(Feldx[0][i]);
Feldy[1] = Feldy[1].concat(Feldx[1][i]);
}
}
}
else if (BrowserName == "ns" || "other")
{
for (var i = 0; i < Feldy[0].length; i++)
{
if (event.target.value == Feldy[0][i])
{
alert("Eintrag bereits Vorhanden");
found=true;
}
}
for (var i = 0; i < Feldx[0].length; i++)
{
if( (found==false) && (Feldx[0][i]==event.target.value) )
{
Feldy[0] = Feldy[0].concat(Feldx[0][i]);
Feldy[1] = Feldy[1].concat(Feldx[1][i]);
}
}
}
clear();
zeigeFeld(Feldx,Feldy);
}
function loeschen(event)
{
if (BrowserName == "ie")
{
for (var i = 0; i < Feldy[0].length; i++)
{
if (Feldy[0][i]== event.srcElement.value)
{
var value1= Feldy[0][i];
var value2= Feldy[1][i];
}
}
Feldy[0].splice("value1",1);
Feldy[1].splice("value2",1);
}
else if (BrowserName == "ns" || "other")
{
for (var i = 0; i < Feldy[0].length; i++)
{
if (Feldy[0][i]== event.target.value)
{
var value1= Feldy[0][i];
var value2= Feldy[1][i];
}
}
Feldy[0].splice("value1",1);
Feldy[1].splice("value2",1);
}
clear();
zeigeFeld(Feldx,Feldy);
}
function clear()
{
var cFeld1 = document.getElementById("feldx");
var cFeld2 = document.getElementById("feldy");
var coption1 = feld1.lastChild;
var coption2 = feld2.lastChild;
feld1.removeChild(coption1);
feld2.removeChild(coption2);
}
function zeigeFeld(Feldx,Feldy)
{
feld1 = document.getElementById("source");
feld2 = document.getElementById("destination");
var form = document.createElement('form');
form.setAttribute('name','myForm');
form.setAttribute('action','baum.php');
form.setAttribute('method','post');
form.setAttribute('onSubmit','weisnet()');
var input = document.createElement("input");
input.setAttribute('type','submit');
input.setAttribute('value','testme');
input.setAttribute('name','output');
var select1 = document.createElement("select");
var select2 = document.createElement("select");
select1.setAttribute('size','10');
select1.setAttribute('name','selecte1');
select2.setAttribute('size','10');
select2.setAttribute('name','selecte2[]');
select2.setAttribute('multiple','multiple');
select2.setAttribute('id','selec');
if (BrowserName == "ie")
{
select1.attachEvent("onclick",einfuegen);
select2.attachEvent("onclick",loeschen);
}
else if (BrowserName == "ns" || "other")
{
select1.addEventListener("click",einfuegen,true);
select2.addEventListener("click",loeschen,true);
}
for (var i = 0; i < Feldx[0].length; i++)
{
var option1 = document.createElement("option");
var value1 = document.createAttribute("value");
var optionText1 = document.createTextNode(Feldx[1][i]);
value1.nodeValue = Feldx[0][i];
option1.setAttributeNode(value1);
option1.appendChild(optionText1);
select1.appendChild(option1);
}
feld1.appendChild(select1);
for (var i = 0; i < Feldy[0].length; i++)
{
var option2 = document.createElement("option");
var value2 = document.createAttribute("value");
var optionText2 = document.createTextNode(Feldy[1][i]);
value2.nodeValue = Feldy[0][i];
option2.setAttributeNode(value2);
option2.appendChild(optionText2);
select2.appendChild(option2);
}
form.appendChild(select2);
form.appendChild(input);
feld2.appendChild(form);
}
function moome1(Feldx)
{
alert("Feldx1 "+Feldx[0]);
alert("Feldx2 "+Feldx[1]);
}
function moome2(Feldy)
{
alert("Feldy1 "+Feldy[0]);
alert("Feldy2 "+Feldy[1]);
}
function weisnet()
{
for (var i = 0; i < Feldy[0].length; i++)
{
if (BrowserName == "ie")
{
document.forms[0].elements[0].options[i].selected = true;
}
else if (BrowserName == "ns" || "other")
{
document.forms[0].elements['selecte2[]'].options[i].selected = true;
}
}
alert("nix");
return(true);
}
-->
</script>
</head>
<body onload="init(Feldx,Feldy);">
<?php
print_r($_POST);
?>
<table cellspacing="0" cellpadding="0" border="0" height="700" width="100%">
<tr>
<td align="center" valign="middle">
<table cellspacing="0" cellpadding="0" border="2" width="600" height="500">
<tr>
<td>
<div align="center" id="source"></div>
</td>
<td>
<div align="center" id="destination"></div>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<p onClick="moome1(Feldx);">Zeig mir Felder Links</p>
<p onClick="moome2(Feldy);">Zeig mir Feld Rechts</p>
<p onClick="weisnet();">all</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
-
Hi Lamm,
probier's mal mit onsubmit, statt onSubmit. Javascript achtet auf Groß-/Kleinschreibung.
Gruß,
Martin