L

Egyperces: Több soros stringek JavaScriptben

Mivel a JavaScript automatikusan zárja a sorokat ; jellel, így a PHP-ban megszokott több soros stringek nem fognak működni.

Ha egy hosszú stringet az olvashatóság kedvéért több sorba szeretnénk törni, PHP-ban simán nyomunk egy entert:

<?php
    $string='Ez itt egy
        nagyon hosszú
        string';

JavaScriptben ez nem működik:

var str='Ez itt egy
    nagyon hosszú
    string';

Hiba. Mivel a JS minden sor végét automatikusan zárja.

Bootstrap vs. Foundation

A Bootstrap és a Foundation talán mondhatjuk, hogy a legelterjedtebb CSS-keretrendszerek a weben. Személy szerint eddig a Bootstrapet támogattam, mivel már a 2.3.2 idején, vagy még lehet előtte, megismerkedtünk. Aztán, mikor kijött a 3-as, első körben baromira nem jött be. Még a Google+ fiókoman is hangot adtam ennek, pedig ritkán szoktam bármit is posztolni.

Persze, csak a már megszokott 2.3.2 miatti kirohanás része volt. Egyszerűen nem láttam át az új gridet. De még utána max 1-2 oldal készült 2-ben. Szépen lassan megszoktam a 3-at, sőt...

Tehát, elkezdtem tanulmányozgatni a 3-as Bootstrapet, de valahogy mindig kevésnek bizonyult. Akárhogy designolod, mindig megvan az a tipikus, 1-2 kattintás után érezhető Bootstrap-feeling. Elkezdtem vadászni a neten és ekkor találtam rá a Foundation-re. A ZURB által készített keretrendszer első ránézésre kicsit többet adott, mint a konkurencia. Tehát akkor kicsit összefoglalom, hogy melyik rendszer pontosan mit ad hozzá az élményhez. Persze, mint mindennek ezeknek is megvan a saját előnye és hátránya. Egyik rendszerhez sem húzok igazán, így talán reálisabb képet tudok felállítani.

AJAX tartalom és a kattintás

Nem tudom ki szokott jQueryzni. Azon belül ajaxozni és új elemeket létrehozni az adott oldalon.

Nah most miért is van ilyenkor gond? Addig míg csak simán új diveket, táblázatokat vagy akár új sorokat, adatokat kérsz az oldalra, addig nincs baj. De mi van, ha egy új kattintható elemet szeretnél click event handlerrel? Szopacs. Legalábbis azt hiszed elrontottál valamit, mert nem lehet kattintani.

De WHY?

A jQuery azokra az elemekre csücsül rá event handlerrel, melyek az oldal létrehozásakor is léteznek a DOMban. Tehát az újonnan létrehozott elemeket nem “látja”. Így jártam én is valamelyik nap, mikor felbosszantottam magam, mert eddig kattintható elemekkel nem nagyon volt bajom, de 1-2 napja beleakadtam ebbe a problémába. A kód kiveszi egy div tartalmát, majd visszailleszti apróbb módosítások után. Ekkor mivel a divben 2 kattintható elem is van, a teljes felület használhatatlanná vált. 10perc nézelődés után rájöttem, hogy itt nem én néztem el valamit, mert a kód jó. “Hádde’ akkor mér’ nem lásssa eza …”?

Leoamros

X

Üdv! Ha még személyesen nem ismerjük egymást, Smajda László vagyok, de szólíts csak egyszerűen Laccának vagy Leoamrosnak. Olyan netbúvároknak osztom az észt, akik szárnyaikat próbálgatják a PHP, MySQL, JavaScript világában, és elakadnak valamelyik folyamat során. Főleg a saját tapasztalatokat írom le, ettől függetlenül kérdezhetsz bátran, lehetőségeimhez mérten válaszolok.

Kategóriák
Címkék
Social Media
Eszközök