So, nun habe ich nach Stundenlangem probieren und Grübeln doch eine Lösung gefunden. Allerdings funktioniert das komischerweise nur im FireFox und nicht im IE oder Opera, das versteh ich wiederum nicht, da mein Javascript auch im IE laufen sollte, was es aber nicht tut, denn im IE wird kein einziges DIV erzeugt.
Hier mal meine Lösung:
CSS
Code:
.videolink_maske {
position: absolute;
top: 0px;
left: 0px;
width: 330px;
height: 100px;
background-image: url('images/videolink_maske.png');
background-repeat: no-repeat;
z-index: 200;
}
Javascript
Code:
function videolink(obj) {
if(!document.getElementById(obj + "_maske")) {
var y = document.getElementById(obj).offsetTop + 20;
var myDiv = document.createElement("div");
myDiv.setAttribute('id',obj + '_maske');
var newDiv = document.getElementById("spalteL");
newDiv.appendChild(myDiv);
var myDiv = document.createElement("div");
myDiv.setAttribute('class','videolink_maske');
myDiv.setAttribute('style','position: absolute; top: ' + y + 'px;');
myDiv.setAttribute('onclick','videolink(obj);');
var newDiv = document.getElementById(obj + "_maske");
newDiv.appendChild(myDiv);
document.getElementById(obj).setAttribute('style', 'border: 1px dotted #000000;');
}
}