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

• #3885 Sk8erPeter nagyúr G.F. #3876

  Új Válasz 2014-01-27 01:09:04 #3885

  Ú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

  

  Sk8erPeter

  nagyúr

  válasz G.F. #3876 üzenetére

  Jaja, már rémlik.

  Most volt egy kis időm, kiegészítettem neked minimális plusz kóddal az előzőt, ami annyit csinál, hogy hozzátesz némi késleltetést JavaScripttel a menüelemek eltüntetéséhez, hogy elkerülhető legyen az almenük túl gyors eltűnése: így a látogatónak van egy kis plusz ideje a navigálgatáshoz.
  Jelenleg 1,5 másodpercet tesz hozzá pluszban, de ezt bármikor könnyen megnövelheted/csökkentheted.
  A működése egyszerű: hozzátesz egy "hovered" osztályt ahhoz a list itemhez, amely gyerekeleme fölé vitted az egeret. A CSS-kódot csak azzal egészítettem ki, hogy a "hovered" osztállyal ellátott elemekre is vonatkozzon az almenü-megjelenítés.
  A CSS-kódban a /* PETE */ kommenttel jelzett kódok azok, amiket hozzátettem; na meg ott van a kommentezett, elég rövid JS-kód.

  http://jsfiddle.net/Sk8erPeter/96Bu8/16/

  Szerintem érdemes lenne ezt beleraknod az oldalad kódjába, hogy használhatóbb legyen a navigációs menü, és ne legyen frusztráló a látogatóid számára.

  Szerk.: jQuery-vel írtam meg, mert azt úgyis használod az oldaladon.

• #3874 Sk8erPeter nagyúr G.F. #3873

  Új Válasz 2014-01-16 16:10:39 #3874

  Ú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

  

  Sk8erPeter

  nagyúr

  válasz G.F. #3873 üzenetére

  Szívesen, hogyan oldottad meg végül?
  Amúgy megnéztem az oldalt, határozottan jobb, hogy nem JavaScripttel van megoldva. Fura volt, amikor kikapcsoltam a JavaScriptet, és szétesősebben nézett ki, így már tök korrekt.

  A menüre emlékeztem, hogy mintha ezen alakítgattunk volna valamit régebben, hogy JS nélkül is menjen, vagy valami kinézettel kapcsolatos CSS-buherát.
  Viszont azt tényleg megcsinálhatnád valahogy, hogy legyen némi késleltetés a menüváltásban, ha máshova viszem az egérkurzort, mert ilyen vékonyka menücsík esetében nagyon könnyű "elrontani" a navigációt, és más fölé vinni az egeret, és biztos más is belefut, az meg nagyon sokat ront egy oldal összképén, ha van egy ilyen frusztráló dolog - a menü meg elég fontos része egy oldalnak (meghatározza, hogy egy felhasználó hogyan tud egyik oldalról a másikra lépegetni, így kiemelt fontosságú).
  Például a Rólunk felirat almenüire szeretnék kattintani, és nagyon könnyű vagy túlzottan fölé- (a fejlécben látható logóra, ami szintén link) vagy alá- (valamelyik akciót hirdető linkre) vagy melléhúzni (pl. másik menüpontra) az egeret, és akkor máris nem tudom elérni az almenüpontokat.

• #3869 Sk8erPeter nagyúr G.F. #3867

  Új Válasz 2014-01-15 19:19:55 #3869

  Ú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

  

  Sk8erPeter

  nagyúr

  válasz G.F. #3867 üzenetére

  Inkább én bocs, így utólag visszaolvasva kicsit túlzás, amit írtam, pedig eredetileg nem szántam ilyen oltósnak, csak kissé fáradt vagyok. (3 óra alvás, kissé nehéz nap, ilyesmik. Sorry. )

  OK, látom már a problémát, lejjebb görgettem. (Eddig csak megnéztem gyorsan a kezdőlapot, aztán lefostam.) Igazából ott kezdődik a probléma szerintem, hogy mindezt JavaScripttel akarod megoldani, ahogy martonx már utalt erre.
  Sok megoldás van divek egyenlő magasságának megoldására:
  http://www.hongkiat.com/blog/css-equal-height/ (nézd a demóját)
  http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
  http://css-tricks.com/fluid-width-equal-height-columns/ (+demo)
  http://codepen.io/micahgodbolt/pen/FgqLc

  A jelenlegi megoldásban ez az a kód, ami nálad csinálja a dolgot, erre voltam korábban kíváncsi, de lusta voltam megnézni a forráskódot:

  function equalHeight(group) {
  tallest = 0;
  group.each(function() {
  thisHeight = $(this).height();
  if(thisHeight > tallest) {
  tallest = thisHeight;
  }
  });
  group.height(tallest);
  }
  $(document).ready(function() {
  equalHeight($(".mid"));
  });

  Ha a .mid class-ra raksz egy overflow: auto; tulajdonságot, akkor működni fog a jelenlegi is. De akkor ott van a görgetősáv, feltételezem, azt nem akartad korábban, azért vetetted be többek közt ezt a kódot.
  Hogy most itt a .height() miért ad vissza rossz magasságot, mármint konkrétan 580px-est a 694px körüli helyett, azt most nincs agyam felfogni.

  Amúgy a fölső menünél rohadt idegesítő, hogy bizonyos esetekben nem lehet eltalálni a menüpontot, pl. a Rólunk felirat föléviszem, és picit is máshova viszem a kurzort, mint az alsó sáv, akkor már rossz, "kiugrott" belőle. Erről a jelenségről az ennek a hsz.-nek a végén belinkelt cikkben olvashatsz: [link].
  http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown

  Szerk.:
  időközben megelőztek, ugyanazzal a linkkel, amit fentebb én is bedobtam, most láttam, hogy végül nem is küldtem el a hsz.-t, amikor megírtam, csak itthagytam a háttérben az egyik fülön, kész vagyok ma...

