[onkel-tom]

Hallo Leute,

ich habe einen Div-Container mit einer Flash-Datei die als Link gedacht ist. Wenn man nun diesen Link anklickt, soll wie bei einem angeklickten Textlink irgendwie markiert werden, daß man diesen schon besucht hat. Bei einem Textlink ist das ja kein Problem, aber hier ist das ganz was anderes.

Ich wollte eigentlich ein milchiges Bild drüber legen, sobald man den Flash-Link anklickt, aber mit Background-Image geht das ja nicht, oder?. Auch ist die Position der Links unterschiedlich da diese aus einer Datenbank erzeugt werden, und die Position relativ ist. Somit kann ich keinen anderen Container drüber legen, da es ja bei jedem Link wieder eine andere Position wäre.

Vielleicht hat ja einer eine Idee wie ich das machen kann.

Danke im Voraus.

[onkel-tom]

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

	.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

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;');
	}
}