|
Почему не работает второй Event?
Подскажите, почему не работает Event??????
Еvent указан в коде в комментарии.
<html>
<head>
<title></title>
</head>
<body>
<script>
function ButtonAnzeigen(strId, zIndexAngabe, strPosition){
this.strId = strId;
this.zIndexAngabe = zIndexAngabe;
this.strPosition = strPosition;
a = document.createElement("button");
a.style.zIndex = zIndexAngabe;
a.innerHTML = "Analyse";
a.style.right = 0;
a.style.bottom = 0;
a.style.color = "rgb(0,100,100)";
a.style.position = strPosition;
a.id = strId;
document.body.appendChild(a);
}
function TextZerlegen(){
m = document.createElement("div");
document.body.appendChild(m);
m.id = "div";
v = document.getElementById("iA").value;
c = new Array();
for(x = 0; x < v.length; x++){
c[x] = document.createElement("span");
m.appendChild(c[x]);
c[x].innerHTML = v[x];
c[x].id = "span"+x;
}
m.style.position = "absolute";
m.style.top = 100;
m.style.fontSize = 50;
m.style.fontFamily = "Calibri";
}
function InputArea_Anzeigen(str_idAngabe, strPositionAngabe, zIndexAngabe){
this.strPositionAngabe = strPositionAngabe;
this.str_idAngabe = str_idAngabe;
this.zIndexAngabe = zIndexAngabe;
document.body.style.backgroundColor = "#f3f3f3";
v = document.createElement("input");
v.id = str_idAngabe;
v.style.position = strPositionAngabe;
v.style.zIndex = zIndexAngabe;
v.style.color = "rgb(255,255,255)";
v.style.backgroundColor = "rgb(0,0,150)";
v.style.left = 0;
v.style.top = 0;
v.style.fontSize = 50;
v.style.textShadow = "red 0 0 1px, red 5px 5px 3px";
v.style.width = window.innerWidth;
document.body.appendChild(v);
}
// Anwendungsblock
var iA = new InputArea_Anzeigen("iA", "absolute", 0);
var b = new ButtonAnzeigen("b", 20, "absolute");
a.onclick = function(){
TextZerlegen();
};
// Почуму он не работает???????????????
document.getElementById("span1").onclick = function(){
alert("welcome");
};
</script>
</body>
</html>
|