Morgan Girl
Hi
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> |
|
cll
ich denke mal mit kot.visible=false
Morgan Girl
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);
}
|
|
cll
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^^