Hallo Zusammen,
habe nach Jahren wieder mal was mit JavaScript zu tun... leider nicht mehr so flüssig wie früher...
Ich möchte im Bereich <article> mehrere Bilder als buttons positionieren. Beim klick auf eines der Bilder erscheint ein verstecktes Formular im Bereich <aside>. Das Formular wird dabei über eine Funktion aus dem button heraus sichtbar gemacht, gleichzeitig werden in dieser Funktion auch Werte mit übertragen. Das Formular wird zusätzlich aus einer anderen Quelle mit bildspezifischen Grunddaten gefüllt. Der spätere Versandt der Daten klappt wunderbar.
Da mehrere button auf das gleiche Formular zugreifen, kann ich nachdem das Formular einmal sichtbar ist, zwischen den verschieden button hin und her springen. Das Formular wird jeweils mit den dazugehörenden Grunddaten gefüllt.
Nun mein Problem:
Es scheint so, dass wenn ich zwischen den button hin und her springe, mehrere Instanzen des Formulars aufgebaut werden. Denn wenn ich das Formular abschicke, werden für alle angeklickten button Formulare abgeschickt. Habe auch einen reset() versucht (wenn man zwischen den button springt), komme aber nicht weiter. Um Hilfe wäre ich dankbar.
Grüße
Michael
HTML
JavaScript
habe nach Jahren wieder mal was mit JavaScript zu tun... leider nicht mehr so flüssig wie früher...
Ich möchte im Bereich <article> mehrere Bilder als buttons positionieren. Beim klick auf eines der Bilder erscheint ein verstecktes Formular im Bereich <aside>. Das Formular wird dabei über eine Funktion aus dem button heraus sichtbar gemacht, gleichzeitig werden in dieser Funktion auch Werte mit übertragen. Das Formular wird zusätzlich aus einer anderen Quelle mit bildspezifischen Grunddaten gefüllt. Der spätere Versandt der Daten klappt wunderbar.
Da mehrere button auf das gleiche Formular zugreifen, kann ich nachdem das Formular einmal sichtbar ist, zwischen den verschieden button hin und her springen. Das Formular wird jeweils mit den dazugehörenden Grunddaten gefüllt.
Nun mein Problem:
Es scheint so, dass wenn ich zwischen den button hin und her springe, mehrere Instanzen des Formulars aufgebaut werden. Denn wenn ich das Formular abschicke, werden für alle angeklickten button Formulare abgeschickt. Habe auch einen reset() versucht (wenn man zwischen den button springt), komme aber nicht weiter. Um Hilfe wäre ich dankbar.
Grüße
Michael
HTML
HTML:
<div class='positionButton_1' id="positionButton_1" onclick= "showform('Eingabeblock_1','Data1')">
</div>
<div class='positionButton_2' id="positionButton_2" onclick= "showform('Eingabeblock_1','Data2')">
</div>
<div class='positionButton_3' id="positionButton_3" onclick= "showform('Eingabeblock_1','Data3')">
</div>
<div class='positionButton_4' id="positionButton_4" onclick= "showform('Eingabeblock_1','Data4')">
</div>
<div class='positionButton_5' id="positionButton_5" onclick= "showform('Eingabeblock_1','Data5')">
</div>
<script type="text/javascript">
var buttons_1 = document.getElementById("positionButton_1"); buttons_1.innerHTML = '<img src="Bilder/testbutton_1.png" />';
var buttons_2 = document.getElementById("positionButton_2"); buttons_2.innerHTML = '<img src="Bilder/testbutton_1.png" />';
var buttons_3 = document.getElementById("positionButton_3"); buttons_3.innerHTML = '<img src="Bilder/testbutton_1.png" />';
var buttons_4 = document.getElementById("positionButton_4"); buttons_4.innerHTML = '<img src="Bilder/testbutton_1.png" />';
var buttons_5 = document.getElementById("positionButton_5"); buttons_5.innerHTML = '<img src="Bilder/testbutton_1.png" />';
</script>
JavaScript
Code:
/*Bei Click wird zum Schalter zugehöriges Form geladen */
function showform(formsheet, data){
// Gewünschtes form wird ausgewählt --> noch versteckt
switch (formsheet){
case "Eingabeblock_1": insertdataform_1(formsheet, data);
break;
default: console.log("Zum Schalter existiert kein formsheet");
}
}
Zuletzt bearbeitet von einem Moderator: