ugrás a tartalomhoz

Archívum - Júl 13, 2013

Choosing A Responsive Image Solution

janez · 2013. Júl. 13. (Szo), 18.15
Reszponzív kép megoldások
 

Segítség!! Háttér ablak létrehozás Segítség!!

wolfika · 2013. Júl. 13. (Szo), 17.19
Üdv
Olyat szeretnék létrehozni weboldalamon hogy, 1 linket mikor feljönnek az oldalamra a felhasználó tudta nélkül látogasson meg, vagy akár 1 kis ablakban induljon el az a megadott url, hogyan lehetséges ezt megcsinálni?
Remélem tudnak segíteni!
Előre is köszönöm
 

főmenü hover háttérszín, almenü kibontásakor is megmaradjon

stan · 2013. Júl. 13. (Szo), 15.55
Van egy hasonló legugró menü a weboldalamon, mint ami ebben a példában található:
http://javascript-array.com/scripts/simple_drop_down_menu/

A problémám az, ami a fenti példában is látszik:
Ha egy főmenüre viszem az egeret, akkor megváltozik a színe (hover). De ha lejjebb viszem az almenüpontokra, akkor a főmenüpont színe visszaváltozik az eredetivé, ami elég logikus, mivel a hover csak akkor működik ha rajta van az egér. De én azt szeretném, hogy a főmenüpont megváltozott színe akkor is megmaradjon, ha az almenüpontokra viszem az egeret. Tehát akkor is "hover színe legyen", ha az adott főmenüpont almenüpontjaira viszem át az egeret.

Egyébként az én weboldalamon egy Drupal 7 van feltelepítve, és az alapértelmezett menu modullal van megoldva a legördülő menü:
https://drupal.org/documentation/modules/menu/

Jelenleg ez a Durpal téma van feltelepítve, ezen szerkesztem a css-t:
http://demo.drupalizing.com/?theme=corporateclean


Meg lehet valahogy ezt oldani css-ben?
Ha nem lehet css-ben megoldani, akkor mi a megoldás?
 

JavaScript - tömb átalakítása json-re

janez · 2013. Júl. 13. (Szo), 03.52
Sziasztok.

Az egyik blogmark alatt MadBence küldött be egy linket.

A jsperf.com-ot. Eléggé érdekes egy oldal, szerintem vitatható a pontossága. De a lényeg, hogy az egyik feladatom közepette nagy mennyiségű tömböt alakítok json-re.

A lényeg, az hogy van egy tömb amiben vannak elemek és azt kell megváltoztatni úgy, hogy az ID legyen a tömb indexe.

// ezt
[
  { id: 'id1', ...}, 
  { id: 'id2', ...}, 
  ...
]  
// erre
{ 
  'id1': { ... }, 
  'id2': { ...}
  ... 
}
Két úton indultam el. Az egyik, hogy for-al végig megyek és átmásolom. Illetve eszembe jutott egy másik. Az, hogy shift-elem. (Az előző tömb már úgy sem fog kelleni)

Nos ennek okán gyorsan össze is dobtam egy benchmark-ot:
http://jsperf.com/transform-array-by-janez/2

Kezdetben fura volt, hogy a shift-es mennyivel gyorsabb 5000 elemre. Így megcsináltam kezdve 1000-től 100 000-ig (különböző léptékekben).

Az eredmény: https://docs.google.com/spreadsheet/ccc?key=0As3XcbDM6ADadGdtNS1nSkhrVjdiazdlQjUzRGNKd1E#gid=0
(másik munkalapon a Firefox)

Nektek mi a véleményetek?

Szerk.: Már éjjel van és a pop-ot kihagytam :S
Bár úgy néz ki ez teljesít a legjobban.
20 000 elemre (Chrome 28) ops/sec
hagyományos: 85.96
shift: 21 324 515
pop: 23 627 751

140 000 elemre a
hagyományos: 12.43
shift: 0.07
pop: 13.28

20 000 elemre (Firefox 22)
hagyományos: 82.28
shift: 4.25
pop: 32 667 773

Ekkora különbség lenne a két böngésző között.