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

• FixY67 senior tag

  #1638

  #1637 Sk8erPeter

  2010-03-01 08:29:16

  Új Válasz

  Ú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

  

  FixY67

  senior tag

  #1637 Sk8erPeter

  #1637 Sk8erPeter

  Most kikerestem neked, konkrétan mi felelős a menü megjelenítéséért:

  Forráskód:
  229. sor:
  <li onmouseout="ddMenuHide();" onmouseover="ddMenuShow('2758','off','global','0.8');" class="tab offmenu" id="dd-menu_2758_lnk"><a href="/emea/2758.html" id="dd-menu_2758_anc"><span>• </span>Partners</a>
  <ul id="dd-menu_2758" class="dd-menu">
  Ebből a class="tab offmenu" és class="dd-menu" a lényeg: utána a CSS-fájlban ezekre vonatkozóan ez szerepel:
  http://www.sonicwall.com/emea/styles_global.css

  655. sor (kommentbe tettem, ami a lényeg ez egészből):
  .navbar .dd-menu,
  .navbar .fo-menu {
  display: none; /* EZ A LÉNYEG! */
  position: absolute;
  top: 2.26em;
  left: 0.09em;
  z-index: 51;
  background: #eee;
  border: .09em solid;
  border-left-color: #eee;
  border-top: none;
  border-right-color: #707070;
  border-bottom-color: #707070;
  background: #c2c2c2;
  }

  730. sortól:
  .navbar .tab.offmenu:hover .dd-menu,
  .navbar .tab.onmenu:hover .dd-menu {
  display: block; /* EZ A LÉNYEG! */
  }

  Alapból: display:none; (nem látható), egér fölévitelekor display:block; lesz (megjelenik).
  Ennyi a trükk.

  ----
  A főoldalon pedig egyértelműen JavaScripttel oldják meg (tehát szerintem nálad a JavaScript kikapcsolásakor a NoScript valamilyen hibája miatt jeleníti meg, vagy valami egyéb hiba miatt):
  Forráskód:
  248. sor:
  <h5><span id="lang_01" class="lang">English</span><a name="North America" href="/us/" onmouseover="showLang('01');" onmouseout="hideLang();" onClick="SetCookie('site', this.name, exp);"><span class="arrow">&raquo;</span> North America</a></h5>

  177. sor:
  #countryselectlist .lang {
  display: none;
  width: 12em;
  position: absolute;
  top: 0.25em;
  left: -13em;
  text-align: right;
  }
  Emiatt tehát alapból display:none; van beállítva neki, vagyis nem jelenik meg.
  Az onmouseover-re (fölé viszed az egeret) a JavaScript megváltoztatja display:block;-ra (megjelenik, látható), mert meghívja a showLang() függvényt, majd onmouseout-ra (elviszed róla az egeret) ismét display:none lesz a stílus a hidelang() függvény meghívása miatt:
  214. sor:
  <script language="javascript" type="text/javascript">
  var SpanID = '';
  function showLang(ID) {
  SpanID = ID;
  document.getElementById('lang_'+SpanID).style.display = "block";
  }
  function hideLang() {
  document.getElementById('lang_'+SpanID).style.display = "none";
  }
  </script>

  Remélem sikerült tisztázni a kérdést, hogy mitől jelenik meg.

  Köszi. Végeredményben az volt a lényeg, hogy nem csak JS alatt lehet ilyen izgő-mozgó menüket létrehozni.

  Ami a főoldalt illeti: totálisan kikapcsolt JS mellett (nem csak noscript, hanem a FF opciók közt letiltott JS mellett is) működik a feliratok változtatása. A nyelv nem jelenik meg mellette, csak ha engedélyezem a JS-t, de aláhúzódik stb. Gondolom, ez is ugyanaz a módszer, mint a belső menü esetén.
  (ettől kezdve már csak az a kérdés, hogy eszerint a CSS is tud olyan ártalmas lenni, mint a javascript? )

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