JQuery-s tabok nem működnek IE alatt
Sziasztok!
Elég kezdő vagyok még webfejlesztés ügyben, van egy konkrét problémám, amiben szeretnék segítséget kérni. Ezen az oldalon a bal alsó részen a kis képekre kattintva más-más tartalom jelenik meg a mellettük lévő részben.
Ezt jQuery-vel oldottam meg (először sima JS volt, de ez így sokkal elegánsabb és gyorsabb.) A probléma, hogy IE alatt abszolút nem működik a dolog. (Természetesen FF, Opera és Safari alatt minden kifogástalanul működik. - IE7 és 6 alatt van a probléma, 8-assal még nem próbáltam.) Annyit dob, hogy Object doesn't support this property or method próbáltam ráguglizni a hibára, de nem sokkal lettem okossabb, hátha itt tud valaki segíteni.
Illetve legördülő menü amit szintén a jQuery slideDown() függvényével oldottam meg működik ugyan IE alatt, de kissé hektikusan, amikor lehúzom az egeret a 3-4. elemig elkezd össze-vissza ugrálni? Ez miért van? Használjak inkább sima css(display: hidden)/ css(display: block)-ot? (A slidDown animációja annyira szép, nem akarom kikukázni :) )
Előre is kösz!
■ Elég kezdő vagyok még webfejlesztés ügyben, van egy konkrét problémám, amiben szeretnék segítséget kérni. Ezen az oldalon a bal alsó részen a kis képekre kattintva más-más tartalom jelenik meg a mellettük lévő részben.
Ezt jQuery-vel oldottam meg (először sima JS volt, de ez így sokkal elegánsabb és gyorsabb.) A probléma, hogy IE alatt abszolút nem működik a dolog. (Természetesen FF, Opera és Safari alatt minden kifogástalanul működik. - IE7 és 6 alatt van a probléma, 8-assal még nem próbáltam.) Annyit dob, hogy Object doesn't support this property or method próbáltam ráguglizni a hibára, de nem sokkal lettem okossabb, hátha itt tud valaki segíteni.
Illetve legördülő menü amit szintén a jQuery slideDown() függvényével oldottam meg működik ugyan IE alatt, de kissé hektikusan, amikor lehúzom az egeret a 3-4. elemig elkezd össze-vissza ugrálni? Ez miért van? Használjak inkább sima css(display: hidden)/ css(display: block)-ot? (A slidDown animációja annyira szép, nem akarom kikukázni :) )
Előre is kösz!
vélemény
menü: korrekt az animáció, meg szép is, de kicsit zavaró, h a betűváltást csak a szövegre raktad, nem az egész blokkra. Olyan szinten beugratott, h nem értettem elsőre, h miért van, h mindegyik zöldül, csak a spa nem, aztán rájöttem azért :) Olvastam valahol, hogy jellemzően az ilyen menüknél a baloldali kb 1/3 nál húzza az egeret az ember tudatalatti megszokásból. Na ahol én szoktam odáig pont nem ért ki a spa...
alsó képek: lehet szándékos, de engem zavar, h az aktív hasábban a linkelés miatt változik a betűméret, és lejjebb csúszik az oszlop. Ha szándékos, mert hangsúlyozni akartad, melik aktív, akkor jó:) Csak nem tartom szerencsésnek.
lábléc: hamár ilyen szépen ki írkáltad a szolgáltatás elemeket, célszerű lenne ott is egyből linkként kezelni. Kicsit hiányolok egy mail to: webmester jellegű linket, mert a design készítős kézjegy nem jön le elesőre. Megnyugtatja az embert, ha valami nem kerek, van kinek írni róla. Attól függetlenül, h az esetek jelentős részében nem fog, de érzi, h gondoltak rá, és nyűgjeire. A függőleges elválasztást lehagynám (vagy másra cserélném), xhtml/css jelzőknek meg olyan szép kis valid logók vannak, megszokottabbak.
szürke keretes blokk: ugye leghangsúlyosabb rész, az ember elsőre oda pislant, de(jelenlegi állapotban) nem tudom mi (lesz) a funkciója, zavaró. Egy apró utalás akár a keret bal felső sarkán (pl.:hírek, akciók, aktuális) sokat dobna rajta.
Globálisan nézve tetszik a szín világ, nekem korrektül átláthatónak tűnik, illik a témához. Ha én csinálnám, annyi lenne még, h keresnék háttérnek valami másik retet, mert ez így túl kontrasztos, és az ismétlés miatt olyan hullámzó érzést kelt. Az is lehet, h bepróbálnék vmi opacity-s haloványítást. Még egy apróság, h biztos vinnék a kialakításba annyi rendszert, h a szolgáltatások mindenhol azonos sorrendben jelenjenek meg, mert így most olyan összevissza érzést keltenek, egy ilyen oldalban.
Sajnos JS, meg JQuery szinten nem tudok segíteni, messze áll tőlem :) Egyre inkább "usability" frontra csúszok, mert ezt izgalmasabbnak tartom.
Jó meglátások
1) A menü animációnál teljesen igazad van! Én is kb. csak most jöttem rá erre!
2) A hasáboknál tudatos, hogy egy kicsit 'csússzon' a távolság, ez a 2 pixeles zöld border miatt van amit az aktív képek kapnak, ez amolyan kieemelés akar lenni...
3) A Zöld füves háttérrel én sem vagyok teljesen kibékülve, próbáltam 'seamles'-re vágni de ezek szerint annyira nem jött össze.
4) A dizájneri logónál megpróbálok szintén valami tartalmasabbat oda rakni.
5) Eredetileg az átlátszó dolgok mind opacity-val voltak megoldva, csak az ugye nem valid CSS2.1-ben ezért inkább a png-s megoldást választottam.
Továbbra is várom az esetleges JS expertek véleményét az IE-s jQuery budról! :)
css3 = invalid?
Volt is vita már erről mennyire fontos a valid kód. Lehet nyitok újat, h miért nem előre kompatibilis a validálás? Lásd opacity: "Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.4 " Komoly hibának dobja, de valóban az? ööö...
A háttér függőleges tök jól olvad egybe, a vízszintes vágás az ami nem tűnik az igazinak.