tutorials.de Buch-Aktion 05/2012
Seite 1 von 2 12 LetzteLetzte
ERLEDIGT
NEIN
ANTWORTEN
16
ZUGRIFFE
1276
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Doubletaker Doubletaker ist offline Mitglied Silber
    Registriert seit
    Feb 2004
    Beiträge
    97
    bisher bin ich soweit, dass ich ein tutorial gefunden habe, bei dem ich den effekt gefunden habe,
    den ich brauche. aber ich bräuchte das ganze in zwei frames... will dass in der navigations-leiste
    sich die grafik ändert und gleichzeitig in einem anderen frame...


    mein bisheriger quelltext:

    <html>
    <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000">
    <A HREF="menuperf.zip"><IMG SRC="../download.gif" border=0></A>
    <Center>
    <SCRIPT LANGUAGE = "JavaScript">
    <!--
    var js=0; if ( document.images ) { js=1; }
    var dir = "" // set your graphics directory
    if(js) {

    a = new Image();
    a.src = dir + "butani1.gif";
    a_on = new Image();
    a_on.src = dir + "butani2.gif";
    a_ex = new Image();
    a_ex.src = dir + "butani1.gif";

    b = new Image();
    b.src = dir + "butdhtml1.gif";
    b_on = new Image();
    b_on.src = dir + "butdhtml2.gif";
    b_ex = new Image();
    b_ex.src = dir + "butdhtml1.gif";

    c = new Image();
    c.src = dir + "butema1.gif";
    c_on = new Image();
    c_on.src = dir + "butema2.gif";
    c_ex = new Image();
    c_ex.src = dir + "butema1.gif";

    d = new Image();
    d.src = dir + "butfor1.gif";
    d_on = new Image();
    d_on.src = dir + "butfor2.gif";
    d_ex = new Image();
    d_ex.src = dir + "butfor1.gif";

    }

    function img_on(img) { if(js) { document [img].src = eval(img+"_on.src");
    document["fix"].src = eval(img + "_ex.src"); } }

    function img_off(img) { if(js) { document [img].src = eval(img + ".src");
    document["fix"].src = "blank.gif"; } }

    // -->
    </script>
    <img src="butani1.gif" name="a" alt="Hier ist nix zum klicken" border="1" hspace="0" vspace="0" usemap="#sl_but"><BR>
    <img src="butdhtml1.gif" name="b" alt="Hier ist nix zum klicken" border="1" hspace="0" vspace="0" usemap="#cr_but"><BR>
    <img src="butema1.gif" name="c" alt="Hier ist nix zum klicken" border="1" hspace="0" vspace="0" usemap="#hc_but"><BR>
    <img src="butfor1.gif" name="d" alt="Hier ist nix zum klicken" border="1" hspace="0" vspace="0" usemap="#gb_but"><BR>
    <MAP NAME="sl_but">
    <AREA SHAPE="RECT" COORDS="20,10,110,20" HREF="http://" target="dummy" ALT="Hier ist Link 1" onMouseOver="img_on('a');window.status='SmartLinks';return true;" onMouseOut="img_off('a')">
    </MAP>
    <MAP NAME="cr_but">
    <AREA SHAPE="RECT" COORDS="20,10,110,20" HREF="http://" target="dummy" ALT="Hier ist Link 2" onMouseOver="img_on('b');window.status='Chat Room';return true;" onMouseOut="img_off('b')">
    </MAP>
    <MAP NAME="hc_but">
    <AREA SHAPE="RECT" COORDS="20,10,110,20" HREF="http://" target="dummy" ALT="Hier ist Link 3" onMouseOver="img_on('c');window.status='Hit Counter';return true;" onMouseOut="img_off('c')">
    </MAP>
    <MAP NAME="gb_but">
    <AREA SHAPE="RECT" COORDS="20,10,110,20" HREF="http://" target="dummy" ALT="Hier ist Link 4" onMouseOver="img_on('d');window.status='Guest Book';return true;" onMouseOut="img_off('d')">
    </MAP>
    <HR>
    <img src="blank.gif" name="fix" align=absmiddle alt="Klick auf die Buttons" border="1">
    </center>
    </body>
    </html>


    jetzt schon ein danke für eure hilfe
     

  2. #2
    Avatar von Thomas Lindner
    Thomas Lindner Thomas Lindner ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Ort
    Schwarzenbek, Germany
    Beiträge
    5.022
    Wenn Du deinen Wunsch vielleicht noch etwas genauer definieren würdest!

    Wie ist die Seite aufgabut : Framegerüst

    Wo soll geklickt werden und wo soll der/deie Bildwechsel stattfinden.


    Es ist etwas mühsam sich durch deinen Code deine genauen Wünsche zu erraten, also hilf uns einwenig.

    ( mach wenns hilfreich ist eine Skizze)
     
    Die Signatur befindet sich aus Platzgründen auf der Rückseite!

  3. #3
    Doubletaker Doubletaker ist offline Mitglied Silber
    Registriert seit
    Feb 2004
    Beiträge
    97
    Ok, sorry...

    Also meine Frameaufteilung ist als Anhang beigefügt.


    Meine Navigation befindet sich in dem roten Frame... Ich möchte eine Grafik
    im roten Frame mit einem mousover-Effekt belegen, dass sich die Grafik ändert,
    aber gleichzeitig, soll eine andere Grafik im blauen Frame auch geändert werden.
    Wenn ich dann den Link bzw. die Grafik im roten Frame anklicke, möchte ich, dass
    sich die Seite dann im gelben Frame öffnet.

    Hoffe, dass das weiterhilft... Sowohl euch, als auch mir...
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken howto: wie mouseover mit zwei grafiken in zwei verschiedenen frames-frames.gif  
     

  4. #4
    Avatar von Thomas Lindner
    Thomas Lindner Thomas Lindner ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Ort
    Schwarzenbek, Germany
    Beiträge
    5.022
    Wenn die Grafiken nur bei mouseover getauscht werden sollten, müpsste man per mouseout, das Script "rückwärts" nochmal arbeiten lassen...

    (Erstmal nur ein) Beispiel:
     
    Die Signatur befindet sich aus Platzgründen auf der Rückseite!

  5. #5
    Doubletaker Doubletaker ist offline Mitglied Silber
    Registriert seit
    Feb 2004
    Beiträge
    97
    Ok, danke erstmal, aber irgendwie habe ich wohl einen Denkfehler...
    wenn ich das jetzt für mehrere links machen will, wie mache ich das dann
    ich hab vier punkte, an denen ich das dann machen will... bei mir klappt
    es irgendwie nicht... in der navi-leiste hab ich vier punkte und in dem oberen
    frame habe ich nur eine grafik, die dann beim mouseover der jeweiligen links
    etwas anderes anzeigen soll...

    das unten in der leiste sind halt menüpunkte und das oben soll dann eine
    grafik mit den jeweiligen titeln sein...
     

  6. #6
    Avatar von Thomas Lindner
    Thomas Lindner Thomas Lindner ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Ort
    Schwarzenbek, Germany
    Beiträge
    5.022
    Neues Beispiel:
     
    Die Signatur befindet sich aus Platzgründen auf der Rückseite!

  7. #7
    Doubletaker Doubletaker ist offline Mitglied Silber
    Registriert seit
    Feb 2004
    Beiträge
    97
    Danke, dass trifft es schon fast. Ich glaube, dass ich es nicht gut erklären konnte...
    Soweit stimmt ja auch alles, nur würde ich es gerne auch so haben, dass bei dem
    mouseover auch oben sich die Kategorie bei dem mouseover ändert... Das ist
    mein eigentliches Problem, weil ich nicht weiss, wie ich das mit den beiden Frames
    ansteuern muss... Denn dein letztes Beispiel ist fast das was ich suche, nur mit
    dem gleichzeitigen mousover-effekt für die Kategorie...
     

  8. #8
    Avatar von Thomas Lindner
    Thomas Lindner Thomas Lindner ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Ort
    Schwarzenbek, Germany
    Beiträge
    5.022
    Du meinst das oben alle Kategorien sthen und die aktiv sich ändert?

    ODER

    sool nur währen man unten klickt oben die Grafik getauscht werden und wen man unten im Menü auf den Button geht soll oben während Mouseover das Bild (kurz) getauscht werden?

    Oder soll sich bei Mouseover die Kategorie oben kurz ändern und bei Mouseup zurückspringen und erst bei Mouseklick fest/fix umspringen?
     
    Die Signatur befindet sich aus Platzgründen auf der Rückseite!

  9. #9
    Avatar von Thomas Lindner
    Thomas Lindner Thomas Lindner ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Ort
    Schwarzenbek, Germany
    Beiträge
    5.022
    und wieder ein Beispiel:
     
    Die Signatur befindet sich aus Platzgründen auf der Rückseite!

  10. #10
    Doubletaker Doubletaker ist offline Mitglied Silber
    Registriert seit
    Feb 2004
    Beiträge
    97
    Ich hab dich schon genug in Anspruch genommen...

    Aber ich versuche es genauer zu erklären... Also deine letzte Version geht auch
    weiter in die Richtung. Nur soll man unten die Buttons halt anklicken können
    und wenn man mit dem Cursor nicht mehr auf dem Button ist, dann soll oben
    auch ruhig wieder Startseite stehen, denn da ist bei mir eine Grafik geplant,
    die sich nur bei dem mouseover ändern soll und sonst wieder die "normale"
    Grafik anzeigt wird...

    Vielleicht klappt es dieses mal...

    Ansonsten kannst du mich noch weiterhin fragen, werde jetzt hier bleiben...
     

  11. #11
    Avatar von Thomas Lindner
    Thomas Lindner Thomas Lindner ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Ort
    Schwarzenbek, Germany
    Beiträge
    5.022
    NACHFRAG!

    Also wenn die Maus unten nicht auf dem Button S ist, solll oben kleine Überschrift sein siondern eine sonstige Grafik, z.B. ein blauer Kasten?

    Edit: Najha und Klick, bzw. Linkwechsel habe ich noch garnicht drinne, das wollte ich dir überlassen
     
    Die Signatur befindet sich aus Platzgründen auf der Rückseite!

  12. #12
    Doubletaker Doubletaker ist offline Mitglied Silber
    Registriert seit
    Feb 2004
    Beiträge
    97
    jep...
     

  13. #13
    Avatar von Thomas Lindner
    Thomas Lindner Thomas Lindner ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Ort
    Schwarzenbek, Germany
    Beiträge
    5.022
    Nächster Versuch:
     
    Die Signatur befindet sich aus Platzgründen auf der Rückseite!

  14. #14
    Doubletaker Doubletaker ist offline Mitglied Silber
    Registriert seit
    Feb 2004
    Beiträge
    97
    SUPER! Jetzt ist es wie ich es haben wollte... Vielen Dank!

    PS: Könntest du auch noch ein Feedback zu meiner Seite sagen,
    was du davon hälst http://www.contemporary-designers.de
     

  15. #15
    Avatar von Thomas Lindner
    Thomas Lindner Thomas Lindner ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Ort
    Schwarzenbek, Germany
    Beiträge
    5.022
    Sieht ganz nett aus, ein paar Kleinigkeiten sind mir aufgefallen, aber um eine konstruktive, unabhängige Meinung zu bekommen, verweise ich Dich einfach mal in getreue Hände:

    http://www.tutorials.de/forum37

    (evtl. gebve ich dort auch noch einen längeren Kommentar ab, aber unsere Profis können das eigentlich besser *smile*)
     
    Die Signatur befindet sich aus Platzgründen auf der Rückseite!

Ähnliche Themen

  1. IDs aus zwei verschiedenen Spalten
    Von maga147 im Forum Relationale Datenbanksysteme
    Antworten: 1
    Letzter Beitrag: 04.01.07, 15:39
  2. Antworten: 6
    Letzter Beitrag: 10.10.05, 17:16
  3. Antworten: 4
    Letzter Beitrag: 10.10.05, 12:49
  4. rolloverbutton mit zwei verschiedenen bildern
    Von StaatsfeindNo1 im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 28.02.05, 12:09
  5. Antworten: 3
    Letzter Beitrag: 09.01.04, 21:16