Резултати от 1 до 7 от общо 7

меню проблем

Сподели във Facebook Сподели в Twitter Изпрати на Email Сподели в LinkedIn
  1. Member
    Тук е от
    Oct 2005
    Мнения
    482
    #1

    меню проблем

    Някои може ли да каже как да редактирам менюто , тъй че да се прибира , когато преместя курсора върху друг линк - става въпрос от най - горните ...

    <html>
    <head>
    <meta name="keywords" content="JavaScript, Scripts, Richard, Hucko, Hucko's, JAVASCRIPTS, DHTML, Dynamic, HyperText, Splash, Page, Screen, Web, Effect, Kaneohe, Hawaii, Mark Up">
    <meta name="description" content="|">
    <title>Dynamic Menus JavaScript</title>
    <style type="text/css">
    <!--
    table {
    display:none;
    font-weight:bold;
    position:absolute;
    top:35;
    border:2 double red;
    width:100;
    z-index:1;
    }
    td {
    border:1 double red;
    background-color:black;
    text-align:center;
    }
    a {
    color:lightyellow;
    background-color:black;
    text-decoration:none;
    width:100px;
    text-align:center;
    z-index:1;
    }
    a:hover {
    color:#00ff00;
    }
    tt {
    background-color:black;
    color:white;
    position:absolute;
    border:2 double red;
    z-index:1;
    }
    -->
    </style>
    <script language="JavaScript" type="text/javascript">
    <!--
    window.onload=main;
    function main()
    {
    var tables=document.getElementsByTagName('table');
    for(var x=0;x<tables.length;x++)
    document.getElementById('ulid'+x).style.filter="progid:DXImageTransform.Microsoft."+"RandomDissolve(duration=.5)";
    }
    function display(IDNo)
    {
    document.getElementById('ulid'+IDNo).filters(0).Apply();
    document.getElementById('ulid'+IDNo).style.display="block";
    document.getElementById('ulid'+IDNo).filters(0).Play();
    }

    //-->
    </script>

    </head>
    <body>
    <div style="width:103%;height:50;z-index:0;position:absolute;top:0;left:0;background-color:black;"></div>

    <span style="background-color:black;width:100px;">
    <tt onmouseover="display(0)" >~axl~</tt>
    <table border="0" cellspacing="0" id="ulid0" onmouseover="ulid0.style.display='block'" onmouseout="this.style.display='none'">
    <tr><td><a href="http://www.javascripts.com">Home</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Forum</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Examples</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Tutorials</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Search</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">About</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Tools</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Contact</a></td></tr>
    </table>
    </span>

    <span style="background-color:black;width:150px;">
    <tt onmouseover="display(1)">~SearchEngines~</tt>
    <table border="0" cellspacing="0" id="ulid1" onmouseover="this.style.display='block'" onmouseout="this.style.display='none'">
    <tr><td><a href="http://Google.com">Google</a></td></tr>
    <tr><td><a href="http://DogPile.com">DogPile</a></td></tr>
    <tr><td><a href="http://Excite.com">Excite</a></td></tr>
    <tr><td><a href="http://ScrubTheWeb.com">STW</a></td></tr>
    <tr><td><a href="http://Yahoo.com">Yahoo</a></td></tr>
    <tr><td><a href="http://Aesop.com">Aesop</a></td></tr>
    <tr><td><a href="http://Alexa.com">Alexa</a></td></tr>
    <tr><td><a href="http://Overture.com">Overture</a></td></tr>
    <tr><td><a href="http://AskJeeves.com">AskJeeves</a></td></tr>
    </table>
    </span>

    <span style="background-color:black;width:100px;" id='sid0'>
    <tt onmouseover="display(2)">~Links~</tt>
    <table border="0" cellspacing="0" id="ulid2" onmouseover="this.style.display='block'" onmouseout="this.style.display='none'">
    <tr><td><a href="http://www.javascripts.com">JavaScripts</a></td></tr>
    <tr><td><a href="http://javaboutique.internet.com.com...</a></td></tr>
    </table>
    </span>
    <div style='display:none'> axl</div>
    </body>
    </html>




  2.  
     
  3. Senior Member Аватара на Bibi
    Тук е от
    Nov 2004
    Мнения
    2,757
    #2

    Re: меню проблем

    1. Това чудо създава меню, което ще работи единствено в ИЕ.
    Ще прецакаш всички посетители с други браузери.

    2. Ако все пак държиш да работиш с него, прецизирай всичко, за да стане по някакви стандарти.
    Например, навсякъде в стиловете, където пишеш: "border:2;", го промени на "border:2px;".

    3. Относно скриването на менюто при хоризонтално движение с мишката - промени мястото на събитието onmouseout - нека се скрива, когато напускаш цялата зона "главна точка + падащо меню". Не е идеалното решение, но е най-простото, което ми хрумва.

    4. Отдели във външни файлове скриптовете и стиловете.

    5. Махни тези 103% в първия <div> - това причинява хоризонтален скролбар, който не ти е нужен. За целта трябва да дадеш стил за body, който няма маргини, падинги и бордери.

  4. Senior Member Аватара на Bibi
    Тук е от
    Nov 2004
    Мнения
    2,757
    #3

    Re: меню проблем

    Ето го малко пооправено:

    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...sitional.dtd">
    <html>
    <head>
    <meta name="keywords" content="JavaScript, Scripts, Richard, Hucko, Hucko's, JAVASCRIPTS, DHTML, Dynamic, HyperText, Splash, Page, Screen, Web, Effect, Kaneohe, Hawaii, Mark Up">
    <meta name="description" content="|">
    <title>Dynamic Menus JavaScript</title>
    
    <style type="text/css">
    <!--
    body {
       margin: 0px;
       padding: 0px;
       border: 0px;
      }
    table {
       display:none;
       font-weight:bold;
       position:absolute;
       top:35px;
       border:2px double red;
       width:100px;
       z-index:1;
      }
    td {
       border:1px double red;
       background-color:black;
       text-align:center;
      }
    a {
      color:lightyellow;
      background-color:black;
      text-decoration:none;
      width:100px;
      text-align:center;
      z-index:1;
      }
    a:hover {
      color:#00ff00;
      }
    tt {
       background-color:black;
       color:white;
       font-size:12pt;
       position:absolute;
       border:2px double red;
       z-index:1;
      }         
    -->
    </style>
    
    <script language="JavaScript" type="text/javascript">
    <!--
    var flg = -1;
    window.onload=main;
    function main() {
     var tables = document.getElementsByTagName('table');
     for( var x = 0; x < tables.length; x++ ) {
     document.getElementById('ulid'+x).style.filter="progid:DXImageTransform.Microsoft."+"RandomDissolve(duration=.5)";
     }
    }
    
    function display(IDNo) {
     if (flg != IDNo) {
      if (flg > -1) { document.getElementById('ulid'+flg).style.display='none'; }
      document.getElementById('ulid'+IDNo).filters(0).Apply();
      document.getElementById('ulid'+IDNo).style.display="block";
      document.getElementById('ulid'+IDNo).filters(0).Play();
      flg = IDNo;
     } 
    }
    
    //-->
    </script>
    </head>
    
    <body>
    <div style="width:100%; height:50px; z-index:0; position:absolute; top:0px; left:0px; background-color:black;"></div>
    
    <span style="background-color:black; width:70px;">
    <tt style="left:10px; top:12px;" onmouseover="display(0)">~axl~</tt>
    <table style="left:10px;" border="0" cellspacing="0" id="ulid0" onmouseover="ulid0.style.display='block'" onmouseout="flg = -1; ulid0.style.display='none'">
    <tr><td><a href="http://www.javascripts.com">Home</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Forum</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Examples</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Tutorials</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Search</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">About</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Tools</a></td></tr>
    <tr><td><a href="http://www.javascripts.com">Contact</a></td></tr>
    </table>
    </span>
    
    <span style="background-color:black; width:170px;">
    <tt style="left:80px; top:12px;" onmouseover="display(1)">~SearchEngines~</tt>
    <table style="left:80px;" border="0" cellspacing="0" id="ulid1" onmouseover="this.style.display='block'" onmouseout="flg = -1; ulid1.style.display='none'">
    <tr><td><a href="http://Google.com">Google</a></td></tr>
    <tr><td><a href="http://DogPile.com">DogPile</a></td></tr>
    <tr><td><a href="http://Excite.com">Excite</a></td></tr>
    <tr><td><a href="http://ScrubTheWeb.com">STW</a></td></tr>
    <tr><td><a href="http://Yahoo.com">Yahoo</a></td></tr>
    <tr><td><a href="http://Aesop.com">Aesop</a></td></tr>
    <tr><td><a href="http://Alexa.com">Alexa</a></td></tr>
    <tr><td><a href="http://Overture.com">Overture</a></td></tr>
    <tr><td><a href="http://AskJeeves.com">AskJeeves</a></td></tr>
    </table>
    </span>
    
    <span style="background-color:black; width:100px;">
    <tt style="left:250px; top:12px;" onmouseover="display(2)">~Links~</tt>
    <table style="left:250px;" border="0" cellspacing="0" id="ulid2" onmouseover="this.style.display='block'" onmouseout="flg = -1; ulid2.style.display='none'">
    <tr><td><a href="http://www.javascripts.com">JavaScripts</a></td></tr>
    <tr><td><a href="http://javaboutique.internet.com.com...</a></td></tr>
    </table>
    </span>
    </body>
    </html>
    Но по-добре си намери друг скрипт, има много готови менюта по света...

  5. Member
    Тук е от
    Oct 2005
    Мнения
    482
    #4

    Re: меню проблем

    тъй си е ... на това ми хареса ефекта при отваряне ,
    иначе имам доста други варианти ...

  6. Member
    Тук е от
    Oct 2005
    Мнения
    482
    #5

    ???

    излезнаха ми и още няколко други въпроса ?1. направих си едно меню - от хтмл и ява в страницата ми зареждам готовите файлове но нзн как да позиционирам менюто точно, където си искам 2. Не ми е ясно как се прави това ,когато си кликаш из някой сайт даречем има меню вляво , което си седи постоянно на , която и страница да идеш - за да стане това трябва ли да пиша кода на менюто във всяка следваща страница или има и друг начин ... и 3. как мога да направя , страницата да не се стеснява - /например махам разни обекти текстове линкове - от посредата и т.н и най - долния линк се качва сам нагоре/
    сигурно сте схванали идеята

  7. Senior Member Аватара на Bibi
    Тук е от
    Nov 2004
    Мнения
    2,757
    #6

    Re: ???

    Аз се замислих за предното меню и ефекта, който ти беше харесал в него.
    Там е реализиран на базата на специфичните способности на Windows и IE, но същото нещо би могъл да направиш и с по-общодостъпни средства - например фона на клетките да е анимиран GIF или някакво подобно решение.

    Цитат Първоначално публикувано от connect
    1. направих си едно меню - от хтмл и ява в страницата ми зареждам готовите файлове но нзн как да позиционирам менюто точно, където си искам
    3. как мога да направя , страницата да не се стеснява - /например махам разни обекти текстове линкове - от посредата и т.н и най - долния линк се качва сам нагоре/
    сигурно сте схванали идеята
    Виж как се задават координатите на елементите в страницата - има абсолютни и относителни.
    Щом ти е интересно да се занимаваш с такива неща, прочети повече за CSS - стиловете.
    Учат се лесно, а ти дават много разнообразни възможности.
    Някой дори би казал, че е по-умно меню да правиш изцяло с тях, без JS, понеже се срещат доста юзери, които забраняват скриптове в браузерите си.

    Цитат Първоначално публикувано от connect
    2. Не ми е ясно как се прави това ,когато си кликаш из някой сайт даречем има меню вляво , което си седи постоянно на , която и страница да идеш - за да стане това трябва ли да пиша кода на менюто във всяка следваща страница или има и друг начин ...
    Да, има и други начини (напр. с фреймове), но те вече не се препоръчват. Затрудняват търсачките, букмаркването и рефреша, имат и още някакви кусури.
    Така че аз смело бих направила точно каквото казваш - менюто да се сложи във всяка страница.
    Обаче не да го копираш из всичките, а да го отделиш в самостоятелен файл, който да инклудваш във всяка от страниците си. За да нанасяш корекциите по него само на едно място, а и за прегледност.

  8.  
     
  9. Member
    Тук е от
    Oct 2005
    Мнения
    482
    #7

    Re: меню проблем

    нямам за момента от къде да прочета за позиционирането ... менюто ми е от 3 ява и 1 ксс файла ... задавам ги в head още и естествено менюто си излиза най- отгоре в ляво , в body само : <script language="JavaScript">
    new menu (MENU_ITEMS, MENU_TPL);</script> и това е , за позициониране знам само ДИВ други тагове незнам ... aaa стана примести се само дето , ако искам всичко да си седи на мястото като местя други компоненти трябва на всяко да задавам параметър ДИВ - става въпрос за таблица , ако има някакъв таг или нещо такова с което да не и даваш да мърда независимо какво правиш в нея ... ако го знае някой

Сподели във Facebook Сподели в Google Plus Сподели в Twitter Изпрати на Email Сподели в LinkedIn

Подобни теми

  1. Проблем с влизане в сервизно меню LG 50PK350
    От smartstyle във форум LG телевизори
    Отговори: 1
    Последно: 30-01-11, 17:21
  2. Отговори: 5
    Последно: 03-04-07, 23:48
  3. българско меню за гсм
    От iovkito във форум Смартфони, телефони
    Отговори: 3
    Последно: 23-09-05, 23:55
  4. Проблем с БГ меню след обновяване на софта на CX65
    От Борислав Борисов във форум Смартфони, телефони
    Отговори: 2
    Последно: 14-06-05, 04:21
  5. DVD меню
    От Tores във форум Общ - софтуер
    Отговори: 2
    Последно: 22-12-04, 14:02

SetCombG.com
SetCombG.com е портален сайт и Форум за битова техника, телевизори, климатици, лаптопи и смартфони, създаден през 1999 година.
Заедно сме над 20 години!
Следвай ни
Горе