tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
379
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 19.11.11 22:10 #1
    stefan_123 stefan_123 ist offline Grünschnabel
    Registriert seit
    Nov 2011
    Beiträge
    3
    hallo an alle ,

    erstmal bin ich froh dieses forum neu kennen zu lernen, vielleicht könnt ihr mir hier helfen

    mein link http://dreamweaver.holiday-feelings.eu/

    wenn ich das submenü aufrufe möchte ich das es wenn es angeklickt wird

    zum bsp. Bilder Sommer Aegypten 2011 dann auf strand , dann öffnet sich die gallery strand , aber das submenü geht wieder zu , ich würde es gerne so haben das das untermenü nach dem anklicken offen bleibt

    es ist mit dem superfish menu gemacht , welche dateien braucht ihr hier ****

    danke für eure hilfe im voraus

    vg

    stefan

    ----------------
    superfish.js
    ----------------
    Code javascript:
    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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122

    /*
 * Superfish v1.4.8 - $ menu widget
 * Copyright (c) 2008 Joel Birch
 *
 * Dual licensed under the MIT and GPL licenses:
 *  [url]http://www.opensource.org/licenses/mit-license.php[/url]
 *  [url]http://www.gnu.org/licenses/gpl.html[/url]
 *
 * CHANGELOG: [url]http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt[/url]
 */
 
;(function($){
    initialized = false;
    $.fn.superfish = function(op){
        if(initialized) return;
        initialized = true;
        var sf = $.fn.superfish,
            c = sf.c,
            $arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')),
            over = function(){
                var superfish = $(this), menu = getMenu(superfish);
                clearTimeout(menu.sfTimer);
                superfish.showSuperfishUl().siblings().hideSuperfishUl();        /* hideSuperfishUl();   old*/
            },
            out = function(){
                var superfish = $(this), menu = getMenu(superfish), o = sf.op;
                clearTimeout(menu.sfTimer);
                menu.sfTimer=setTimeout(function(){
                    o.retainPath=($.inArray(superfish[0],o.$path)>-1);
                    superfish.hideSuperfishUl();
                    if (o.$path.length && superfish.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
                },o.delay);
            },
            getMenu = function($menu){
                var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
                sf.op = sf.o[menu.serial];
                return menu;
            },
            addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };
 
        return this.each(function() {
            var s = this.serial = sf.o.length;
            var o = $.extend({},sf.defaults,op);
            o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
                $(this).addClass([o.hoverClass,c.bcClass].join(' '))
                    .filter('li:has(ul)').removeClass(o.pathClass);
            });
            sf.o[s] = sf.op = o;
 
            $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
                if (o.autoArrows) addArrow( $('>a:first-child',this) );
            })
            .not('.'+c.bcClass)
                .hideSuperfishUl();
 
            var $a = $('a',this);
            $a.each(function(i){
                var $li = $a.eq(i).parents('li');
                $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
            });
            o.onInit.call(this);
 
        }).each(function() {
            var menuClasses = [c.menuClass];
            if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
            $(this).addClass(menuClasses.join(' '));
        });
    };
 
    var sf = $.fn.superfish;
    sf.o = [];
    sf.op = {};
    sf.IE7fix = function(){
        var o = sf.op;
        if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
            this.toggleClass(sf.c.shadowClass+'-off');
        };
    sf.c = {
        bcClass     : 'sf-breadcrumb',
        menuClass   : 'sf-js-enabled',
        anchorClass : 'sf-with-ul',
        arrowClass  : 'sf-sub-indicator',
        shadowClass : 'sf-shadow'
    };
    sf.defaults = {
        hoverClass  : 'sfHover',
        pathClass   : 'overideThisToUse',
        pathLevels  : 1,          //  1
        delay       : 800,       /*   800 old         */
        animation   : {opacity:'show'},           /*  {opacity:'show'},*/
        speed       : 'normal',
        autoArrows  : true,            //  true old
        dropShadows : true,          //    true old
        disableHI   : true,     // true disables hoverIntent detection
        onInit      : function(){}, // callback functions
        onBeforeShow: function(){},
        onShow      : function(){},
        onHide      : function(){}
    };
    $.fn.extend({
        hideSuperfishUl : function(){
            var o = sf.op,
                not = (o.retainPath===true) ? o.$path : '';
            o.retainPath = false;
            var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
                    .find('>ul').hide().css('visibility','hidden');
            o.onHide.call($ul);
            return this;
        },
        showSuperfishUl : function(){
            var o = sf.op,
                sh = sf.c.shadowClass+'-off',
                $ul = this.addClass(o.hoverClass)
                    .find('>ul:hidden').css('visibility','visible');       /* .find('>ul:hidden').css('visibility','visible');    old */
            sf.IE7fix.call($ul);
            o.onBeforeShow.call($ul);
            $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
            return this;
        }
    });
 
})(jQuery);

    -----------------------
    superfish.css
    -----------------------
    Code css:
    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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168

    /*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:         0;
    padding:        0;
    list-style:     none;
}
.sf-menu {
    line-height:    1.0;
}
.sf-menu ul {   /* test rechte größe ) */
    position:       absolute;
    top:            -999em;
    width:          20em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:          100%;
}
.sf-menu li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:          left;
    position:       relative;
}
.sf-menu a {
    display:        block;
    position:       relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            2.5em; /* match top ul list item height */
    z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}
 
