Einen Button (ein-)gedrückt lassen

Hi

Ist es möglich das Element <button/> solange gedrückt zu lassen,
bis ich es per javascript wieder zurücksetze?


Hintergrund: Wenn man auf den Button klickt wird eine größere
Funktion aufgerufen,
die ca. 2-3 Sekunden dauert. jetzt würde ich gerne über den
eingedrückten Button optisch anzeigen lassen, dass die Funktion noch
läuft. Optimal wäre, wenn man den Button
dazu auch noch disablen könnte.


mfg Sven

Sven Kleine. wrote:

Hi

Ist es möglich das Element <button/> solange gedrückt zu lassen,
bis ich es per javascript wieder zurücksetze?


Hintergrund: Wenn man auf den Button klickt wird eine größere
Funktion aufgerufen,
die ca. 2-3 Sekunden dauert. jetzt würde ich gerne über den
eingedrückten Button optisch anzeigen lassen, dass die Funktion noch
läuft. Optimal wäre, wenn man den Button
dazu auch noch disablen könnte.

Mache einen grafischen Butten mit 2 Bildern für gedrückt und nicht
gedrückt und setze beim Start der Funktion das Bild auf gedrückt und am
Ende der Funktion auf nicht gedrückt. Mache also den Wechesel der Bilder
nicht vom Klicken abhängig sondern vom Ausführungsfortschritt der Funktion.

Hi

Ist es möglich das Element <button/> solange gedrückt zu lassen,
bis ich es per javascript wieder zurücksetze?

Mache einen grafischen Butten mit 2 Bildern für gedrückt und nicht
gedrückt und setze beim Start der Funktion das Bild auf gedrückt und am
Ende der Funktion auf nicht gedrückt. Mache also den Wechesel der Bilder
nicht vom Klicken abhängig sondern vom Ausführungsfortschritt der Funktion.

Das ist leider nicht möglich, da es eine dynamische Sprachumschaltung
auf
der Webseite gibt. Außerdem verschiedene Farben für Zustände.

Da hätte man dann ruck zuck 50 Images für einen Button.

Wenn man das mit einem Button nicht realisieren kann, muß das
feature halt weg bleiben - wäre aber schön wenn es doch irgendwie
geht.

mfg Sven

Am Wed, 22 Nov 2006 02:43:13 -0800 schrieb Sven Kleine.:

Hi

Ist es möglich das Element <button/> solange gedrückt zu lassen,
bis ich es per javascript wieder zurücksetze?

Mache einen grafischen Butten mit 2 Bildern für gedrückt und nicht
gedrückt und setze beim Start der Funktion das Bild auf gedrückt und am
Ende der Funktion auf nicht gedrückt. Mache also den Wechesel der Bilder
nicht vom Klicken abhängig sondern vom Ausführungsfortschritt der Funktion.

Da hätte man dann ruck zuck 50 Images für einen Button.

Naja, du kannst ja auch einfach 2 Buttonhintergründe haben, und dann das
<a id="mybutton"> mit

document.getElementById("mybutton").style.backgrou nd="url(/.../)";

Einfach den einen oder anderen Button daraus machen.

lg,
Martin

Sven Kleine. wrote:

Hi

Ist es möglich das Element <button/> solange gedrückt zu lassen,
bis ich es per javascript wieder zurücksetze?

"gedrückt" nicht, du meinst den optischen Effekt, oder?

<input type="button"
value="test"
onmouseover="this.style.borderStyle='inset'; this.disable=true;"
onmouseout="this.style.borderStyle='outset'; this.disable=false;"

Struppi.

Sven Kleine. schrub im Jahre 22.11.2006 11:43:

Das ist leider nicht möglich, da es eine dynamische Sprachumschaltung
auf der Webseite gibt. Außerdem verschiedene Farben für Zustände.

Da hätte man dann ruck zuck 50 Images für einen Button.

Nimm einen <a onclick=""> und definiere verschiedene Styles dafür. Mit
Rahmen inset oder outset und verschiedenen Hintergrundfarben. Dann sind
auch die Sprachvarianten kein Problem mehr.

--
B.Eckstein, eck (AT) ivu (DOT) de Cheap, Fast, Good - pick any two of them
Die FAQ zu de.comp.hardware.netzwerke: http://how.to/dchn
Mozilla-Tips: http://mozilla-anleitung.de/ http://www.holgermetzger.de/

B.Eckstein wrote:

Nimm einen <a onclick=""> und definiere verschiedene Styles dafür. Mit
Rahmen inset oder outset und verschiedenen Hintergrundfarben. Dann sind

Das läßt sich Problemlos auch mit einem Button machen.

Struppi.

Hi

"gedrückt" nicht, du meinst den optischen Effekt, oder?

input type="button"
value="test"
onmouseover="this.style.borderStyle='inset'; this.disable=true;"
onmouseout="this.style.borderStyle='outset'; this.disable=false;"

Genau das habe ich gesucht. Danke


mfg Sven