Archívum - 2011
május 5
Innovative Techniques To Simplify Sign-Ups and Log-Ins
Hogyan könnyíthetjük meg a felhasználó dolgát
■ float, overflow, margin
Sziasztok!
Adottak olyan div-ek (.wrapDiv), melyekben a tartalom csupán float-olt elemekből (.floatDiv) áll. A wrapDiv-nek kénytelenek vagyunk "overflow: visible"-t adni, mert kerülhet bele olyan tooltip, aminek ki kell lógnia. Emellett megkötés még, hogy a div-ek tartalma dinamikus, azaz nem adhatunk nekik fix szélességet, illetve magasságot.
Ilyenkor ugye a wrapDiv-nek nem lesz magassága ("overflow: hidden" mellett lenne csak).
A kérdésem az, hogy miképp lehet megoldani (.js nélkül), hogy a .wrapDiv-ek közt vertikális távtartás legyen?
(Olyasmi hatást szeretnék, mintha a wrapDivnek "overflow:hidden; margin: 10px 0;" tulajdonságokat adnék)
Ötlet?
A példa:
■ Adottak olyan div-ek (.wrapDiv), melyekben a tartalom csupán float-olt elemekből (.floatDiv) áll. A wrapDiv-nek kénytelenek vagyunk "overflow: visible"-t adni, mert kerülhet bele olyan tooltip, aminek ki kell lógnia. Emellett megkötés még, hogy a div-ek tartalma dinamikus, azaz nem adhatunk nekik fix szélességet, illetve magasságot.
Ilyenkor ugye a wrapDiv-nek nem lesz magassága ("overflow: hidden" mellett lenne csak).
A kérdésem az, hogy miképp lehet megoldani (.js nélkül), hogy a .wrapDiv-ek közt vertikális távtartás legyen?
(Olyasmi hatást szeretnék, mintha a wrapDivnek "overflow:hidden; margin: 10px 0;" tulajdonságokat adnék)
Ötlet?
A példa:
<div class="wrapDiv">
<div class="floatDiv"></div>
<div class="floatDiv"></div>
<div class="floatDiv"></div>
</div>
<div class="wrapDiv">
<div class="floatDiv"></div>
<div class="floatDiv"></div>
<div class="floatDiv"></div>
</div>
<div class="wrapDiv">
<div class="floatDiv"></div>
<div class="floatDiv"></div>
<div class="floatDiv"></div>
</div>
.wrapDiv {
overflow: visible; /* ez adott, nem lehet más */
/* a div szélessége és magassága a tartalomtól függ */
background: #36C; /* a látszat kedvéért */
}
.floatDiv {
float: left;
/* szintén dinamikus méretek */
background: #C36; /* a látszat kedvéért */
}
május 4
Better JavaScript animations with requestAnimationFrame
Jobb teljesítményű, pontosabb animációk JavaScriptből
■ Digitális aláírás PHP használatával
Digitális aláírás és annak gyakorlati megvalósítása PHP-ben
■ MDN Learning: A place to ratchet your Web development skills
Új gyűjtemény webfejlesztés (HTML, CSS, JavaScript) tanuláshoz a Mozillától
■ Javascript domain regexp
Sziasztok!
Javascript regexp -ben szeretnék segítséget kérni.
Egy domain -t szeretnék validálni úgy, hogy az aldomaineket ne fogadja el.
Jelenleg így néz ki a script:
Ennek eredményeképp egyszer true, egyszer false. :)
Várok minden féle fajta javaslatot.
DarkHcK
■ Javascript regexp -ben szeretnék segítséget kérni.
Egy domain -t szeretnék validálni úgy, hogy az aldomaineket ne fogadja el.
Jelenleg így néz ki a script:
function check(){
var domain = document.getElementById('domain').value;
var valid_domain = /^[A-Za-z0-9-]+\.[A-Za-z]{2,3}$/gi.test(domain);
alert("Domain: " + document.getElementById('domain').value + "\nValid: "+ valid_domain);
}
var domain = document.getElementById('domain').value;
var valid_domain = /^[A-Za-z0-9-]+\.[A-Za-z]{2,3}$/gi.test(domain);
alert("Domain: " + document.getElementById('domain').value + "\nValid: "+ valid_domain);
}
Ennek eredményeképp egyszer true, egyszer false. :)
Várok minden féle fajta javaslatot.
DarkHcK
Ajax long polling - szerver oldalról nézve
Sziasztok, "azonnali" reakciót szeretnék a kliens oldalon elérni. Erre a Ajax long polling megoldást tökéletesnek tűnik. A kliens oldali elkészítéssel semmi gond sincsen.
Ám a szerver oldalon már bajba vagyok. Mit csinál a szerver eközben?
Ha egy adatbázistáblában megváltozik az egyik érték, vagy új rekord kerül be a táblába, akkor arról ugye csak úgy értesülhetek, ha néhány másodpercenként kiadok egy új lekérdező query-t az adatbázisszerver felé? Néhány ilyen és nem fog meghalni a szerver?
Hülye kérdés: ilyen long polling PHP és a DB között nincsen? :)
Vagy milyen megoldással lehet elérni, hogy a néhány perces reakció időt csökkentsem ezzel a long polling technikával, úgy hogy közben a szervert se öljem meg? :)
A válaszokat előre is köszönöm!
■ Ám a szerver oldalon már bajba vagyok. Mit csinál a szerver eközben?
Ha egy adatbázistáblában megváltozik az egyik érték, vagy új rekord kerül be a táblába, akkor arról ugye csak úgy értesülhetek, ha néhány másodpercenként kiadok egy új lekérdező query-t az adatbázisszerver felé? Néhány ilyen és nem fog meghalni a szerver?
Hülye kérdés: ilyen long polling PHP és a DB között nincsen? :)
Vagy milyen megoldással lehet elérni, hogy a néhány perces reakció időt csökkentsem ezzel a long polling technikával, úgy hogy közben a szervert se öljem meg? :)
A válaszokat előre is köszönöm!
május 4
Honlap design
Üdv.
Unalmamba elkezdtem szerkeszeni egy honlapot és azt szeretném megtudni, hogy-hogy tudnék neki kiézetet adni. A lap táblázatosan van csinálva. Az egyes részek táblázatba vannak és a táblázat vonalait kéne megjeleníteni de az általam megrajzolt képekkel. Gondolom ez css-el oldható meg és azzal is szeretném. Ami még érdekelne, hogy-hogy tudnám a galériba olvashatóvá teni fent a menüket?
Így néz ki most a dolog:
Katt ide a lap megtekintéséhez
A galéria egy letöltött és meglévő javascript és css alapú valami.
■ Unalmamba elkezdtem szerkeszeni egy honlapot és azt szeretném megtudni, hogy-hogy tudnék neki kiézetet adni. A lap táblázatosan van csinálva. Az egyes részek táblázatba vannak és a táblázat vonalait kéne megjeleníteni de az általam megrajzolt képekkel. Gondolom ez css-el oldható meg és azzal is szeretném. Ami még érdekelne, hogy-hogy tudnám a galériba olvashatóvá teni fent a menüket?
Így néz ki most a dolog:
Katt ide a lap megtekintéséhez
A galéria egy letöltött és meglévő javascript és css alapú valami.
datatables ajax + modal soronként
Sziasztok!
Adott egy datatables ahol ajaxosan kapom meg az adatokat.
minden sorban van egy módosít gomb merre ha kattint a user akkor egy jqueryui modal ugrik elő, aminek az adatait szintén ajaxos hívással töltöm fel.
Az a problémám, hogy az először amikor a módosítra kattintok akkor 2x kell kattintani hogy a modal előugorjon.
Adott egy datatables ahol ajaxosan kapom meg az adatokat.
minden sorban van egy módosít gomb merre ha kattint a user akkor egy jqueryui modal ugrik elő, aminek az adatait szintén ajaxos hívással töltöm fel.
Az a problémám, hogy az először amikor a módosítra kattintok akkor 2x kell kattintani hogy a modal előugorjon.