• #3868 Karma félisten G.F. #3862

  Új Válasz 2014-01-15 18:47:02 #3868

  Ú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

  

  Karma

  félisten

  válasz G.F. #3862 üzenetére

  Én személy szerint üdvözlöm, hogy felvállaltad az oldal linkjét, mert így élőben is látható. Nem egy JSFiddle, mert kísérletezni nehezebb, de azért jobb mint képről és irreleváns részletekből dolgozni.

  Próbáld meg azt, hogy ezt a javascriptes fost kiirtod, aztán kiegészíted a CSS-t azzal, hogy az oszlopok (mr10 class talán?) display: table-cell;, az őket befoglaló div pedig display: table; attribútumokat kapjanak. Az ötlet forrása itt, harmadik változat.

  Másrészt, ha ezt az oldalt kézzel írod, akkor igazán adhatnál a dolgoknál rendes classokat, ID-ket, meg úgy alapból lehetne sokkal egyszerűbb ez a spagetti helyett...

• #3866 Sk8erPeter nagyúr G.F. #3865

  Új Válasz 2014-01-15 18:00:00 #3866

  Ú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

  

  Sk8erPeter

  nagyúr

  válasz G.F. #3865 üzenetére

  Hát majd remélem valakinek lesz kedve bogarászni, én biztos, hogy nem fogom keresni screenshot meg bármilyen kód nélkül, hol is kellene segíteni.
  Ha segítséget kérsz, engedd meg nekünk, hogy lustábbak legyünk nálad egy fokkal.

  Ja, és erre: "Bocsánat, ha nem volt egyértelmű, nekem annak tűnt..."
  Lehetőleg ne keltsd azt az érzetet, hogy még én vagyok a hülye, hogy nem vagyok hajlandó keresgélni, hogy mégis mi a frászt akarsz. Írd le, illusztráld, és akkor nincs ez a tök felesleges oda-vissza kérdezgetés. Kérdezni is tudni kell.

• #3864 Sk8erPeter nagyúr G.F. #3862

  Új Válasz 2014-01-15 17:29:39 #3864

  Ú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

  

  Sk8erPeter

  nagyúr

  válasz G.F. #3862 üzenetére

  Konkretizálnád, mit akarsz elérni? Ne nekünk kelljen már kibogarászni, hogy vajon mit is akarhattál mondani.

  (#3859) Soak :
  

• #3863 martonx veterán G.F. #3862

  Új Válasz 2014-01-15 17:17:24 #3863

  Ú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

  

  martonx

  veterán

  válasz G.F. #3862 üzenetére

  Biztos, hogy div-ek magasságának egalizálásához javascript kell?

• #3564 Sk8erPeter nagyúr G.F. #3561

  Új Válasz 2013-06-11 17:42:01 #3564

  Ú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

  

  Sk8erPeter

  nagyúr

  válasz G.F. #3561 üzenetére

  Ez sztem inkább szerveroldali feladat, belegenerálsz az aktív menüpontba pl. egy "active" class-t, és azt mindig nyitva tartod. Vagy most nézem, a kódodban ez a "current". Az is jó.
  De mondjuk ennek nem sok köze van a JavaScripthez, mivel itt a kódodban is szimplán csak HTML+CSS-kombóval oldottad meg.

  Pl. most egy sort JavaScript-kódot nem raktam hozzá, csupán az Akciók <li>-be beleraktam egy class="current"-et a kódod mintájára, aztán a CSS-kódhoz összesen két sort tettem hozzá, és kész is voltam vele, így az Akciók menüpont mindig nyitva van:
  http://jsfiddle.net/96Bu8/11/
  Egész konkrétan azt tettem hozzá újonnan, amihez kommentbe odaírtam, hogy /* ÚJ */.

  Ilyenre gondoltál?

  A feladat tehát annyi, hogy szerveroldalon mindig az aktuális <li>-be belegenerálsz (akár sima if-else-ekkel) egy current class-t, ahogy itt is mutattam. Nyilván megoldható egyébként JavaScripttel is, de alapvetően szerveroldali feladatot minek rábízni a kliensre. Persze ha nagyon muszáj megoldani JS-ben, akkor tudunk segíteni benne.

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