Anonymní profil peter – Programujte.com

#24 Kit
' Proč funkci init dáváš do atributu func?'
Init je funkce, funkce chci mit pohromade. Klidne pouzij construct jako u php. To mi treba u navodu a classu v php vadi, ze michaji jmena funkci s daty a pak to vypada takto:
mujclass->neco;
mujclass->neco();
Kdyz chces pak nekde vytahnout jen seznam funkci nebo jen vsechna data, tak je problem. Aspon v js je to problem. Musis pres typeof zjistovat, zda je to function. A function navic muze byt jen class pro objekt.
ENG.neco = function () {this.i=0;}
x = new ENG.neco(); // nebo
ENG.neco();
Proste, ta podobnost mi vadi v prehlednosti kodu.

 Jesne mozna ukazku, jak to vypada v html.

$('#searchInput').on('keyup change', calculateFees);
//<input id=searchInput onkeyup="calculateFees(event);" onkeyup="calculateFees(event);">

event = window.event // klinuti mysi, klavesnice, kolecko mysi, ...

http://mlich.zam.slu.cz/js-zas2/zas2.htm
http://vratnice.fpf.slu.cz/…l-seznam.htm
Nejlepsi je si to udelat po svem :)

Psani textu do inputu je udalost onchange.
Kliknuti mimo input je onblur.
Kliknuti do inputu je onfocus.
Cili, to muze filtrovat online.
(jak se to pise pro jquery ted netusim)
Po obnoveni stranky ztracis data. Pokud je nemas v cookies nebo ted existuje jakesi data javascript uloziste, zatim nepouzivam. A nebo je tam pridas z php nebo js-get (location.href a jine). Pak je treba spustit funkci na vyfiltrovani.

Cili, to zakomentovane // calculateFees(); na radku 68. Jenze, mas to napsane tak, calculateFees prebira data z
var data = this.value.split(" ");
Coz je spatne. this je v tomhle pripade window. Neco jineho je, kdyz to napises takhle
$('#searchInput').on('keyup change', calculateFees);
This je v tomhle pripade $('#searchInput').
Takze, vsechny ty radky, kde mas this, musis opravit, aby data prebiral z inputu.

Jeste jinak 

$('#searchInput').on('keyup change', calculateFees); // znamena
el = document.getElementByid('searchInput');
el.onkeyup = calculateFees; // jenom prirazujes pointer na funkci
el.onchange = calculateFees; // jenom prirazujes pointer na funkci
el.onchange(); // spoustis to takhle
// this = el
// this je nadrazeny objekt funkce, ktereho je soucasti, v tomto pripade je to element

//Ale
calculateFees() // spoustis-li to takhle, je to totez jako
window.calculateFees()
// this = window

#21 hanpari
V poradku, pochopil jsi, jak to funguje. Psal jsem, ze je to delane pro jeden objekt. Nebudu vytvaret vic nez 1 a init spoustet vic nez 1x. Spravne se samozrejme objekty pisi v js jinak. Mozna, ze moderne to jde resit i pres class, ale stare se to pise:

var ENG = {};
ENG.obj = {};
ENG.data = {};
ENG.func = {};
ENG.func.init = function(pref){...};

--

function classENG()
{
this.obj = {};
this.data = {};
this.func = {};
this.func.init = function(pref){...};
}

var ENG = new classENG;
ENG.init('cz_');

--

function classENG(pref)
{
...
this.func.init = function(pref){...};
ENG.init(pref);
}

var ENG = new classENG('cz_');

Ale to je prave fura neprehledneho kodu a this a ted, kdyz chces pouzit casovace, tak musis pres.
function classENG()
{
var root = this;
setTimeout(root.func.timerStart,1000);
}
V tom prvnim kodu to zas vypada
setTimeout(ENG.func.timerStart,1000);
Tady jasne vis, co je hlavni uzel a nemusis dohledavat, k cemu byla ta promenna prirazena.
 

Treba kodovani u u requestu. Default je to utf, takze je to tam zbytecne, mozna i meta, i script. Ale mozna ty tam mas pro requesty jine kodovani, tak by se to dalo asi zmenit. a pak je teda problem, kterou z tech moznosti prohlizec podoruje, a jestli nekterou, vubec :) Proste, nejspolehlivejsi je to v php nebo prekodovat na base64.

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script charset="utf-8">
        req.open("GET",file,true);
//	req.setRequestHeader('Content-type', "application/x-www-form-urlencoded; charset=utf-8")
//	req.setRequestHeader('Content-type', "application/x-www-form-urlencoded; charset=utf-8")
//	req.overrideMimeType('text/plain; charset=utf-8');
//	req.overrideMimeType("text/plain; charset=x-user-defined"); // text/xml
        req.send(null);

