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

• Sk8erPeter nagyúr

  #1637

  #1635 FixY67

  2010-02-28 22:13:46

  Ú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

  

  Sk8erPeter

  nagyúr

  #1635 FixY67

  #1635 FixY67

  Hóttmind1, mert a főoldalon is megváltozik a felirat, ha fölé viszem az egeret.
  Úgy értem: kikapcsolt/tiltott JS mellett is.

  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.

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