Jan: Dynamische grafische Buttons

SELF-Forum

Dynamische grafische Buttons

Jan
– Informationen zu den Bewertungsregeln

Hallo,

Ich habe eine Seite mit mehreren grafischen Buttons, die Verweise enthalten in einem Frameset definiert. Da die Verweise in einem anderen Framefenster erscheinen und dadurch die Buttonleiste die ganze Zeit sichtbar ist moechte Ich dass nachdem ein Link aktiviert wurde, der Button verändert bleibt und sich nicht wieder in seinen Urzustand zuruecksetzt. Kann mir da jemand helfen ???

Hier noch der Sourcecode:
<HTML>
<HEAD>
<script language="JavaScript">
  Normal1 = new Image();
  Normal1.src = "buttons/delitzsch.jpg";
  Highlight1 = new Image();
  Highlight1.src = "buttons/delitzsch1.jpg";

Normal2 = new Image();
  Normal2.src = "buttons/duesseldorf.jpg";
  Highlight2 = new Image();
  Highlight2.src = "buttons/duesseldorf1.jpg";

Normal3 = new Image();
  Normal3.src = "buttons/germersheim.jpg";
  Highlight3 = new Image();
  Highlight3.src = "buttons/germersheim1.jpg";

function Bildwechsel(Bildnr,Bildobjekt)

{
  window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>

<TITLE>Untitled</TITLE>
</HEAD>
<BODY>

<A HREF="standorte/welle/del/wel_del.html" onMouseOver="Bildwechsel(0,Highlight1)onMouseOut="Bildwechsel(0,Normal1)" target=rechts><img src="buttons/delitzsch.jpg"></A><br>

<A HREF="standorte/welle/dus/wel_dus.html" onMouseOver="Bildwechsel(1,Highlight2)" onMouseOut="Bildwechsel(1,Normal2)" target=rechts><img src="buttons/duesseldorf.jpg"></A><br>

<A HREF="standorte/welle/ger/wel_ger.html" onMouseOver="Bildwechsel(2,Highlight3)" onMouseOut="Bildwechsel(2,Normal3)" target=rechts><img src="buttons/germersheim.jpg"></A><br>

</BODY></HTML>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Dynamische grafische Buttons

    Jörk Behrends
    – Informationen zu den Bewertungsregeln

    Hallo,

    Ich habe eine Seite mit mehreren grafischen Buttons, die Verweise enthalten in einem Frameset definiert. Da die Verweise in einem anderen Framefenster erscheinen und dadurch die Buttonleiste die ganze Zeit sichtbar ist moechte Ich dass nachdem ein Link aktiviert wurde, der Button verändert bleibt und sich nicht wieder in seinen Urzustand zuruecksetzt. Kann mir da jemand helfen ???

    Hier noch der Sourcecode:

    function Bildwechsel(Bildnr,Bildobjekt)

    {
      window.document.images[Bildnr].src = Bildobjekt.src;
    }
    <A HREF="standorte/welle/del/wel_del.html" onMouseOver="Bildwechsel(0,Highlight1)onMouseOut="Bildwechsel(0,Normal1)" target=rechts><img src="buttons/delitzsch.jpg"></A>

    Generelle Idee /Ansatz:
    Deine Bildwechselfunktion müßte zusätzlich eine Variable führen, die besagt, welcher Button
    zur Zeit nicht in den normalen Zustand darf. Denn onMouseOut (sowie onMouseOver) sollen ja weiterhin im Link einprogrammiert bleiben, damit die anderen Buttons funktionieren. Beim
    Anwählen eines Buttons (onClick) ist dann diese Variable entsprechend zu füllen ...

    Jörk

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Dynamische grafische Buttons

    Rufinus
    – Informationen zu den Bewertungsregeln

    Hallo,

    Ich habe eine Seite mit mehreren grafischen Buttons, die Verweise enthalten in einem Frameset definiert. Da die Verweise in einem anderen Framefenster erscheinen und dadurch die Buttonleiste die ganze Zeit sichtbar ist moechte Ich dass nachdem ein Link aktiviert wurde, der Button verändert bleibt und sich nicht wieder in seinen Urzustand zuruecksetzt. Kann mir da jemand helfen ???

    Hallo,

    warum etwas programmiern was schon jemand anderer gemacht hat? <g>

    Christine Kuehnel's JavaScript Notizen...da ist sowas, hier der link dazu:

    <A HREF="http://screenExa.net/js_notiz/tips/change.htm">http://screenExa.net/js_notiz/tips/change.htm</A>

    CU
    Rufinus

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Dynamische grafische Buttons

    Carsten Schrötter
    – Informationen zu den Bewertungsregeln

    Hallo Jan,

    vor gar nicht allzulanger Zeit stand ich vor genau dem selben Problem.

    Ich habe mir vorerst damit geholfen, indem ich bei Auswahl eines Links beide Frames (Navigations- und Inhaltsframe)  aktualisiere. Der Nachteil dabei ist, das für jeden Link eine eigene (zusätzliche) HTML-Datei existieren muß. Der Vorteil ist, das dieses System auch für Java Script ungeübte sehr einfach zu durchschauen und leicht zu erweitern und zu pflegen ist.

    Den entsprechenden Code findest du unter www.die-besten/design

    Viele Grüße und viel Erfolg

    Carsten

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  4. Dynamische grafische Buttons

    Muetze
    – Informationen zu den Bewertungsregeln

    Ich habe eine Seite mit mehreren grafischen Buttons, die Verweise enthalten in einem Frameset definiert. Da die Verweise in einem anderen Framefenster erscheinen und dadurch die Buttonleiste die ganze Zeit sichtbar ist moechte Ich dass nachdem ein Link aktiviert wurde, der Button verändert bleibt und sich nicht wieder in seinen Urzustand zuruecksetzt. Kann mir da jemand helfen ???

    Hier noch der Sourcecode:
    <HTML>
    <HEAD>
    <script language="JavaScript">
      Normal1 = new Image();
      Normal1.src = "buttons/delitzsch.jpg";
      Highlight1 = new Image();
      Highlight1.src = "buttons/delitzsch1.jpg";

    Warum so umständlich? Den ganzen Vorbau kann man sich sparen:
    Das folgende einfach in den HTML-code einbauen:

    <a href="link_1.html" target=inhalt        
    OnMouseOver="Bild_a.src='Bild_a2.gif'"        
    OnMouseOut="Bild_a.src='Bild_a1.gif'">
    <img name=Bild_a src=Bild_a1.gif alt="[Bildname]" >
    </a>

    <a href="link_2.html" target=inhalt        
    OnMouseOver="Bild_b.src='Bild_b2.gif'"        
    OnMouseOut="Bild_b.src='Bild_b1.gif'">
    <img name=Bild_b src=Bild_b1.gif alt="[Bildname]" >
    </a>

    Wenn Du die *.gifs vertauschst, bleibt immer das jeweilige Bild stehen.

    Muetze

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln