nicht angemeldet
Kleines Formatierungsproblem
JürgenBHallo zusammen, lese hier schon lange und sehr gerne mit aber heute stelle ich zum ersten Mal eine Frage:
Ich habe zwei JS-Dateien, die mein Menü unsichtbar machen. Bei beiden würde ich gerne diesen Effekt ausstellen, kenne mich jedoch leider mit JS überhaupt nicht aus. Ist jemand von euch so lieb mir ein bisschen zu helfen?
Das wäre ganz ganz lieb!
Liebe Grüße Lina
/*
* Superfish v1.4.8 - jQuery menu widget
* Copyright (c) 2008 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
*/
;(function($){
$.fn.superfish = function(op){
var sf = $.fn.superfish,
c = sf.c,
$arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')),
over = function(){
var $$ = $(this), menu = getMenu($$);
clearTimeout(menu.sfTimer);
$$.showSuperfishUl().siblings().hideSuperfishUl();
},
out = function(){
var $$ = $(this), menu = getMenu($$), o = sf.op;
clearTimeout(menu.sfTimer);
menu.sfTimer=setTimeout(function(){
o.retainPath=($.inArray($$[0],o.$path)>-1);
$$.hideSuperfishUl();
if (o.$path.length && $$.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,
delay : 800,
animation : {opacity:'show'},
speed : 'normal',
autoArrows : true,
dropShadows : true,
disableHI : false, // 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').slideUp()//.parent().find('span').stop().animate({opacity:0});
var selectLi = $ul.parent();
if(!$.browser.msie){
selectLi.not('.active').find('>span').stop().animate({scale:0, opacity:0}, 500,"easeOutBack");
selectLi.not('.active').find('>a').stop().animate({color:"#000"},300);
}else{
selectLi.not('.active').find('> span').css({"visibility":"hidden"});
selectLi.not('.active').find('> a').css({color:"#000"})
}
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');
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);
und der Zweite
/*0.2*/
;(function($){
$.fn.navs=function(opt){
if(opt===undefined)
opt={}
this.each(function(){
var th=$(this),
data=th.data('navs'),
_={
enable:true,
activeCl:'active',
event:'click',
backLink:'a[data-type=back]',
closeLink:'a[data-type=close]',
blockSame:true,
useHash:false,
contRetFalse:false,
hover:true,
preFu:function(){
_.n=-1
_.curr=false
_.li.each(function(i){
var th=$(this)
th.data({num:i})
if(th.hasClass(_.activeCl))
_.n=i,
_.curr=th,
_.hoverIn(th)
})
},
refreshFu:function(){
if(!_.enable)
return false
_.li.each(function(i){
var th=$(this),
tmp
if(th.hasClass(_.activeCl))
_.curr=th,
_.n=th.data('num')
})
if(_.curr)
_.hoverIn(_.curr)
_.li.not(_.curr).each(function(){
var th=$(this)
_.hoverOut(th)
})
},
changeFu:function(n,param){
param=param||n
if(!_.enable)
return false
if(n==_.n&&_.blockSame)
return false
_.prev=_.n
_.li.removeClass(_.activeCl)
_.li.each(function(i){
var th=$(this)
if(typeof n=='number')
if(n==i)
th.addClass(_.activeCl),
_.n=i
if(typeof n=='string')
if(n==th.attr('href'))
th.addClass(_.activeCl),
_.n=i
})
_.refreshFu()
_.onChangeFu(param)
},
onChangeMas:[],
onChangeFu:function(param){
$(_.onChangeMas).each(function(){
if(typeof this=='function')
this.call(_.me,param,_)
})
},
nextFu:function(){
var n=_.n
_.changeFu(++n<_.li.length?n:0)
},
prevFu:function(){
var n=_.n
_.changeFu(--n>=0?n:_.li.length-1)
},
controlsFu:function(){
_.li.each(function(i){
var li=$(this)
$('>a',li)
.bind(_.event,function(){
_.changeFu(i)
if(_.contRetFalse)
return false
})
})
},
navFu:function(){
$(_.backLink)
.live(_.event,function(){
if(!_.enable)
return false
_.backFu()
return false
})
$(_.closeLink)
.live(_.event,function(){
if(!_.enable)
return false
_.closeFu()
})
},
backFu:function(){
location.hash=_.prevHash
},
closeFu:function(){
var n=_.n
_.prev=n
_.n=-1
_.curr=false
_.li.removeClass(_.activeCl)
_.li.each(function(){_.hoverOut($(this))})
_.onChangeFu('close')
},
hoverFu:function(){
_.li.each(function(i){
$('>a',this)
.bind('mouseenter',function(){
if(_.enable)
if(_.hover&&!_.li.eq(i).hasClass(_.activeCl))
_.hoverIn(_.li.eq(i))
})
.bind('mouseleave',function(){
if(_.enable)
if(_.hover&&!_.li.eq(i).hasClass(_.activeCl))
_.hoverOut(_.li.eq(i))
})
})
},
hashFu:function(){
$(window)
.bind('hashchange',function(){
if(!_.enable)
return false
_.prevHash=_.hash
_.hash=location.hash
if(location.hash.slice(0,2)=='#!')
_.hashChFu()
})
},
hashChFu:function(){
var ch=false
_.li.each(function(i){
var tmp=$('>a',this).attr('href')
if(tmp==location.hash)
_.changeFu(i,location.hash),
ch=true
})
if(!ch)
_.prev=_.n,
_.n=-1,
_.curr=false,
_.li.removeClass(_.activeCl),
_.li.each(function(){_.hoverOut($(this))}),
_.onChangeFu(location.hash)
},
init:function(){
_.me=this
_.ul=$('>ul',_.me)
_.li=$('>li',_.ul)
_.preFu()
if(_.useHash)
_.hashFu()
else
_.controlsFu()
_.navFu()
_.hoverFu()
_.hoverOut(_.li)
_.refreshFu()
if(location.hash.slice(0,2)=='#!'){
var hash=location.hash
location.hash=''
location.hash=hash
}
},
hoverIn:function(){},
hoverOut:function(){}
}
if(!data)
(typeof opt=='object'?$.extend(_,opt):_).init.call(th),
th.data({navs:_}),
data=_
else
_=typeof opt=='object'?$.extend(data,opt):data
if(typeof opt=='number')
_.changeFu(opt)
if(typeof opt=='string')
if(opt=='prev'||opt=='next'||opt=='close'||opt=='back')
_[opt+'Fu']()
else
if(opt.slice(0,2)=='#!')
location.hash=opt
if(typeof opt=='function')
_.onChangeMas.push(opt)
if(typeof opt=='boolean')
_.enable=opt
})
return this
}
$.fn.cont_sw=function(opt){
if(opt===undefined)
opt={}
this.each(function(){
var th=$(this),
data=th.data('cont_sw'),
_={
enable:true,
blockSame:true,
duration:800,
easing:'linear',
preFu:function(){
_.li.hide()
},
showFu:function(){
_.next
.css({opacity:0})
.show()
.stop()
.animate({
opacity:1
},{
duration:_.duration,
easing:_.easing
})
},
hideFu:function(){
_.li.hide()
},
nextFu:function(){
var n=_.n
_.changeFu(++n<_.li.length?n:0)
},
prevFu:function(){
var n=_.n
_.changeFu(--n>=0?n:_.li.length-1)
},
navFu:function(str){
if(_.prevStr==str)
return false
_.prevStr=str
_.li.each(function(i){
var th=$(this)
if(th.attr('id')==str.slice(3))
_.next=th,
_.prev=_.n,
_.n=i,
_.hideFu(),
_.showFu()
})
},
closeFu:function(){
if(_.prevStr=='close')
return false
_.n=-1
_.prevStr='close'
_.hideFu()
},
backFu:function(){
_.changeFu(_.prev)
},
changeFu:function(n){
if(!_.enable)
return false
if(n==_.n&&_.blockSame)
return false
var fu=function(){
_.prev=_.n
_.n=n
_.next=_.li.eq(n)
_.hideFu(_)
_.showFu(_)
_.onChangeFu(n)
}
$.when(_.li).then(fu)
},
onChangeMas:[],
onChangeFu:function(param){
$(_.onChangeMas).each(function(){
if(typeof this=='function')
this.call(_.me,param,_)
})
},
init:function(){
_.me=this
_.ul=$('>ul',_.me)
_.li=$('>li',_.ul)
_.preFu()
}
}
if(!data)
(typeof opt=='object'?$.extend(_,opt):_).init.call(th),
th.data({cont_sw:_}),
data=_
else
_=typeof opt=='object'?$.extend(data,opt):data
if(typeof opt=='number')
_.changeFu(opt)
if(typeof opt=='string')
if(opt=='prev'||opt=='next'||opt=='close'||opt=='back')
_[opt+'Fu']()
else
if(opt.slice(0,2)=='#!')
_.navFu(opt)
if(typeof opt=='function')
_.onChangeMas.push(opt)
if(typeof opt=='boolean')
_.enable=opt
})
return this
}
})(jQuery)
-
hi,
Hallo zusammen, lese hier schon lange und sehr gerne mit aber heute stelle ich zum ersten Mal eine Frage:
Ich habe zwei JS-Dateien, die mein Menü unsichtbar machen. Bei beiden würde ich gerne diesen Effekt ausstellen, kenne mich jedoch leider mit JS überhaupt nicht aus. Ist jemand von euch so lieb mir ein bisschen zu helfen?
Vielleicht liest du die Bedienungsanleitung von denen, die den Code verfasst haben. Da steht u.U. was zu den Konfigurationen. Ansonsten ganz blöde Frage: wenn das Menü nicht weg soll, warum dann das Javascript?
U.u. identifiziert es das Menü an der id oder der class im html. Die könntest Du ändern.
mfg
tami
-
Hallo, habe gerade von jemandem, der es wissen muss, erfahren, dass ich die falschen Javascripte hochgeladen habe. Er sagt, dass man im folgenden Javascript die Zeilen 52, 134, 186 auskommentieren soll, hat aber selbst keine Zeit. Jetzt weiss ich leider dennoch nicht weiter. Menü ist wohl "nav". Ich würde mich sehr über jede Hilfe freuen und schicke schonmal 1000 Danke in die Welt! Viele liebe Grüße Lina
var map; $(document).ready(function(){ //cScroll $(".scroll").cScroll({ duration:700, step:100 }); $('#splash').tinyscrollbar({ axis: 'x', sizethumb:"169"}); //menu $('#main>nav>ul').superfish({ delay: 600, animation: {opacity:'show', height:'show'}, speed: 400, autoArrows: false, dropShadows: false }); $('#main>nav>ul>li').prepend("<span></span>"); if(!$.browser.msie){ $('#main>nav>ul>li>span').fadeTo(0,0).animate({scale:0, opacity:0}, 0) }else{ $('#main>nav>ul>li>span').css({"visibility":"hidden"}); } //content switch var content=$("#main"), nav=$("#main>nav"), back=$("#back"), animateState = false; function overHandler(){ if(!$.browser.msie){ $(this).find("img").stop().fadeTo(400, 0.2); $(this).find("div").stop().fadeTo(400, 0.2); }else{ $(this).find("img").stop().fadeTo(0, 0.2); $(this).find("div").stop().fadeTo(0, 0.2); } } function outHandler(){ if(!$.browser.msie){ $(this).find("img").stop().fadeTo(400, 1); $(this).find("div").stop().fadeTo(400, 1); }else{ $(this).find("img").stop().fadeTo(0, 1); $(this).find("div").stop().fadeTo(0, 1); } } nav.fadeTo(0, 0); /*back.find("div").fadeOut(0); back.find("img").fadeOut(0); back.fadeOut(0);*/ nav.navs({ useHash:true, hoverIn:function(li){ if(!$.browser.msie){ li.find('> span').stop().animate({scale:1, opacity:1}, 300,"easeOutBack"); li.find('> a').stop().animate({color:"#000000"},300); }else{ li.find('> span').css({"visibility":"visible"}); li.find('> a').css({color:"#6e6e6e"}) } }, hoverOut:function(li){ if (!li.hasClass('with_ul') || !li.hasClass('sfHover')) { if (!li.hasClass('active')){ if(!$.browser.msie){ li.find('> span').stop().animate({scale:0, opacity:0}, 400, "easeInCubic"); li.find('> a').stop().animate({color:"#6e6e6e"},300, "easeInCubic"); }else{ li.find('> span').css({"visibility":"hidden"}); li.find('> a').css({color:"#6e6e6e"}) } } } }, hover:true }) nav.navs(function(n, _){ content.cont_sw(n); changeCSS(n); }); function changeCSS(name){ switch(name){ case "#!/projects": $("body").attr("class", "body_var1"); $("#main").attr("class", "main_var1"); break; case "#!/read_more2": $("body").attr("class", "body_var2"); $("#main").attr("class", "main_var2"); break; case "#!/read_more5": $("body").attr("class", "body_var2"); $("#main").attr("class", "main_var2"); break; case "#!/read_more1": $("body").attr("class", "body_var3"); $("#main").attr("class", "main_var3"); break; case "#!/read_more4": $("body").attr("class", "body_var4"); $("#main").attr("class", "main_var4"); break; case "#!/mail": setTimeout(refreshMap, 1500); break; case "#!/privacy-policy": $("body").attr("class", "body_var3"); $("#main").attr("class", "main_var3"); break; case "#!/services": $("body").attr("class", "body_var2"); $("#main").attr("class", "main_var2"); break; ///hier kommen die anderen pfade hin default: $("body").attr("class", "body_default"); $("#main").attr("class", "main_default"); break; } } $(window).bind("hashchange", changeSiteHash); function changeSiteHash(){ if(window.location.hash != "" && window.location.hash != "#"){ if(window.location.hash =="#!/splash") { nav.stop().fadeTo(400, 0, function(){nav.css({"visibility":"hidden"})}); /*back.find("div").fadeOut(400); back.find("img").fadeOut(400); back.fadeOut(400); back.unbind("mouseover",overHandler); back.unbind("mouseout",outHandler);*/ back.find("div").stop().delay(450).fadeTo(500, 1); back.find("img").stop().delay(450).fadeTo(500, 1); back.stop().delay(450).fadeTo(500, 1); back.bind("mouseover",overHandler); back.bind("mouseout",outHandler); }else{ nav.css({"visibility":"visible"}).stop().delay(450).fadeTo(600, 1); /*back.find("div").stop().delay(450).fadeTo(500, 1); back.find("img").stop().delay(450).fadeTo(500, 1); back.stop().delay(450).fadeTo(500, 1); back.bind("mouseover",overHandler); back.bind("mouseout",outHandler);*/ back.find("div").fadeOut(400); back.find("img").fadeOut(400); back.fadeOut(400); back.unbind("mouseover",overHandler); back.unbind("mouseout",outHandler); } } } content.cont_sw({ showFu:function(){ var _=this; $.when(_.li).then(function(){ _.next.css({display:'block', left:-1500}).stop().animate({left:0}, 800, 'easeOutCubic'); }); }, hideFu:function(){ var _=this; _.li.stop().animate({left:1500},800, 'easeInCubic', function(){ _.li.not(_.next).css({display:'none'}); }) }, preFu:function(){ var _=this; _.li.css({position:'absolute', display:'none'}); } }); nav.navs(0); hideMenu(); function hideMenu(){ if (window.location.hash =="#!/splash" || window.location.hash =="") { nav.fadeTo(0, 0, function(){nav.css({"visibility":"hidden"})}); /*back.find("div").fadeOut(0); back.find("img").fadeOut(0); back.fadeOut(0); back.unbind("mouseover",overHandler); back.unbind("mouseout",outHandler);*/ } } $(window).load(function(){ // social buttons $("footer > ul > li").socialButtons(); $('#projects > .box_4 > .scroll > .inner > li > a:first-child').fancybox({ 'speedIn' : 300, 'speedOut' : 300 }); $("#projects > .box_4 > .scroll > .inner > li > a:first-child").each(function(e){ $(this).prepend("<div class='zoomOverProject'></div>"); $(this).find("div").fadeTo(0, 0); }).hover(overImgHandle, outImgHandler) //splashScroll $('.viewport > ul > li > a').fancybox({ 'speedIn' : 300, 'speedOut' : 300 }); $(".viewport > ul > li > a").each(function(e){ $(this).prepend("<div class='zoomOver'></div>"); $(this).find("div").fadeTo(0, 0); }).hover(overImgHandle, outImgHandler) function overImgHandle(){ $(this).find("div").stop().fadeTo(500, 0.5); } function outImgHandler(){ $(this).find("div").stop().fadeTo(500, 0); } setTimeout(hideSpinner, 1000) function hideSpinner (){ $("#spinner").fadeOut(400); } }); google.maps.event.addDomListener(window, 'load', function() { map = new google.maps.Map(document.getElementById('gmap3'), { zoom: 15, center: new google.maps.LatLng(51.375303,6.927202), mapTypeId: google.maps.MapTypeId.ROADMAP }); var marker1 = new google.maps.Marker({ map: map, position: new google.maps.LatLng(51.375303,6.927202) }); }); }) function refreshMap(){ google.maps.event.trigger(map, 'resize'); map.setCenter(new google.maps.LatLng(51.375303,6.927202)); }-
Hallo Lina,
auskommentieren heißt, an den Zeilenanfang zwei Schrägstriche einfügen:
// alles was hier steht, wird nicht ausgeführt
Um die Angegebenen Zeilen zu finden, wäre ein Link zur Seite recht hilfreich. Aber vielleicht kannst du es ja auch selbst machen. Ich habe mich gerade verzählt.
Gruß, Jürgen
-
Hallo Lina,
auskommentieren heißt, an den Zeilenanfang zwei Schrägstriche einfügen:
// alles was hier steht, wird nicht ausgeführt
Um die Angegebenen Zeilen zu finden, wäre ein Link zur Seite recht hilfreich. Aber vielleicht kannst du es ja auch selbst machen. Ich habe mich gerade verzählt.
Gruß, Jürgen
Es soll auch Editoren geben, die das Zeilenzählen selbst übernehmen...
Gruß
Kalk-
Hallo Tabellenkalk,
Es soll auch Editoren geben, die das Zeilenzählen selbst übernehmen...
aber auch die Zählen nur "richtig", wenn der Anfang stimmt.
Gruß, Jürgen
PS Und warum postest du die Zeilen nicht?
-
-
-