Choleriker
Neues Mitglied
Hallo zusammen,
ich versuche mich gerade einzulesen wie ich mit CSS und JavaScript ein kleines Auswahlmenü erstelle. Leider fand ich bisher im Netz nur Anleitungen mit HTML, CSS und JS, aber irgendwie keine die das Ganze nur mit CSS und JavaScript umsetzen.
Es soll bei einem Klick, also muss ich vermutlich mit „onclick“ arbeiten, ein Miniauswahlmenü aufpoppen, dass zwischen lediglich 2 Möglichkeiten (dementsprechend 2 unterschiedliche Buttons bereitstellt) unterscheidet. Je nach Auswahl öffnet sich ein anderes großes Menüfenster. Das Drumherum ist schon fertig und funktioniert. Ich müsste eigentlich „nur“ das kleine Miniauswahlmenü als Zwischenschritt einbauen.
Ich setze dabei an dieser Stelle im Quellcode an:
Ich dachte, ich in der vorhandenen onClick-Anweisung zwischen "onClick=" und "{this.renderModal.bind(this, "edit", primaryKeyValue)}" in Zeile 5 irgendwie eine if/else-Verzweigung mit einer weiteren onClick-Anweisung einbauen, die dann das anschließende jeweilige große Menüfenster öffnet. Oder nach dem else eine weitere if/else-Verzweigung, die dann quasi abfragt ob geklickt wurde und für welches große Menü sich entschieden wurde und den entsprechenden Inhalt lädt. Falls das so möglich sein sollte?
Geht das denn überhaupt so wie ich mir das vorstelle? Bzw. ist das umsetzbar?
Eine andere Idee wäre, kein Miniauswahlmenü (obwohl das schöner aussieht) zu erzeugen, sondern bei einem Linksklick die eine und bei Rechtsklick die andere Menü-Variante zu öffnen.
Vorab schon mal herzlichen Dank.
ich versuche mich gerade einzulesen wie ich mit CSS und JavaScript ein kleines Auswahlmenü erstelle. Leider fand ich bisher im Netz nur Anleitungen mit HTML, CSS und JS, aber irgendwie keine die das Ganze nur mit CSS und JavaScript umsetzen.
Es soll bei einem Klick, also muss ich vermutlich mit „onclick“ arbeiten, ein Miniauswahlmenü aufpoppen, dass zwischen lediglich 2 Möglichkeiten (dementsprechend 2 unterschiedliche Buttons bereitstellt) unterscheidet. Je nach Auswahl öffnet sich ein anderes großes Menüfenster. Das Drumherum ist schon fertig und funktioniert. Ich müsste eigentlich „nur“ das kleine Miniauswahlmenü als Zwischenschritt einbauen.
Ich setze dabei an dieser Stelle im Quellcode an:
JavaScript:
if (!this.props.dataHandler.userData.isAdmin() && this.props.action === 'activeDevices') {
tableBody.push(
<tr
id={primaryKeyValue}
onClick={this.renderModal.bind(this, 'reserve', primaryKeyValue)}
key={primaryKeyValue}
>
{children}
<span className="table-img" id={primaryKeyValue + '_IMG'}></span>
</tr>
);
} else {
tableBody.push(
<tr id={primaryKeyValue} onClick={this.renderModal.bind(this, 'edit', primaryKeyValue)} key={primaryKeyValue}>
{children}
<span className="table-img" id={primaryKeyValue + '_IMG'}></span>
</tr>
);
}
Ich dachte, ich in der vorhandenen onClick-Anweisung zwischen "onClick=" und "{this.renderModal.bind(this, "edit", primaryKeyValue)}" in Zeile 5 irgendwie eine if/else-Verzweigung mit einer weiteren onClick-Anweisung einbauen, die dann das anschließende jeweilige große Menüfenster öffnet. Oder nach dem else eine weitere if/else-Verzweigung, die dann quasi abfragt ob geklickt wurde und für welches große Menü sich entschieden wurde und den entsprechenden Inhalt lädt. Falls das so möglich sein sollte?
Geht das denn überhaupt so wie ich mir das vorstelle? Bzw. ist das umsetzbar?
Eine andere Idee wäre, kein Miniauswahlmenü (obwohl das schöner aussieht) zu erzeugen, sondern bei einem Linksklick die eine und bei Rechtsklick die andere Menü-Variante zu öffnen.
Vorab schon mal herzlichen Dank.