Gegen Bilderklau - Das Original | Druckvorschau: Klicktraining | Java Script

Geschrieben von Morgan Girl am 07.06.2009 um 15:02:

Klicktraining | Java Script

Hi fröhlich

Ich hab hier einen Code, mit dem bei jedem Klick ein rotes Quadrat an der Maus "gemalt" wird.
Test
Jetzt hätte ich aber gerne, dass bei jedem neuen Klick das letzte gemalte Quadrat verschwindet und eines an der neuen Position der Maus erscheint. So, dass eben immer nur ein rotes Quadrat zu sehen ist.
Wie muss ich dann den folgenden Code umschreiben, bzw mit welcher JS-Funktion (habe gerade etwas angefangen, das zu lernen) kann ich meine Vorstellung realisieren?

Ich hoffe ihr könnt mir helfen.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:

<script type="text/javascript">
function onMouseDown(e) {
	var div = document.getElementById("sweetDiv");
	
	x = (document.all) ? window.event.x + div.offsetParent.scrollLeft : e.pageX;
    y = (document.all) ? window.event.y + divt.offsetParent.scrollTop  : e.pageY;
	
	//div.style.left = (x) + "px";
    //div.style.top   = (y) + "px";
	createDivElement(x,y);
}

function createDivElement(x,y) {
	var kot = document.createElement("div");
	kot.setAttribute("style", "position:absolute;width:10px;height:10px;background-color:#F40404;top:"+y+";left:"+x);
	document.getElementsByTagName("body")[0].appendChild(kot);
}
document.onmousedown = onMouseDown;


function onMouseUp(e) {
}
document.onmouseup = onMouseUp;
</script>

Geschrieben von cll am 10.06.2009 um 11:06:

ich denke mal mit kot.visible=false

Geschrieben von Morgan Girl am 10.06.2009 um 19:56:

wo genau muss ich das wie einfügen? (hab bei google nix dazu gefunden)

muss doch bestimmt in den teil, da heißts ja var kot =....

code:

1:
2:
3:
4:
5:
6:
7:

function createDivElement(x,y) {
	var kot = document.createElement("div");
	kot.setAttribute("style", "position:absolute;width:10px;height:10px;background-color:#F40404;top:"+y+";left:"+x);
	document.getElementsByTagName("body")[0].appendChild(kot);
}

Geschrieben von cll am 10.06.2009 um 22:05:

ich weiß es nicht genau, aber ich denk du musst
var kot;
außerhalb der Funktionen deklarieren, damit du es im Mousedown erreichen kannst, und dann im Mousedown das alte Objekt löschen und in dem anderen mit kot=... ein neues erzeugen. Aber das ist mir grad auch etwas zu hoch^^