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

• G.F. aktív tag

  #3876

  #3874 Sk8erPeter

  2014-01-16 16:33:01

  Ú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

  

  G.F.

  aktív tag

  #3874 Sk8erPeter

  #3874 Sk8erPeter

  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.

  Ja, nem js... Pont ebben segítettél anno... [link]

• G.F. aktív tag

  #3875

  #3874 Sk8erPeter

  2014-01-16 16:26:09

  Ú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

  

  G.F.

  aktív tag

  #3874 Sk8erPeter

  #3874 Sk8erPeter

  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.

  A padding: xxxpx, margin:-xxxpx-el oldottam meg. A menünél annyi van, hogyha rákattintasz, kinn hagyja az almenüt. Azóta sem értek a js-hez, nem tudom mi mást csinálhatnék...

• G.F. aktív tag

  #3873

  #3869 Sk8erPeter

  2014-01-16 11:43:54

  Ú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

  

  G.F.

  aktív tag

  #3869 Sk8erPeter

  #3869 Sk8erPeter

  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...

  Köszönöm szépen a segítséget, végül sikerült egyik módszerrel megoldani. Amúgy a menün elkészítésénél segítettél még nyáron. Remélem így már tényleg jó lesz... Szóval köszönök mindent.

• G.F. aktív tag

  #3872

  #3868 Karma

  2014-01-16 11:03:10

  Ú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

  

  G.F.

  aktív tag

  #3868 Karma

  #3868 Karma

  É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...

  Ez tényleg egyszerűnek tűnt, átalakítottam, de nem működik.

• G.F. aktív tag

  #3867

  #3866 Sk8erPeter

  2014-01-15 18:12: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

  

  G.F.

  aktív tag

  #3866 Sk8erPeter

  #3866 Sk8erPeter

  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.

  Bocsánat, azért írtam a linket, mert ha rákattintasz jelentkezni kell annak a hibának, amit leírtam. Azt gondoltam, az többet ér, mint egy screenshot. Nem néztem senkit hülyének, pláne már segítettél nekem. De hát leírtam a hibajelenséget. Rakjak be screenshotot?

• G.F. aktív tag

  #3865 2014-01-15 17:42:11

  Ú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

  

  G.F.

  aktív tag

  Azt szeretném elérni, hogy rendesen igazítsa a legmagasabb divhez a többit, ne csak a fent leírt műveletek utám. Bocsánat, ha nem volt egyértelmű, nekem annak tűnt...

  Martonx: Ez tűnt a legegyszerűbbnek!

• G.F. aktív tag

  #3862 2014-01-15 16:59:08

  Ú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

  

  G.F.

  aktív tag

  Div-ek magasságának egalizálására találtam sok jquerys megoldást, múködik is, de van egy kis szépséghibája. FF alatt a betöltés után lecsal vagy 40 pixelnyit a magasságból, vagyis kilóg a tartalom, és frissítés után áll csak helyre. A Chrome-nál, Safarinál meg ugyan az, csak el kell kattintanom egy másik oldalra, majd vissza a kezdőlapra. IE11-nél jó. itt az oldal

• G.F. aktív tag

  #3567

  #3566 Sk8erPeter

  2013-06-12 09:40:40

  Ú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

  

  G.F.

  aktív tag

  #3566 Sk8erPeter

  #3566 Sk8erPeter

  Hát ez csak akkor kell, ha a többi tartalmat AJAX-szal tölti be. Feltételezem, nem ez a helyzet, ha nem vágja a JavaScriptet, úgyhogy ez lehet, h tárgytalan.

  http://www.openjs.com/scripts/dom/class_manipulation.php
  itt van egy nagyon egyszerű addClass, removeClass, hasClass implementáció. Nem tanulmányoztam az esetleges bugjait, de nekem eddig bevált, ha plain JS-ben kellett ilyesmi.

  function hasClass(ele, cls) {
  return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
  }
  
  function addClass(ele, cls) {
  if (!this.hasClass(ele, cls)) ele.className += " " + cls;
  }
  
  function removeClass(ele, cls) {
  if (hasClass(ele, cls)) {
  var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
  ele.className = ele.className.replace(reg, ' ');
  }
  }

  ez alapján nem túl szép gyorsmegoldással ugyanaz:

  http://jsfiddle.net/96Bu8/13/

  de mondom, mindez valszeg most úgysem érdekes, legfeljebb egymás közt

  Köszönöm szépen a megoldásokat mindkettőtöknek...

• G.F. aktív tag

  #3561 2013-06-11 09:44:24

  Ú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

  

  G.F.

  aktív tag

  Van egy menüm, ami most úgy működik, ahogy kell: [link]
  Én viszont azt szeretném, ha az aktiv menüponthoz tartozó submenük mindig látszódnának. Én a javascripthez egyátalán nem értek, de 'martonx' fórumtárs egy másik topikban javasolta, hogy nézzek szét itt, hátha kisegít valaki egy javascripttel. Előre is köszönöm a fáradozásaitokat..

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