Ergebnis 1 bis 5 von 5

Thema: Hielfe bei einem SlideMenu

  1. #1
    HTML Newbie
    Registriert seit
    13.12.2004
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hielfe bei einem SlideMenu

    Hallo,
    ich baue grade an einer Seite für eine Schule und brauche mal hielfe bei dem SlideMenu. Mein Script (vielmehr das was ich habe) sieht so aus:

    <STYLE type="text/css">

    A:hover{color:#000000;}
    DIV.clSlide{position:absolute; ;z-index:10; left:0; width:240; height:50; clip:rect(0,240,50,0); padding:3px;}
    DIV.clSlideSub{position:absolute; ;z-index:10; padding:2px; clip:rect(0,240,50,0); width:240; height:50; left:8; visibility:hidden}
    DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,240,50,0); width:240; height:50; left:8; visibility:hidden}
    divSlideCont{position:absolute; z-index:10; left:10; top:100; height:150; width:250; visibility:hidden}
    A.clSlideLinks{font-family:Arial, Arial, Helv; font-size:16px; font-weight:bold; text-decoration:none; color:black}
    A.clSlideSubLinks{font-family:Arial, Arial, Helv; font-size:15px; font-weight:bold; text-decoration:none; color:black}
    A.clSlideSub2Links{font-family:Arial, Arial, Helv; font-size:14px; font-weight:bold; text-decoration:none; color:black}
    </STYLE>
    <script language="JavaScript" type="text/javascript">
    function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.opera5=this.agent.indexOf("Opera 5")>-1
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf("Mac")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
    }
    var bw=new lib_bwcheck()
    if(bw.opera5) document.write("<style>DIV.clSlide{padding:0px; background-image:url(' ')}\nDIV.clSlideSub{padding:0px; background-image:url(' ')}\nDIV.clSlideSub2{padding:0px; background-image:url(' ')}</style>")

    function makeMenuObj(obj,nest){
    nest=(!nest) ? "":'document.'+nest+'.'
    this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document .all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
    this.el=bw.dom?document.getElementById(obj):bw.ie4 ?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
    this.ref=bw.dom || bw.ie4? document:bw.ns4?eval(nest+"document.layers." +obj+".document"):0;
    this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft;
    this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop;
    this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey
    this.moveIt=b_moveIt; this.moveBy=b_moveBy; this.status=0;
    this.bgImg=b_bgImg; this.obj = obj + "Object"; eval(this.obj + "=this");
    this.clipTo=b_clipTo;
    return this
    }
    function b_showIt(){this.css.visibility="visible"; this.status=1}
    function b_hideIt(){this.css.visibility="hidden"; this.status=0}
    function b_movey(y){this.y=y; this.css.top=this.y}
    function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y}
    function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x;this.css.top=this.y}
    function b_bgImg(img){if(bw.ie||bw.dom)this.css.backgroundI mage="url('"+img+"')"
    else this.css.background.src=img
    }
    function b_clipTo(t,r,b,l,w){if(bw.ns4){this.css.clip.top=t ;this.css.clip.right=r
    this.css.clip.bottom=b;this.css.clip.left=l
    }else{this.css.clip="rect("+t+","+r+","+b+","+l+") "; if(w){this.css.width=r; this.css.height=b}}}

    function SlideMenuInit(){
    oSlideMenu=new makeMenuObj('divSlideCont')
    oSlideMenu.moveIt(menux,menuy)
    oSlide=new Array()
    for(i=0;i<menus.length;i++){
    oSlide[i]=new makeMenuObj('divSlide'+i,'divSlideCont')
    oSlide[i].subs=menus[i].subs
    oSlide[i].sub=new Array()
    oSlide[i].moveIt(0,mainheight*i)
    oSlide[i].starty=oSlide[i].y
    if(bw.opera) oSlide[i].css.paddingLeft="10px"
    if(!menus[i].seperator) oSlide[i].bgImg(level0_regular)
    for(j=0;j<oSlide[i].subs;j++){
    oSlide[i].sub[j]=new makeMenuObj('divSlideSub'+i+"_"+j,'divSlideCont')
    oSlide[i].sub[j].moveIt(10,oSlide[i].y+subheight*j+between)
    oSlide[i].sub[j].starty=oSlide[i].sub[j].y
    oSlide[i][j]=new Array()
    oSlide[i][j].subs=menus[i][j].subs
    oSlide[i][j].sub=new Array()
    img=level1_round
    if(oSlide[i][j].subs!=0){
    if(j!=oSlide[i].subs-1) img=level1_sub
    else img=level1_sub_round
    oSlide[i].sub[j].css.color="white"
    }else{
    if(j!=oSlide[i].subs-1)img=level1_regular
    }
    oSlide[i].sub[j].origimg=img
    oSlide[i].sub[j].bgImg(img)
    for(a=0;a<oSlide[i][j].subs;a++){
    oSlide[i][j].sub[a]=new makeMenuObj('divSlideSub'+i+"_"+j+"_"+a,'divSlideC ont')
    oSlide[i][j].sub[a].moveIt(20,oSlide[i].sub[j].y+subheight*a+between-2)
    oSlide[i][j].sub[a].starty=oSlide[i][j].sub[a].y
    oSlide[i][j][a]=new Array()
    oSlide[i][j][a].subs=menus[i][j][a].subs
    oSlide[i][j][a].sub=new Array()
    if(a!=oSlide[i][j].subs-1) img=level2_regular
    else img=level2_round
    oSlide[i][j].sub[a].origimg=img
    oSlide[i][j].sub[a].bgImg(img)
    }
    }
    }
    oSlideMenu.showIt()
    }
    /************************************************** ******************************
    Variables
    ************************************************** ******************************/
    var active=-1;var going;var isthere; var sactive=-1; var sisthere=-1; var s2active=-1; var s2isthere=-1
    /************************************************** ******************************
    Switch menu function.
    ************************************************** ******************************/
    function swmenu(num,snum,s2num){
    if(snum!=-1){
    if(oSlide[num][snum].subs==0) return
    }
    if(s2num!=-1){
    if(oSlide[num][snum][s2num].subs==0) return
    }
    if((num!=active || snum!=sactive || s2num!=s2active) && !going){going=true;isthere=0;sisthere=0;moveUp(num ,snum,s2num)}
    }
    /************************************************** ******************************
    Moving the menus upward to their original position.
    ************************************************** ******************************/
    function moveUp(num,snum){
    if(snum==-1){
    for(i=0;i<oSlide.length;i++){
    if(oSlide[i].y>oSlide[i].starty+pxspeed && active!=i) oSlide[i].moveBy(0,-pxspeed)
    else{if(active!=i) oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty); isthere=i}
    }

    if(isthere<oSlide.length-1) setTimeout("moveUp("+num+","+snum+")",timspeed)
    else swmenu2(num,snum)
    }else{
    if(num==oSlide.length-1) isthere=num

    if(sactive!=-1){ //Is out!
    //Slide subs
    j=0
    for(i=sactive+1;i<oSlide[num].sub.length;i++){
    j++
    if(oSlide[num].sub[i].y>oSlide[num].sub[i].starty+pxspeed) oSlide[num].sub[i].moveBy(0,-pxspeed)
    else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,oSlide[num].sub[i].starty); sisthere=i}
    }
    //Slide main
    for(i=num+1;i<oSlide.length;i++){
    if(oSlide[i].y>oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ) oSlide[i].moveBy(0,-pxspeed)
    else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ); isthere=i}
    }
    }else{ //Slide to the one clicked
    for(i=num+1;i<oSlide.length;i++){
    if(oSlide[i].y>oSlide[i].starty + snum*between+between) oSlide[i].moveBy(0,-pxspeed)
    else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + snum*between+between); isthere=i}
    }
    }
    if(isthere<oSlide.length-1 || (sactive!=-1 && sisthere<oSlide[num].sub.length-1 && sactive!=oSlide[num].sub.length-1)) setTimeout("moveUp("+num+","+snum+")",timspeed)
    else swmenu2(num,snum)
    }
    }
    /************************************************** ******************************
    Switch menu 2, stuff that happens before the menus are moved down again.
    ************************************************** ******************************/
    function swmenu2(num,snum){
    isthere=0;
    sisthere=0;
    if(active>-1 && snum==-1){
    //Hiding submenus
    for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].hideIt()}
    oSlide[active].bgImg(level0_regular)
    oSlide[active].moveIt(0,oSlide[active].starty)
    }
    if(sactive>-1){
    //Hiding submenus
    for(j=0;j<oSlide[active][sactive].sub.length;j++){oSlide[active][sactive].sub[j].hideIt()}
    oSlide[active].sub[sactive].bgImg(oSlide[active].sub[sactive].origimg)
    oSlide[active].sub[sactive].moveIt(10,oSlide[active].sub[sactive].starty)
    //Move back to place
    for(i=sactive+1;i<oSlide[active].sub.length;i++){
    oSlide[active].sub[i].moveIt(oSlide[active].sub[i].x,oSlide[active].sub[i].starty)
    }
    }
    active=num
    //Showing submenus
    if(snum>-1){
    sactive=snum
    for(j=0;j<oSlide[num][snum].sub.length;j++){oSlide[num][snum].sub[j].showIt()}
    oSlide[num].sub[snum].moveBy(10,3)
    oSlide[num].sub[snum].bgImg(level1_round2)
    }else{
    sactive=-1
    for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].showIt()}
    oSlide[num].moveBy(10,3)
    oSlide[num].bgImg(level0_round)
    }
    if(num!=oSlide.length-1) moveDown(num,snum)
    else{
    isthere=num
    moveDown(num,snum)
    }
    }
    /************************************************** ******************************
    Moving the menus down
    ************************************************** ******************************/
    function moveDown(num,snum){
    //if(num==oSlide.length-1) isthere=num
    for(i=num+1;i<oSlide.length;i++){
    if(snum==-1){
    if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed) oSlide[i].moveBy(0,pxspeed)
    else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between); isthere=i}
    }else{
    if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed + (oSlide[num][snum].subs-1)*subheight+between) oSlide[i].moveBy(0,pxspeed)
    else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between + (oSlide[num][snum].subs-1)*subheight+between); isthere=i}
    }
    }
    if(snum!=-1){
    for(i=snum+1;i<oSlide[num].sub.length;i++){
    if(oSlide[num].sub[i].y<(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between-pxspeed) oSlide[num].sub[i].moveBy(0,pxspeed)
    else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between); sisthere=i}
    }
    }
    if(snum==-1){
    if(isthere<oSlide.length-1) setTimeout("moveDown("+num+","+snum+")",timspeed)
    else going=false
    }else{
    if(isthere<oSlide.length-1 || (sisthere<oSlide[num].sub.length-1 && snum!=oSlide[num].sub.length-1)) setTimeout("moveDown("+num+","+snum+")",timspeed)
    else going=false
    }
    }
    var test=0
    /************************************************** ******************************
    Functions to write out the layers...
    ************************************************** ******************************/
    menus=new Array(); var a=0; var b=0; var c=0; var d=0
    function makeMenu(type,text,lnk,target,end){
    str=""; tg="";
    if(target) tg='target="'+target+'"'
    if(!lnk) lnk="#"

    if(a==0) str='<div id="divSlideCont">\n'
    if(type=="top"){
    menus[a]=new Array();
    if(text=="seperator"){
    str+='\t<div id="divSlide'+a+'" class="clSlide"></div>\n'
    menus[a].seperator=1
    }else{
    str+='\t<div id="divSlide'+a+'" class="clSlide"> '+text+'
    </div>\n'
    }
    menus[a].subs=0; a++; b=0
    }else if(type=="sub"){
    str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b)+'" class="clSlideSub"> '+text+'
    </div>\n'
    b++; menus[a-1].subs=b; menus[a-1][b-1]=new Array(); c=0; menus[a-1][b-1].subs=0
    }else if(type=="sub2"){
    str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b-1)+'_'+c+'" class="clSlideSub2"> '+text+'
    </div>\n'
    c++; menus[a-1][b-1].subs=c; menus[a-1][b-1][c-1]=new Array(); d=0; menus[a-1][b-1][c-1].subs=0
    }
    if(end) str+="</div>"
    document.write(str)
    }
    function preLoadBackgrounds(){
    for(i=0;i<arguments.length;i++){
    this[i]=new Image()
    this[i].src=arguments[i]
    }
    return this
    }
    </script>
    <base target="Hauptframe" />


    </head>


    <body bgproperties="fixed" background="images/nav1.gif">





    <script>

    between=30 //The pixel between the menus and the submenus
    mainheight=30 //The height of the mainmenus
    subheight=21 //The height of the submenus
    pxspeed=15 //The pixel speed of the animation
    timspeed=13 //The timer speed of the animation
    menuy=30 //The top placement of the menu.
    menux=10 //The left placement of the menu
    //Images - Play with these
    level0_regular="level0_regular.gif"
    level0_round="level0_round.gif"
    level1_regular="level1_regular.gif"
    level1_round="level1_round.gif"
    level1_sub="level0_regular.gif"
    level1_sub_round="level1_sub_round.gif"
    level1_round2="level1_round2.gif"
    level2_regular="level2_regular.gif"
    level2_round="level1_round2.gif"

    //Leave this line
    preLoadBackgrounds(level0_regular,level0_round,lev el1_regular,level1_round,level1_sub,level1_sub_rou nd,level1_round2,level2_regular,level2_round)


    //top = Main menus
    //sub = Sub menus
    //sub2 = SubSub menus

    makeMenu('top','Startseite','home1.htm')

    makeMenu('top','Geschichte','geschichte.htm')

    makeMenu('top','Standort','lage.htm')

    makeMenu('top','Einzugsgebiet','einzug.htm')

    makeMenu('top','Organisation','orga.htm')

    makeMenu('top','Raumangebot','raum.htm')

    makeMenu('top','Zivildienst','zivi.htm')

    makeMenu('top','Kontakte','kontakte.htm')

    makeMenu('top','Förderverein','foerder.htm')

    makeMenu('top','Pädagogisches Konzept','paeda.htm')
    makeMenu('sub','Vor- und Unterstufe','unterstufe.htm')
    makeMenu('sub','Mittelstufe','mittelstufe.htm')
    makeMenu('sub','Oberstufe','oberstufe.htm')
    makeMenu('sub','Werkstufe','werkstufe.htm')

    makeMenu('top','Veranstaltungen','veranstaltung.ht m')


    makeMenu('top','Aus dem Schulleben','schulleben.htm')
    makeMenu('sub','Projekte','projekte.htm')
    makeMenu('sub2','Kiosk','kiosk.htm')
    makeMenu('sub2','Schülerbücherei','buecherei.htm')
    makeMenu('sub2','Im Schulgarten','garten.htm')
    makeMenu('sub2','Projektwochen','projekt.htm')

    makeMenu('sub','Arbeitsgemeinschaften','arbeitsgem einschaften.htm')
    makeMenu('sub2','Singkreis','singkreis.htm')
    makeMenu('sub2','Fußball','fussball.htm')
    makeMenu('sub2','Theater','theater.htm')
    makeMenu('sub2','Orff','orff.htm')

    makeMenu('sub','Lernorte außerhalb der Schule','lernorte.htm')
    makeMenu('sub2','ZEUS: Feuerwehr','feuerwehr.htm')
    makeMenu('sub2','ZEUS: Stadtbibliothek','Stadtbibliothek.htm')

    makeMenu('sub','Kooperationen','kooperation.htm')
    makeMenu('sub2','Gesamtschule Eiserfeld','eiserfeld.htm')
    makeMenu('sub2','Schule am Sonnenhang','sonnenhang.htm')

    makeMenu('sub','Schulzeitung SCHAUFENSTER','schulzeitung.htm')

    makeMenu('top','Schülerseite','schuelerseite.htm')

    makeMenu('top','Impressum','impressum.htm')


    onload=SlideMenuInit;
    </script>



    Und mein problem ist nun das ich vor jedem Link dieses Bild haben muss

    Wäre nett wen mir jemand helfen könnte.
    Gruß
    Ardbeg
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.11.2004
    Ort
    bei Mama
    Beiträge
    268
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard re

    sorry aber ich versteh nicht genau was du meinst
    kannst das vielleicht ein bisschen genauer beschreiben?
    War ich das etwa??
    Guckt euch mal diesen Thread an ist voll geil:
    http://www.forum-hilfe.de/viewtopic.php?t=5184

  3. #3
    Gast

    Standard

    Also die Navigation soll aussehen wie bei folgender Seite
    http://www.martinmetall.de/nav.htm
    Nur das vor den Menü-Punkten die Grafik sein soll

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    13.12.2004
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Kann mir den keiner helfen schade

  5. #5
    Gast

    Standard

    Hi, der Code ist mit zu lang, deshalb wirst du selbst austüfteln müssen, wo und wie du das einabust, aber bilder vor den Links kannst du entweder einbauen, indem du das Menu in eine Liste umbaust oder ein Hintergrundbild verwendest und den Link etwas verschiebst:

    Du kannst auch ein div zu einem Listeneintrag machen (wenns schon eine Liste ist ohne display:list-item):
    Code:
    div.menulink&#123;
      display&#58; list-item;
      list-style-image&#58; url&#40;bild.gif&#41;;
    &#125;
    oder als Hintergrund:
    Code:
    div.menulink&#123;
      background&#58; url&#40;bild.gif&#41; no-repeat left top;
      margin-left&#58; 20px; /* je nachdem, wie breit das Bild ist */
    &#125;

Ähnliche Themen

  1. SlideMenu Problem
    Von 00eraser00 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 15.01.2008, 11:56
  2. Inet seiten aufbau problem brauche drigend hielfe!!!
    Von allo im Forum Computer - Internet Forum
    Antworten: 2
    Letzter Beitrag: 19.06.2007, 12:09
  3. Hielfe habe feler meldung
    Von coso0 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 02.02.2007, 18:06
  4. brauche hielfe !!!
    Von antraxz im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 4
    Letzter Beitrag: 22.05.2006, 17:03
  5. Slidemenu
    Von mk-gr im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 21.07.2004, 20:08

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •