Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
  • Téma összefoglaló
    Utoljára frissítve: 2014-02-25 10:20

    PROHARDVER!

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • #2266 Abrion senior tag
    Új Válasz #2266
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    Abrion

    senior tag

    Hali

    van 1 kis pozicionálási problémám, remélem valaki tud segíteni :)

    archivemenu.js

    function clickMenu(menu) {
    var getEls = document.getElementById(menu).getElementsByTagName("LI");
    var getAgn = getEls;

    for (var i=0; i<getEls.length; i++) {
    getEls[i].onclick=function() {
    for (var x=0; x<getAgn.length; x++) {
    getAgn[x].className=getAgn[x].className.replace("unclick", "");
    getAgn[x].className=getAgn[x].className.replace("click", "unclick");
    }
    if ((this.className.indexOf('unclick'))!=-1) {
    this.className=this.className.replace("unclick", "");;
    }
    else {
    this.className+=" click";
    }
    }
    }
    }

    HTML
    <html><head>

    <script type="text/javascript" src="archivemenu.js"></script>
    <link type="text/css" rel="stylesheet" href="csspage.css">


    </head><body>

    <div class="menu">
    <ul id="valami"><li><a>2012</a>
    <ul><li><a >01</a></li><li><a >02</a></li></ul></li>

    <li><a>2011</a><ul><li><a >01</a></li><li><a >02</a></li><li><a >03</a></li>
    <li><a >04</a></li><li><a>05</a></li></ul>
    </li>
    </ul>
    <script type="text/javascript"> clickMenu('valami'); </script>
    </div>

    </body><html>

    csspage.css

    .menu {font-size:90%; float:right;padding-top:3px;padding-right:4px}
    .menu ul {padding:0; margin:0; list-style-type:none; width:58px;}
    .menu li {position:relative; height:21px;}
    .menu a, .menu a:visited {font-family:verdana, sans-serif; display:block; text-align: center; text-decoration:none; height:20px; line-height:20px; color:#000; border:1px solid #fff;}
    .menu ul ul {visibility:hidden; position:absolute;top:0px; left:-30px; width:27px;}
    .menu ul li.click ul {visibility:visible;}

    A problémám csak annyi hogy a rejtet menüket "nem csak 2010 évszám van" szeretném pozicionálni a menu div tetejére.
    Két féle megoldást tudok elképzelni
    első hogy jsel oldom meg a pozicionálást
    a második az talán kicsivel bonyolultabb, így képzeltem el

    <div id="valami"><ul><li><a><a></li></ul></div> itt kellene klikelni
    <div id="valami"><ul id="hide"><li><a></a></li></ul></div> itt meg lenne a rejtet menü ere hatna a js cssben
    "a <div id="valami"> csak 1x szerepelne"

    kösz a segítséget :)

Új hozzászólás Aktív témák