Ankündigung

Einklappen
Keine Ankündigung bisher.

JS Menü, warum funktioniert das nicht

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • JS Menü, warum funktioniert das nicht

    Hallo nochmal, ich bin im Moment dabei verschiedene JS Menüs auszuprobieren.
    Ich habe hier dieses mal ein Popup Menü, das wenn man über den Link fährt die Unterlinks in einem eigenen Kästchen darstellt.

    Mit zwei Unterlinks da das bisher super geklappt, jetzt wollte ich aber mehrere Unterlinks geben und jetzt komme statt einem Kästchen nur ein Strich, bzw. wenn ich die + pro Link immer um eines mehr gebe, kommt da gar nichts, kann mir da jemand helfen bitte ?

    Hier der Quelltext für die Links:

    linkset[0]='<div class="menuitems"><a href="aktuell/frameset.htm" target="indexframe>Gemeinde</a></div>'
    linkset[0]+='<div class="menuitems"><a href="gderat/frameset.htm" target="indexframe>Gemeinderat</a></div>'
    linkset[0]+='<div class="menuitems"><a href="aktuell/parlament/parlament.htm" target="indexframe>Parlament</a></div>'
    linkset[0]+='<div class="menuitems"><a href="aktivitaet/frameset.htm" target="indexframe>Aktivität</a></div>'
    linkset[0]+='<div class="menuitems"><a href="aktuell/landtag-live.htm" target="indexframe>Landtag live</a></div>'
    linkset[0]+='<div class="menuitems"><a href="http://www.fpoe-ktn.at" target="indexframe>FPÖ Kärnten</a></div>'
    Los lei lafn und zag wosd konnst

  • #2
    hi!
    es wäre sehr hilfreich wenn du das ganze script posten würdest..

    grüße LEO

    Kommentar


    • #3
      hier ist es, ich habe anscheinend wichtige sachen vergessen !


      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <link rel="stylesheet" href="hp_mm.css" type="text/css">
      <html>
      <head>
      <title>PopUp Menu</title>
      <SCRIPT LANGUAGE="JavaScript">
      <!--

      if (top.frameset_geladen + "" != "okay"){
      if(document.images)
      top.location.replace(Dateien);
      else
      top.location.href = Dateien ;
      }

      if (parent.frames.length>2) {
      err_url = self.location.href;
      window.onerror = top.reportError;
      }
      // -->
      </script>
      </head>
      <style>
      <!--

      .menuskin{
      position:absolute;
      width:165px;
      background-color:menu;
      border:2px solid black;
      font:normal 12px Verdana;
      line-height:18px;
      z-index:100;
      visibility:hidden;
      }

      .menuskin a{
      text-decoration:none;
      color:black;
      padding-left:10px;
      padding-right:10px;
      }

      #mouseoverstyle{
      background-color:highlight;
      }

      #mouseoverstyle a{
      color:white;
      }
      -->
      </style>

      <script language="JavaScript1.2">

      //Pop-it menu- By Dynamic Drive
      //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
      //This credit MUST stay intact for use

      var linkset=new Array()
      //SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

      linkset[0]='<div class="menuitems"><a href="aktuell/frameset.htm" target="indexframe>Gemeinde</a></div>'
      linkset[0]+='<div class="menuitems"><a href="gderat/frameset.htm" target="indexframe>Gemeinderat</a></div>'
      linkset[0]+='<div class="menuitems"><a href="aktuell/parlament/parlament.htm" target="indexframe>Parlament</a></div>'
      linkset[0]+='<div class="menuitems"><a href="aktivitaet/frameset.htm" target="indexframe>Aktivität</a></div>'
      linkset[0]+='<div class="menuitems"><a href="aktuell/landtag-live.htm" target="indexframe>Landtag live</a></div>'
      linkset[0]+='<div class="menuitems"><a href="http://www.fpoe-ktn.at" target="indexframe>FPÖ Kärnten</a></div>'


      linkset[1]='<div class="menuitems"><a href="http://www.google.de">google</a></div>'
      linkset[1]+='<div class="menuitems"><a href="http://www.altavista.com">altavista</a></div>'

      ////No need to edit beyond here

      var ie4=document.all&&navigator.userAgent.inde xOf("Opera")==-1
      var ns6=document.getElementById&&!document.all
      var ns4=document.layers

      function showmenu(e,which){

      if (!document.all&&!document.getElementById&a mp;&!document.layers)
      return

      clearhidemenu()

      menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
      menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

      if (ie4||ns6)
      menuobj.innerHTML=which
      else{
      menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
      menuobj.document.close()
      }

      menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
      menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
      eventX=ie4? event.clientX : ns6? e.clientX : e.x
      eventY=ie4? event.clientY : ns6? e.clientY : e.y

      //Find out how close the mouse is to the corner of the window
      var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
      var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY

      //if the horizontal distance isn't enough to accomodate the width of the context menu
      if (rightedge<menuobj.contentwidth)
      //move the horizontal position of the menu to the left by it's width
      menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
      else
      //position the horizontal position of the menu where the mouse was clicked
      menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX

      //same concept with the vertical position
      if (bottomedge<menuobj.contentheight)
      menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
      else
      menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
      menuobj.thestyle.visibility="visible"
      return false
      }

      function contains_ns6(a, b) {
      //Determines if 1 element in contained in another- by Brainjar.com
      while (b.parentNode)
      if ((b = b.parentNode) == a)
      return true;
      return false;
      }

      function hidemenu(){
      if (window.menuobj)
      menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
      }

      function dynamichide(e){
      if (ie4&&!menuobj.contains(e.toElement))
      hidemenu()
      else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
      hidemenu()
      }

      function delayhidemenu(){
      if (ie4||ns6||ns4)
      delayhide=setTimeout("hidemenu()",500)
      }

      function clearhidemenu(){
      if (window.delayhide)
      clearTimeout(delayhide)
      }

      function highlightmenu(e,state){
      if (document.all)
      source_el=event.srcElement
      else if (document.getElementById)
      source_el=e.target
      if (source_el.className=="menuitems"){
      source_el.id=(state=="on")? "mouseoverstyle" : ""
      }
      else{
      while(source_el.id!="popmenu"){
      source_el=document.getElementById? source_el.parentNode : source_el.parentElement
      if (source_el.className=="menuitems"){
      source_el.id=(state=="on")? "mouseoverstyle" : ""
      }
      }
      }
      }

      if (ie4||ns6)
      document.onclick=hidemenu

      </script>

      <div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,' on')" onMouseout="highlightmenu(event,'off');dynamichide (event)">
      </div>

      <a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Webmaster Links</a><br>
      <a href="#" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()">Suchmaschinen</a>
      <p>
      <p>
      <form>
      <input type="button" value="Quelltext" onclick='window.location = "view-source:" + window.location.href'>
      </form>
      <p>
      <br><hr align="center" size="1" width="50%">
      <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" src="../ms.js">
      <!--
      //-->
      </SCRIPT>

      </body>
      </html>
      Los lei lafn und zag wosd konnst

      Kommentar


      • #4
        hm schaut so aus als hättest du das js script von www.mywebaid.de
        da musste musst du mal oben das

        <!--

        if (top.frameset_geladen + "" != "okay"){
        if(document.images)
        top.location.replace(Dateien);
        else
        top.location.href = Dateien ;
        }

        if (parent.frames.length>2) {
        err_url = self.location.href;
        window.onerror = top.reportError;
        }
        // -->
        </script>

        wegmachen...

        dann noch das da unten.
        mit <form ..... das das man sieht Quelltext ... dann sollte das ganze funken ...
        grüße LEO

        Kommentar


        • #5
          genau von dort habe ich es, das ist eine super seite.

          ich werde es so probieren, und melde mich dann wieder,

          bis dorthin, danke für die hilfe
          Los lei lafn und zag wosd konnst

          Kommentar


          • #6
            Hi, ich bins nochmal, habe es gerade ausprobiert, doch leider zeigt er da überhaupt keine unterlinks an, hier der von mir ausgebesserte Quelltext, vielleicht hab ich noch was vergessen, danke für die hilfe

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
            <link rel="stylesheet" href="hp_mm.css" type="text/css">
            <html>
            <head>
            <title>PopUp Menu</title>
            <SCRIPT LANGUAGE="JavaScript">
            </head>
            <style>
            <!--

            .menuskin{
            position:absolute;
            width:165px;
            background-color:menu;
            border:2px solid black;
            font:normal 12px Verdana;
            line-height:18px;
            z-index:100;
            visibility:hidden;
            }

            .menuskin a{
            text-decoration:none;
            color:black;
            padding-left:10px;
            padding-right:10px;
            }

            #mouseoverstyle{
            background-color:highlight;
            }

            #mouseoverstyle a{
            color:white;
            }
            -->
            </style>

            <script language="JavaScript1.2">

            //Pop-it menu- By Dynamic Drive
            //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
            //This credit MUST stay intact for use

            var linkset=new Array()
            //SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

            linkset[0]='<div class="menuitems"><a href="aktuell/frameset.htm" target="indexframe>Gemeinde</a></div>'
            linkset[0]+='<div class="menuitems"><a href="gderat/frameset.htm" target="indexframe>Gemeinderat</a></div>'
            linkset[0]+='<div class="menuitems"><a href="aktuell/parlament/parlament.htm" target="indexframe>Parlament</a></div>'
            linkset[0]+='<div class="menuitems"><a href="aktivitaet/frameset.htm" target="indexframe>Aktivität</a></div>'
            linkset[0]+='<div class="menuitems"><a href="aktuell/landtag-live.htm" target="indexframe>Landtag live</a></div>'
            linkset[0]+='<div class="menuitems"><a href="http://www.fpoe-ktn.at" target="indexframe>FPÖ Kärnten</a></div>'


            linkset[1]='<div class="menuitems"><a href="http://www.google.de">google</a></div>'
            linkset[1]+='<div class="menuitems"><a href="http://www.altavista.com">altavista</a></div>'

            ////No need to edit beyond here

            var ie4=document.all&&navigator.userAgent.inde xOf("Opera")==-1
            var ns6=document.getElementById&&!document.all
            var ns4=document.layers

            function showmenu(e,which){

            if (!document.all&&!document.getElementById&a mp;&!document.layers)
            return

            clearhidemenu()

            menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
            menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

            if (ie4||ns6)
            menuobj.innerHTML=which
            else{
            menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
            menuobj.document.close()
            }

            menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
            menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
            eventX=ie4? event.clientX : ns6? e.clientX : e.x
            eventY=ie4? event.clientY : ns6? e.clientY : e.y

            //Find out how close the mouse is to the corner of the window
            var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
            var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY

            //if the horizontal distance isn't enough to accomodate the width of the context menu
            if (rightedge<menuobj.contentwidth)
            //move the horizontal position of the menu to the left by it's width
            menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
            else
            //position the horizontal position of the menu where the mouse was clicked
            menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX

            //same concept with the vertical position
            if (bottomedge<menuobj.contentheight)
            menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
            else
            menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
            menuobj.thestyle.visibility="visible"
            return false
            }

            function contains_ns6(a, b) {
            //Determines if 1 element in contained in another- by Brainjar.com
            while (b.parentNode)
            if ((b = b.parentNode) == a)
            return true;
            return false;
            }

            function hidemenu(){
            if (window.menuobj)
            menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
            }

            function dynamichide(e){
            if (ie4&&!menuobj.contains(e.toElement))
            hidemenu()
            else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
            hidemenu()
            }

            function delayhidemenu(){
            if (ie4||ns6||ns4)
            delayhide=setTimeout("hidemenu()",500)
            }

            function clearhidemenu(){
            if (window.delayhide)
            clearTimeout(delayhide)
            }

            function highlightmenu(e,state){
            if (document.all)
            source_el=event.srcElement
            else if (document.getElementById)
            source_el=e.target
            if (source_el.className=="menuitems"){
            source_el.id=(state=="on")? "mouseoverstyle" : ""
            }
            else{
            while(source_el.id!="popmenu"){
            source_el=document.getElementById? source_el.parentNode : source_el.parentElement
            if (source_el.className=="menuitems"){
            source_el.id=(state=="on")? "mouseoverstyle" : ""
            }
            }
            }
            }

            if (ie4||ns6)
            document.onclick=hidemenu

            </script>

            <div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,' on')" onMouseout="highlightmenu(event,'off');dynamichide (event)">
            </div>

            <a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Webmaster Links</a><br>
            <a href="#" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()">Suchmaschinen</a>
            <p>
            <p>
            <p>
            <br><hr align="center" size="1" width="50%">
            <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" src="../ms.js">
            <!--
            //-->
            </SCRIPT>

            </body>
            </html>
            Los lei lafn und zag wosd konnst

            Kommentar

            homepage-forum.de - Hilfe für Webmaster! Statistiken

            Einklappen

            Themen: 56.938   Beiträge: 431.246   Mitglieder: 28.750   Aktive Mitglieder: 80
            Willkommen an unser neuestes Mitglied, Herman.

            Online-Benutzer

            Einklappen

            273 Benutzer sind jetzt online. Registrierte Benutzer: 1, Gäste: 272.

            Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            Die neuesten Beiträge

            Einklappen

            Lädt...
            X