tutorials.de Buch-Aktion 05/2012
Seite 2 von 2 ErsteErste 12
ERLEDIGT
NEIN
ANTWORTEN
20
ZUGRIFFE
781
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 13.07.10 11:11 #16
    Avatar von tester33
    tester33 tester33 ist offline Mitglied Gold
    Registriert seit
    Jul 2010
    Beiträge
    125
    Ja, nun kann ich wenn ich auf Home bin die onmouseover anzeigen... Sobald ich aber auf Impressum klicke bekomme ich ein Problem denn:

    Es würde immer noch angezeigt dass man sich auf Home befindet, verstehst du?
     
    Zitieren Zitieren
  2. 13.07.10 11:17 #17
    Maik Tutorials.de Gastzugang
    Das hatten wir doch schon längst geklärt, welche Grafik erscheinen soll, wenn die Seite im iFrame gewechselt wird.

    mfg Maik
     
    Zitieren Zitieren
  3. 13.07.10 19:06 #18
    Avatar von tester33
    tester33 tester33 ist offline Mitglied Gold
    Registriert seit
    Jul 2010
    Beiträge
    125
    Nicht ganz...
    Denn es sollen ja immer verschieden Grafiken erscheinen, jenachdem in welchem Iframe man sich befindet...
     
    Zitieren Zitieren
  4. 13.07.10 20:18 #19
    Maik Tutorials.de Gastzugang
    Dann zielt die ganze Chose also doch darauf ab, den aktuell gewählten Menüpunkt hervorzuheben.

    Code xhtml:
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
        <meta name="author" content="Maik" />
        <meta name="date" content="2010-07-13" />
        <title>tutorials.de | IFrames und Bild ändern</title>
 
        <script type="text/javascript">
        function aktivieren(strHref)
        {
            if(document.getElementById)
                {
                    for(i=0;i<document.links.length;++i)
                        {
                            if(String(document.links[i].className).match(/^(nav|clicked)$/))
                                {
                                    document.links[i].className=(document.links[i].href==strHref)?'clicked':'nav';
                                }
                        }
                }
        }
        </script>
 
        <style type="text/css">
        ul#nav {
        margin:0;
        padding:0;
        list-style:none;
        }
        ul#nav li {
        display:inline;
        }
        ul#nav li a {
        float:left;
        height:30px;
        }
        ul#nav li#home a {
        width:70px;
        }
        ul#nav li#home a.nav {
        background:url(home_normal.png);
        }
        ul#nav li#home a.clicked {
        background:url(home_active.png);
        }
        ul#nav li#news a {
        width:70px;
        }
        ul#nav li#news a.nav {
        background:url(news_normal.png);
        }
        ul#nav li#news a.clicked {
        background:url(news_active.png);
        }
        ul#nav li#impressum a {
        width:120px;
        }
        ul#nav li#impressum a.nav {
        background:url(impressum_normal.png);
        }
        ul#nav li#impressum a.clicked {
        background:url(impressum_active.png);
        }
        ul#nav li a span {
        display:none;
        }
        iframe {
        clear:left;
        display:block;
        }
        </style>
    </head>
    <body>
        <ul id="nav">
            <li id="home"><a href="home.htm" target="Anzeige" class="clicked" onclick="aktivieren(this.href)"><span>Home</span></a></li>
            <li id="news"><a href="news.htm" target="Anzeige" class="nav" onclick="aktivieren(this.href)"><span>News</span></a></li>
            <li id="impressum"><a href="impressum.htm" target="Anzeige" class="nav" onclick="aktivieren(this.href)"><span>Impressum</span></a></li>
        </ul>
        <iframe src="home.htm" name="Anzeige"></iframe>
    </body>
</html>

    mfg Maik
     
    Zitieren Zitieren
  5. 13.07.10 20:35 #20
    Avatar von tester33
    tester33 tester33 ist offline Mitglied Gold
    Registriert seit
    Jul 2010
    Beiträge
    125
    Danke, aber was muss ich denn ändern? Ich verstehe denn Code nicht ganz.
     
    Zitieren Zitieren
  6. 13.07.10 20:38 #21
    Maik Tutorials.de Gastzugang
    Für dich sind die Zeilen 34 bis 64 interessant, um zum einen die Dimensionen der Hyperlinks (Höhe/Breite) deinen Grafikdateien anzugleichen, und zum anderen anstelle meiner verwendeten Grafikdateinamen deine eigenen anzugeben, sowie die Zeilen 76 bis 78 bzgl. der Verweisziele.

    mfg Maik
     
    Zitieren Zitieren
« Problem mit background eines Dropdown in FF und IE | Prototype: Observe-Event im IE »

Ähnliche Themen

  1. Größe des Mutter-IFrames ändern
    Von DataFox im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 21.12.07, 01:02
  2. Link aussehen ändern wenn iframes geöffnet werden
    Von meZZo07 im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 05.10.07, 23:25
  3. 2 iFrames durch einen Link ändern ?
    Von Trash im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 04.06.06, 21:10
  4. Doppelverlinkung = 2 iframes ändern
    Von leeloo im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 24.01.05, 01:15
  5. zwei iframes mit einem klick ändern
    Von nadine im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 13.11.03, 15:16

Stichworte