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.975   Beiträge: 431.488   Mitglieder: 29.055   Aktive Mitglieder: 125
            Willkommen an unser neuestes Mitglied, Adampie.

            Online-Benutzer

            Einklappen

            277 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 273.

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

            Die neuesten Themen

            Einklappen

            • Gnosius
              Mobile und Desktop-Version kombinieren
              Hallo,

              mittlerweile habe ich eine kleine Homepage erstellt (mit MS Expression web 4), die nur einige Buttons mit Links zur Weiterleitung enthält.
              da das Hintergrundbild teils gekachelt wurde, habe ich 2 Versionen erstellt, die unter verschiedenen URLs aufgerufen werden und einmal...
              17.01.2022, 12:52
            • mawi1512
              generelle Statisik über Auswahlmenu erstellen
              Hallo zusammen!
              Ich würde gerne eine vorgegebene Statistik über eine Mehrfachauswahlmenu anbieten.
              Was ausgewählt wurde, soll öffentlich als Summe ausgewertet und angezeigt werden.
              Die Auswertung soll geischert in einer Datenbank oder über eine andere Möglichkeit gesichert werden....
              17.01.2022, 11:28
            • Comedix
              Gesucht: Newsletter Script
              Hallo,

              das Newsletterscript, das ich auf meiner Homepage verwende, ist in die Jahre gekommen. Ich muss/möchte den Webspace auf PHP 8.0 umstellen und deshalb werde ich mich von meinem alten PHP-Script verabschieden. Verwendet oder kennt jemand eine Newsletter-Software, die er/sie empfehlen...
              16.01.2022, 14:46
            • dafra1987
              MediaWiki Editor ändern
              Hallo,

              ich habe auf meinem Webspace von Alfahosting eine Instanz von Mediawiki installiert. Allerdings ist der Editor, der da mit "ausgerollt" wurde sehr unglücklich. Ich möchte natürlich auch medial die Seiten aufbauen und in dem Editor gibt es keine Möglichkeit für einen...
              13.01.2022, 22:58
            • ST747
              Google indexierung
              Hallo,
              ich habe ein paar Unterseiten die nicht indexiert werden:.
              Gefunden - zur Zeit nicht im Index.

              Wenn ich dann die Fehleranalyse mache, kommt Property nicht im Konto.
              Zugriff bestätigt,die Website befindet sich aber nicht auf ihrem Konto.
              Die gehört aber zu...
              11.01.2022, 17:49

            Die neuesten Beiträge

            Einklappen

            • Localfu
              Antwort auf Mobile und Desktop-Version kombinieren
              Moin Sempervivum,
              verwende doch bitte mal bitte:
              Code:
              @media (orientation: landscape) {
              body {
              background-image: url('images/bild3.jpg');
              background-size: cover;
              background-repeat: no-repeat;
              background-position: center;
              }
              }
              
              @media
              ...
              20.01.2022, 00:07
            • Gnosius
              Mobile und Desktop-Version kombinieren
              Hallo,

              mittlerweile habe ich eine kleine Homepage erstellt (mit MS Expression web 4), die nur einige Buttons mit Links zur Weiterleitung enthält.
              da das Hintergrundbild teils gekachelt wurde, habe ich 2 Versionen erstellt, die unter verschiedenen URLs aufgerufen werden und einmal...
              17.01.2022, 12:52
            • Gnosius
              Antwort auf Mobile und Desktop-Version kombinieren
              Ja, das war's. PC jetzt super, Smartphone hochkant auch. Smartphone (S20 ultra) quer: zeigt noch 1 cm von der nächsten Kachel an. Warum er da nicht auf 100% streckt weiß ich nicht. Vielleicht weil das Bild 1670 breit x 1880 hoch ist (unten abgeschintten ist ok). Das S20 hat 1440x3200 Pixel, läuft...
              19.01.2022, 21:19
            • Sempervivum
              Antwort auf Mobile und Desktop-Version kombinieren
              Bei dem
              Code:
              background-size: 100% 100%"
              muss das Gänsefüßchen durch ein Semikolon ersetzt werden.
              Und bei portrait fehlt die letzte schließende Klammer.
              Mit diesem CSS sieht es bei mir ganz gut aus:
              Code:
                      @media (orientation: landscape) {
                          body {
              ...
              19.01.2022, 19:49
            • Gnosius
              Antwort auf Mobile und Desktop-Version kombinieren
              So, habe ich erledigt:

              <!DOCTYPE html>
              <htmllang="de">
              <head>
              <metacharset="UTF-8">
              <metahttp-equiv="X-UA-Compatible"content="IE=edge">
              <metaname="viewport"content="width=device-width,...
              19.01.2022, 18:44
            • Ingo
              Antwort auf Mobile und Desktop-Version kombinieren
              Hi,
              nach DOCTYPE und meta fehlt ein Leerzeichen.
              Bei font-family mindestens eine gererische Angabe wie serif hinzufügen.
              Statt .auto-style mit Nummern würde ich "sprechende" Namen wählen.

              Gruß
              Ingo
              19.01.2022, 18:31
            • Sempervivum
              Antwort auf Mobile und Desktop-Version kombinieren
              Das hätte ich dazu schreiben sollen: Was Du da unerwünschter Weise siehst, ist CSS und gehört in die <style> Tags, also aus dem <body> löschen und dort hinzu fügen:
              Code:
              /* alles was darüber steht wie bisher */
              .auto-style8 {
              font-family: "Belwe Bd BT";
              ...
              19.01.2022, 17:23
            • Gnosius
              Antwort auf Mobile und Desktop-Version kombinieren
              Vielen Dank an alle, ich habe versucht, die Tipps mit meinen linken Händen umzusetzen.....

              Der Text beginnt jetzt so...:

              <!DOCTYPEhtml>
              <htmllang="de">
              <head>
              <metacharset="UTF-8">
              <metahttp-equiv="X-UA-Compatible"content="IE=edge">...
              19.01.2022, 17:07
            • Sempervivum
              Antwort auf Mobile und Desktop-Version kombinieren
              Du kannst auch die Orientierung, Hoch- oder Querformat mit einer Mediaquery abfragen:
              Code:
              @media (orientation: landscape) {
                  body { background-image: url(images/bg-landscape.jpg); }
              }
              @media (orientation: portrait) {
                  body { background-image: url(images/portrait.jpg);
              ...
              18.01.2022, 22:14
            • Comedix
              Gesucht: Newsletter Script
              Hallo,

              das Newsletterscript, das ich auf meiner Homepage verwende, ist in die Jahre gekommen. Ich muss/möchte den Webspace auf PHP 8.0 umstellen und deshalb werde ich mich von meinem alten PHP-Script verabschieden. Verwendet oder kennt jemand eine Newsletter-Software, die er/sie empfehlen...
              16.01.2022, 14:46
            Lädt...
            X