1 Button, 2 Grafiken - wie mach ich's?
0 
Frank Schönmann
0 0 0 Frank Schönmann
0
1 Button, 2 Grafiken - wie mach ich's?
Hallo,
ich möchte Buttons als Feedback nutzen, dazu soll der Button "gedrückt" oder eben "nicht gedrückt" erscheinen.
Ich habe zwei Variablen, die die Werte 1 bis 6 enthalten können.
Nennen wir sie OUTPUT1 und OUTPUT2.
Nun möchte ich zwei Gruppen von Buttons dazu bringen, daß sie abhängig vom Zustand von OUTPUT1 bzw. OUTPUT2 als "gedrückt" erscheinen.
Das Ganze soll der Ansteuerung einer Video-Matrix (Signalumschalter, sechs Eingänge, zwei Ausgänge) dienen.
Das Ganze Ding hat einen Webserver auf den ich die HTML-Datei hochladen kann.
Die Rückmeldungen bekomme ich als CGI und sehen in etwa so aus: OUT1IN2 OUT2IN5, damit kann ich dann zwei Variablen füttern und verwerten.
Bei OUT1IN2 OUT2IN5 sollten Button 2 der ersten und Button 5 der zweiten Gruppe auf aktiv gehen).
Ich habe es bisher nicht geschafft, eine funktionierende IF-Abfrage zu schreiben.
Die Buttons habe ich in zwei Versionen (aktiv/inaktiv) erstellt.
Was ich nicht hinbekommen habe, ist der Aufruf der Einen oder der Anderen Grafik.
Ich habe mir das in etwa so vorgestellt (für Button 2):
IF (OUT1 = 2)
{<img = "/buttons/button2aktiv.jpg">}
ELSE
{<img = "/buttons/button2passiv.jpg">}
Ich bekomme es nur nicht als Funktion eingebunden
Das Ganze soll nur aus HTML und Java bestehen, damit es mit jedem Browser funktioniert.
Was ich bisher über HTML weiß, ist "learning by doing" in der Self HTML-Anleitung konnte ich nichts dazu finden, da ich nicht weiß, wonach ich suchen muß.
Vielen Dank für Eure Hilfe.
Øle!
-
hi!
Was ich bisher über HTML weiß, ist "learning by doing" in der Self
HTML-Anleitung konnte ich nichts dazu finden, da ich nicht weiß, wonach
ich suchen muß.Vielleicht hilft dir das weiter:
http://de.selfhtml.org/javascript/beispiele/buttons.htm
bye, Frank!
--
Never argue with an idiot. He will lower you to his level and then
beat you with experience.-
Hallo Frank,
danke für Deine schnelle Antwort.
Das Kapitel hab ich natürlich gelesen, ich hab das Beispiel auch mal mit meiner Idee kombiniert.
Das Umschalten von inaktiv nach aktiv (und zurück) klappte auch, allerdings nur bei "Mouseover".Was ich brauche, ist ein Funktionsaufruf innerhalb <a href="..."><img src=***FUNKTION***></a> sowie
eine Funktion, die abhängig von der Variablen die aktive oder die inaktive Version des Buttons einsetzt.Danke + Grüße
Øle!-
Grüße,
dann ruf die funktion onLoad des body auf.
MFG
bleicher--
__________________________-
Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
http://www.sexgott-or-not.com/?test=428054 -
hi!
Was ich brauche, ist ein Funktionsaufruf innerhalb <a href="...">
Das funktioniert entweder ueber einen javascript:-Link oder ueber einen
onClick-Handler im <a>-Tag. Fuer beides findest du Beispiele in folgendem
SELFHTML-Abschnitt:http://de.selfhtml.org/javascript/beispiele/zweiframes.htm
bye, Frank!
--
Never argue with an idiot. He will lower you to his level and then
beat you with experience.
-
-
-
IF (OUT1 = 2)
{<img = "/buttons/button2aktiv.jpg">}
ELSE
{<img = "/buttons/button2passiv.jpg">Hay, ich versuche mal, dein Script etwas zu verbessern.
Nehmen wir mal an, Du hast jedem Button/Link eine ID (b1,b2..) zugewiesen..(Ungetestet aus dem Kopf)
<script type=JavaScript> <!-- function buttonTausch() { if (OUT1 == "2") { document.getElementById('b2').src = "buttons/button2aktiv.jpg";} else { document.getElementById('b2').src = "buttons/button2passiv.jpg";} } //--> </script>Dann noch <body onLoad="buttonTausch();"> in den <head>-Bereich der HTML-Datei.
Ist natürlich noch komplett ausbaubar...
Ich hoffe, ich habe deine Frage richtig verstanden und dir damit geholfen. :)
lG