/*** DEMO SKIN ***/
.sf-menu {
    float:          left;
    margin-bottom:  1em;
}
.sf-menu a {
    border-left:    1px solid #990033;    /*linker rahmen von startseite und  impressum*/
    border-top:     1px solid #990033;    /*obere rahmen von startseite und  impressum*/
    padding:        .75em 1em;
    text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:          #fff;          /* 13a old */
}
 
.sf-menu li {           /*       .sf-menu li = ist die hintergrundfarbe links          /(orange   ff9900 )*/
    background:     #ff9900;     /*   (farbe old = BDD2FF )            */
}
.sf-menu li li {
    background:     #990033;     /*      AABDE6 = old     .sf-menu li li =    ist die hintergrundfarbe rechts   */
}
.sf-menu li li li {
    background:     #9AAEDB;                           /*       = old          */
}
 
.sf-menu li:first-child, .sf-menu li.first-child {
}
 
.sf-menu li:last-child, .sf-menu li.last-child {
}
 
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #CCFF00;   /*    CFDEFF   = old     =    ist die hintergrundfarbe wenn man mitder maus drüber fährt    */
    outline:        0;
}
 
.sf-menu li .separator {
    display: block;
    border-left:    1px solid #fff;        /*      CFDEFF = old    =    linker  rand in der linken menüleiste  */
    border-top:     1px solid #880000 ;    /*      CFDEFF = old    =    oberer  rand in der linken menüleiste  */
    padding:        .75em 1em;
    text-decoration:none;
}
 
/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:  2.25em;
    min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:       absolute;
    display:        block;
    right:          .75em;
    top:            1.05em; /* IE6 only */
    width:          10px;
    height:         10px;
    text-indent:    -999em;
    overflow:       hidden;           /*           */
    background:     url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
 
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}
 
/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('../images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
 
.sf-menu .active {         /*     ccc old  = linkes auswahlmenü aktiver reiter . wo mann zuletzt ein menu aufgerufen hat   */
    background: #0000FF;
}
 
.sf-menu #current {            /*    aaa old  =     die aktuelle seite die man anschaut       */
    background: #CC00FF;
}
 
.superfish_clear {
    clear: both !important;
    height: 1px !important;
    overflow: hidden !important;
    font-size: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
}
    Geändert von sheel (19.11.11 um 22:44 Uhr) Grund: Codetags
     
    Zitieren Zitieren
  2. 19.11.11 22:57 #2
    CPoly CPoly ist offline Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Hallo Stefan,

    zunächst mal willkommen im Forum, wir hatten eben telefoniert. Achte bitte auf Groß- und Kleinschreibung, darauf wird hier im Forum Wert gelegt.

    Ich habe mir das suckerfish Plugin angesehen, aber keine einfache Möglichkeit gefunden.
    Vielleicht kommst du damit weiter, das ist im Prinzip genau deine Frage: http://stackoverflow.com/questions/2...s-been-clicked
     
    Zitieren Zitieren
  3. 19.11.11 23:26 #3
    stefan_123 stefan_123 ist offline Grünschnabel
    Registriert seit
    Nov 2011
    Beiträge
    3
    Hallo CPoly,

    danke dir für deine schnelle Idee, und deine schnelle Hilfe. Bin für heute schon fast gameover aber ich schaue mal auf den link, werde mich morgen hier wieder im Forum mit Feedback melden

    vg

    Speedy_123
     
    Zitieren Zitieren
  4. 20.11.11 15:05 #4
    stefan_123 stefan_123 ist offline Grünschnabel
    Registriert seit
    Nov 2011
    Beiträge
    3
    hallo CPoly und an alle ,

    vielen dank für deine schnelle Hilfe. Für mich ist es noch ein wenig schwerr, mit php

    zurecht zu kommen.

    CSS wäre noch ok , php stehe ich noch am Anfang,

    Vielleicht könnt ihr mir hier noch weiterhelfen wo ich das php scribt einbauen muss

    warte gerne auf weitere Hilfe, vielleicht ist ja ein programmierer unter euch

    wünsche euch noch ein schönes wo

    vg

    stefan_123
     
    Zitieren Zitieren
« Animierte Grafik bei Seitenwechsel | Hilfe bei JavaScript Array... »

Ähnliche Themen

  1. Submenü blendet direkt wieder aus in Firefox
    Von MigaMonstruo im Forum CSS
    Antworten: 2
    Letzter Beitrag: 11.06.10, 15:19
  2. Nach Versenden soll Bild verschwinden
    Von chuvak im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 21.04.08, 19:45
  3. [C++] Ausgabe soll nach 50ns wieder verschwinden
    Von Mickster im Forum C/C++
    Antworten: 16
    Letzter Beitrag: 26.04.05, 20:39
  4. Popupmenü soll nicht wieder zuklappen
    Von CodeMad im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 29.02.04, 18:26
  5. Text im IFrame soll nicht wieder an den Anfang gehen sondern stehenbleiben!
    Von simbel im Forum HTML & XHTML
    Antworten: 12
    Letzter Beitrag: 04.01.04, 01:55