A na ostrem serveru, kdyz ten doctype tam nedas, tak to jede? Protoze to nedava smysl. Html kod nerozhoduje o kodovani. To resi prave server, php, takze header() by to mel prebit. Leda bys to testoval v necem jako chrome a opera, tam se da cekat necekane :) Pripadne, jestli resis nejake requesty, tak se tam pouziva kodovani zvlast jeste v js. Ale to by slo v pripade nutnosti obejit tim, ze to na serveru zakodujes jeste do base64 a pak tam nemas zadnou diakritiku a pres js to pak zpetne dekodujes.

Jeste mozna jeden tip.
google = php example page counter fwrite

#3 Predict
:) Vis, spatne je to, ze spoust casu stravis nad programovanim db rozhrani. Sql uz to vsechno ma vyreseno.
A kdyz das do google: php example write, tak ti najde tak 10.000 stranek, takze nevim, jak jsi nic nemohl najit. :)

Spatny napad. Pouzij radeji databazi nebo .htaccess.

Zapis
http://php.net/fwrite
http://php.net/flock
http://php.net/fopen
google = php flock frite while
$fp ziskas z fopen a pak musis pockat, az dostanes k souboru pristup pro zapis. Kdyz se pokusi zapsat do souboru bez kontroly na flock vice uzivatelu nez 1, tak se soubor vynuluje. Ty priklady v manualu na flock jsou napul k nicemu. Tohle je asi nejlepsi, co tam je. Potrebujes whilem pockat, nez se uvolni flosk a pak teprve muzes pouzit fwrite.

<?php
    function naive_wait_for_file($fp) {
        while (true) {
            if (flock($fp, LOCK_EX)) {
                return;
            }
            $k = rand(0, 20);
            usleep(round($k * 10000));  # k * 10ms
        }
    }
?>

Cteni
http://php.net/…nts.php ;
php.net/fread

Example #3 Reading a section of a file
<?php
// Read 14 characters starting from the 21st character
$section = file_get_contents('./people.txt', NULL, NULL, 20, 14);
var_dump($section);
?>

google = php guestbook file write
Najdes furu prikladu, jak udelat knihu navstev, v podstate komentare pod jeden clanek. 99% neresi prave flock pro zapis, tak nevim, jak moc ti to pomuze :) Ale prave jeden uzivatel s tim muze pracovat.
Osobne bych sel v souboru do struktury json (vhodne pro javascript) formatu nebo csv (umi otevrit excel)
http://php.net/fputcsv
http://php.net/…ode.php ;

<?php
$arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5);
echo json_encode($arr);
?>
// vygeneruje:
{"a":1,"b":2,"c":3,"d":4,"e":5}


<?php
$list = array (
    array('aaa', 'bbb', 'ccc', 'dddd'),
    array('123', '456', '789'),
    array('"aaa"', '"bbb"')
);
$fp = fopen('file.csv', 'w');
foreach ($list as $fields) {
    fputcsv($fp, $fields);
}
fclose($fp);
?>
// zapise do souboru jako
aaa,bbb,ccc,dddd
123,456,789
"""aaa""","""bbb"""

pro excel se pro csv musi pridat prvni znaky souboru pro utf a pouzivat stredniky misto carek.
 

//add BOM to fix UTF-8 in Excel
fputs($fp, $bom =( chr(0xEF) . chr(0xBB) . chr(0xBF) ));
// $BOM = "\xEF\xBB\xBF"; // UTF-8 BOM

fputcsv($fp, array("Cars", "Planes", "Ships"), ";");

Protoze to mas spatne. Chces mit 2 ruzne objekty, ale pouzivas na to jednu promenou. Takze si tim druhym img prepises ten prvni a v obou pak bude to, co je v posledni promene a tam je
img.src = "kocka.png;

Mne by teda zajimalo, kde v te funkci mate definovane max2 nebo eps :)

#1 Reezo
Jestli mas schopnou kreslirku, tak by mozna bylo jednodussi jit do her, ktere jsou free, jako piskvorky, pexeso a zridit si herni portal.
Vzhledem k tomu, ze nemas prostredky, a jak pises, programovani ti moc nejde, tak to budes mit tezke. Dobre programovani je precizni hodinarska prace, u ktere se neda odhadnout cas. Muze to byt i mesic. Pak je treba mit cloveka, co dany produkt dokaze prodat co nejvice zajemcum. Cili, vyvoj muze stat vic programatoru 100.000. Ale kdyz najdes 1000 lidi, kteri to za 500 koupi, tak je zisk 400.000. Jenze lidem, co neprogramuji, se neda verit. Ty se na tom nadres a dostanes almuznu. Takze leda sezenes studenta. A student nezna zabezpeceni a rizika. Takze misto precizni prace mas 1 tydenni programek, ktery dokaze obelstit kazdy nouma, i mala vsimama holcicka, jako moje 8 leta neter.

 Tady jsem treba vybral par nahodnych cisel. Nevim, zda tam jsou nejake trojice. Ale ted bohuzel nema cas to dal resit :) 0-9, 6 cisel.

