Hallo Leute,
ich möchte gerne ein Div-Objekt mittels eines Klicks auf ein Bild aufrufen.
Innerhalb dieses aufgerufenen Div-Objekts kann ebenfalls mit nem Klick auf ein Bild das Objekt wieder geschlossen werden.
Folgendermaßen gelöst:
[..
<script type="text/javascript">
function offen(chk)
{
var fs = document.getElementById('fenster_' + chk.id);
fs.style.display = '';
}
function schliessen(chk)
{
var fs = document.getElementById('fenster_' + chk.id);
fs.style.display = 'none';
}
</script>
..
//Aufruf um die Box zu öffnen
<input type="image" id="box_1" name="details" src="../gfx/info.jpg" onclick="offen(this);">
//Box inkl. des Bildes zum schließen
<div id="fenster_box_1" class="rechte_details" style="display:none;"><font class=stichwort>Details für: $name[$x]</font><input type="image" name="detailrecht" id="box_1" src="../gfx/close.jpg" onclick="schliessen(this);"></div>
..]
Das klappt soweit, wobei mein Firefox meckert, dass ein Element mit der ID "box_1" doppelt definiert wird. Dem muss man ja nun auch zustimmen.
Meine Fragen:
1.) Wie kann ich es so machen, dass Firefox da nicht mehr meckert?
Es muss ja nunmal das Div-Objekt doppelt angesprochen werden: einmal zum öffnen und ein weiteres mal zum schließen
2.) Wenn ich dass ganze jetzt mit einem <form>-Tag umfasse, da man noch diverse andere Dinge eingeben kann, funzt das ganze nicht mehr, da durch Klick auf meine Bilchens ja auch das Form abgeschickt wird.
Es muss also was anderes her als <input type="image">
Also habe ich <img> genutzt. Soweit funktioniert es auch, nur erscheint jetzt nicht mehr das "Hand-Symbol" wodurch der User ja erkennt, dass man dort klicken kann. Es bleibt also der ganz "normale" Mauszeiger und der ahnungslose User erkennt somit nicht, dass er dort klicken kann.
Was kann ich da machen?
Muss ich das mit nem onmouseover lösen?
Wenn ja, wie mache ich das mit der Hand?
Gibt es da eine Quelle die ich direkt ansprechen kann, oder muss ich mir die Hand selbst als Bild anfertigen?
Vielen Dank für Eure Hilfe und Glückauf
Hans im Glück