159092
386410
483387
329012
727738
673485
402331
312198
578399
236830
273847
012251
055543
339047
848404
884714343623
516289
460685

#18 MilanL
Udelej vzorovy seznam treba 20 radku, ukaz, co z toho chces za vypis, jak jsi k tomu dospel. Treba kazdy resime jinou ulohu. At mame stejne vysledky. Ja si myslim, ze by to slo. Pak to treba muzes zaludne upravit tak, aby muj postup nefungoval. :)

Jo, to jde. To je nejake strukturovane pole. Zkus google, urcite najdes priklady.

Jo, jinak je celkem moda ted pouzivat uz pripravene css.
http://getbootstrap.com/
http://getbootstrap.com/…ing-started/
Stahnes, nalinkujes do stranky css, script a pouzijes schema pro formulare, tlacitka, ruzne komponenty a javascriptove aplikace, hlavne pouzivam zalozky a menicka
http://getbootstrap.com/css/
http://getbootstrap.com/components/
http://getbootstrap.com/javascript/

Samozrejme, nic nebrani, zkombinovat to s class z toho schemes.org. Tady jde spis o to, ze hlavni vzhled uz mas navrzeny i ruzne barvicky, skryvani menu pod tlacitko a pod. Vis, jak udelat tabulku, formular. Jen ty jmena class to ma takove divne :)

http://schema.org/docs/schemas.html
Rozklikl jsem si treba event
http://schema.org/Event
A tam je ukazka, co vsechno se povazuje za eventy a jake hodnty se u nich nastavuji.  Je tam i ukazka htm kodu s class. Jak to vypada v jsonu, treba.
Jde o to, ze kdyz className pojmenujes stejne, ziskas jakesi XML schema a pak muzes z te stranky vycucavat treba aktualni zpravy bez toho, abys musel specialne rikat svemu programu, jake class k cemu priradit, aby to zobrazil spravne. Navic, proste i v css budes mit poradek, ze ho muzes pouzit pro dalsi stranky, kdyz dodrzis stejne schema a nebudes muset prejmenovavat class a vymyslet porad nova jmena.
Ja bych do teto struktury ale nesel :)

    <div class="event-wrapper">
      <div class="event-date">Sat Sep 14</div>
      <div class="event-title">SOLD OUT! Typhoon with Radiation City</div>
      <div class="event-venue">
        The Hi-Dive
        <div class="address">
          7 S. Broadway<br>
          Denver, CO 80209
        </div>
      </div>
      <div class="event-time">10:00 PM</div>
     <span>
      <div class="event-price">$13.00</div>
      <a href="http://www.ticketfly.com/purchase/309433">Tickets</a>
     </span>
    </div>

Chybi tady jednotnost. Vsude neni event-, viz address . Ja bych to delal tak, ze zakladni polozku pojmenuji event-item a vse pod tim pojmenuji uz bez toho event-. Oni to s address mysli dobre, aby se to zformatovalo podle jakehosi globalniho class adress, ale je to na houby, delat takove globalni. Lepsi je to mit vsechno definovane uvnitr od struktury event-item
.event-item .address {...}
.event-item .title {...}
.event-item .start-date {...}
.event-item .end-date {...}
.event-item .create-date {...}
.event-item .creator {...}

Myslim si, ze by to melo jit nekde pozapinat nebo pretahnout ze seznamu. Hledej, googluj, treba. Pripadne muzes z delhpi vytahnout projekty a cele to smazat a preinstalovat :)

jj, "spnost1Click", to se vytvari obvykle automaticky po doubleclicku na tlacitko pri navrhu formulare, jako udalost 'click' . Takhle nejak by to mohlo vypadat na obrazovce, kdyz si kliknes na ten spravny objekt. Ted si nejsem jisty, zda je jednoduche prepnout se z kodu do modu navrh formulare, ale :) Mam pocit, ze v delphi 3, to bylo easy, ale to uz je hodne let. S nejakou applikaci jsem ted delal pro c++, a tam to bylo dost napikacu. Nekdy bylo treba vychytat, proc to nejde prepnout na navrh formulare a z toho jsem byl dost na nervy a radeji oteviral starsi verzi programu.

objekt Mybutton              |
name       | Mybutton        |
caption    | Moje tlacitko   |                    [Moje tlacitko]
onClick    | MybuttonClick   |
onDblClick |                 |
...