Blog Petr Knopp

02
02
01:12

Ajax "hvězdičkování"

V /dev

Oblíbené ohvězdičkování příspěvku (mailu...) v jQuery a ajaxu. Tutoriálů je spousta, ale něco z ktegorie hotových řešení se hledá těžko. Obzvlášť když si nejsem s jQuery jistý - to se pak hledá chyba těžko, když je deset míst, kde by mohla být. Při procházení tutoriálů jsou všude jen relevatní kousky kódu, když právě alepoň jeden hotový příklad by pro mě pro pochopení byl daleko přínosnější.

Napřed html. Předpokládám jeho generování přes PHP či cokoliv jiného - jinak to psát je sebevražda. 

To důležité - unikátní #id u odkazu a a stejné číslo u #id v <div>, který se má nahrazovat

<div class="document">

<a class="ajax" href="#" id="1">Změň</a>
<a class="ajax" href="#" id="2">Změň</a>
<a class="ajax" href="#" id="3">Změň</a>
<a class="ajax" href="#" id="4">Změň</a>

</div>
<div id="prepsat1">
ppp
</div>
<div id="prepsat2">
ppp
</div>
<div id="prepsat3">
ppp
</div>
<div id="prepsat4">
ppp
</div>

Dále do hlavičky samotnou knihovnu jQuery:

<script src="../js/jquery-1.10.1.min.js" type="text/javascript" ></script>
a někam na konec stránky:
$(function() {
$('.document').on('click', '.ajax', function(e) {
var od = $(this).attr('id');
e.preventDefault();
$.ajax({
url: "r.php",
method:"POST",
data: {
   odesilatel:od
},
success: function( data ) {
var cil='#prepsat'+od;
  $( cil ).html( "<strong>" + data + "</strong>" );
}
});

});

});

Vtip je jednak v navázání akce u odkazů třídy .ajax na kliknutí. Druhý je v načtení #id prvku, ze kterého bylo kliknuto  var od = $(this).attr('id');.

V oddílu data je posíláno právě #id odesilatele  pro identifikaci zpracujícím skriptem na straně serveru, definovaným v url a metodě post. 

Výstup pak přepíše cíl.

Psáno hlavně kvuli javascriptu - php cyklus pro vypsání dat  a návrat je už sranda. 

 

 

01
02
00:07

Co nového ?

V /dev

Ani vlastně nevím proč, ale láká mě vlastní webová RSS čtečka. No, a základ je na světe. 

Zatím umí:

  • přidávat kanály
  • přes cron/URL je aktulizovat (je limit pod dvaceti, berou se vždy nejstarší - kvuli času a výkonu serveru)
  • vypisovat RSS ve "fancy like" stylu pinterestu
  • Označovat položky od posledního přihlašování. 
  • hvězdičkovat oblíbené

Co bude ?

  • výpis po kanálech (možná)
  • třídit či seskupovat kanály
  • výpis pro jednotlivé dny

Zatím ale po studiu interntů objevuji mě další kouzla CSS:

transition: all .2s ease;
column-break-inside: avoid;

nejsou zrovna zápisy, které bych znal z hlavy. Natož přesně věděl, co vlastně dělají..

 

31
01
16:06

Za Facebook snesitelnější

V /dev

Bez reklam, v truchu jinem vzhledu. Spoustu (pro mě nedůležitých) věci to neřeší. A jak ve Vašem oblíbeném prohlížeči tohle uživatelské CSS aplikujete na stránky Facebooku je také vaše věc. 

body{
background-color:#eaeaea !important;
}
#rightCol{
width:0px;
height:0px;
display:none;
}
#contentArea{
width:750px !important;
}
#contentCol{
-webkit-box-shadow: 5px 5px 10px 1px rgba(75, 75, 75, 1);
box-shadow: 5px 5px 10px 1px rgba(75, 75, 75, 1);
-webkit-border-radius: 10px;
border-radius: 10px;
border:none !imporant;
background-color:white;
margin:5px;
}
#leftCol{
background-color:#EBEBEB;
-webkit-box-shadow: 5px 5px 10px 1px rgba(75, 75, 75, 1);
box-shadow: 5px 5px 10px 1px rgba(75, 75, 75, 1);
-webkit-border-radius: 10px;
border-radius: 10px;
border:none !imporant;
}
#contentArea{
width:95% !important;
}
#contentCol img{
-webkit-border-radius: 10px;
border-radius: 10px;
}
a{
color:#ff6600 !important;
}
#blueBarHolder, #blueBar{
background-image:none !important;
border:none !important;
background-color:#cccccc !important;
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%) !important;
}
30
01
04:23

Eval()

V /dev

Pro někoho asi trivialita, ale možnost sestavit si kus programu za běhu a rovnou ho interpretovat je pěkná:

for ($d = 1; $d <= 10; $d++) {
eval('
for ($i = 1; $i <= 10; $i++) {
echo $i.\'-\'.$d.\'
\';
}'
);
}

Mimochodem: docela pěkné ověření, jak mám ošetřené vstupy do databáze. Chvíli jsem se docela bál, že mi to tenhle příklad spočítá

27
01
04:19

Adaptivní obrázky

V /dev

S hrůzou jsem si přečetl na zdrojáku http://www.zdrojak.cz/clanky/adaptivni-obrazky-vyresena-otazka-s-novym-otaznikem/. A všechny argumenty mi tam sebral jeden z prvních diskutujících. 

Dovolím si odcitovat: 

sachy

27.1.2014 ve 03:37


WTF?


Tak dlouho se pracovalo na oddělení obsahu (HTML) a vzhledu (CSS), až… až se na Zdrojáku v roce 2014 dočteme, že

<img src-1="(max-width: 400px) pic-small.jpg"
src-2="(max-width: 1000px) pic-medium.jpg"
src="pic-large.jpg">

je super-cool best-practise-ever HTML5-recommended bastl. Tfuj, velebnosti.

Jak prohlížeč pozná, že nechci soubor „(max-width: 400px) pic-small.jpg“, ale že je to regulérní výraz který se musí parsovat? Vždyť je to validní název souboru.

Proč se zase míchá HTML a CSS, to se kvůli změně velikosti z 400px na 450px budou muset editovat všechny soubory jako v devadesátých letech? Zpátky na stromy… Doufám že není správná odpověď ,,ten parametr se vygeneruje javascriptem“

Nezbývá než souhlasit.

26
01
20:29

Náhodné číslo při update tabulky v MySql

V /dev

Pro čísla od jedné do šesti:

update tabulka set hodnota =FLOOR(1+RAND()*6);
26
01
03:24

Doba běhu PHP stránky

V /dev

Na začátek PHP scriptu:

$time = microtime();
$time = explode(" ", $time);
$time = $time[1] + $time[0];
$start = $time;

a na konec: 

$time = microtime();
$time = explode(" ", $time);
$time = $time[1] + $time[0];
$finish = $time;
$totaltime = ($finish - $start);
printf ("<br>Čas %f.", $totaltime);

 

26
01
02:17

MySQL - interval mezi daty

V /dev

Proč tahat data až do PHP, když může pracovat přímo databáze:

SELECT ...
SEC_TO_TIME (TIMESTAMPDIFF(SECOND,'zacatek', 'konec')) AS rozdil 
FROM...

Vysvětlení ? TIMESTAMDIFF vrací počet vteřin mezi začátkem a konce (pole typu DATETIME) a SEC_TO_TIME výsledek převádí na dny, hodiny a minuty. 
Jednoduché a rychlé.

SEC_TO_TIME jsem zatím nepotřeboval formátovat, takže zkoušet to celé obalit DATE_FORMAT by mohlo být teoreticky funkční. 
To je na vás.

Články 31 až 38 z celkových 38

Úvod

Články +

2015

2014

10

09

08

07

06

05

04

03

02

01

Stránky

qGal

sRSS

Sandbox

SmaPr

Qiiz

PostGAL

//Dev

Galerie

Vystaviste 12. 09. 2014 03:04

sRSS 03. 02. 2014 04:01

Kategorie

/dev

/hell

/random

PostGAL

qGal

Qiiz

SmaPr

sRSS


Jednafotka

jednafotka.net:

01. 06. 2016 23:00

jednafotka.net:

01. 06. 2016 23:00

jednafotka.net:

01. 06. 2016 23:00

jednafotka.net:

01. 06. 2016 23:00

jednafotka.net:

01. 06. 2016 23:00

jednafotka.net:

01. 06. 2016 23:00

jednafotka.net:

01. 06. 2016 23:00

jednafotka.net:

01. 06. 2016 23:00

jednafotka.net:

01. 06. 2016 23:00

jednafotka.net:

01. 06. 2016 23:00

Výběr

Jak se žilo řidičům za socialismu: Řemeslo s nejzlatějším dnem &#124; auto.cz

05. 05. 2014 06:00
Že má řidič tvrdý chleba? To je možné, ale v ČSSR tomu tak nebývalo. Alespoň ne v některých oborech. Tristní pohled na výplatní pásku si mnozí dokázali pořádně vylepšit. Zdroj: Jak se žilo řidičům za socialismu: Řemeslo s nejzlatějším dnem | auto.cz.

Když ke dnu, tak na růžovém kole &#124; Finmag.cz

05. 05. 2014 06:00
Sdílenou ekonomiku můžete brát buď jako nezvratný a „přirozený“ trend a hledat v něm to dobré. To se děje třeba v posledním čísle časopisu Wired služby pro sdílení bytů a aut „naučily Američany konečně si navzájem věřit“ nebo denně na webu Fast Coexist „když odhlédneme od pozitivního vlivu na životní prostředí, sdílená ekonomika je způsob, […]

Česká televize překonává Orwella: V manipulaci výsledků eurovoleb drží světový rekord. K urnám prý přijde až 200% voličů! A proč již havlisté akceptují Machovy Svobodné? &#124; PROTIPROUD

02. 05. 2014 06:00
Člověk v tísni je právě ta „zpravodajská humanitární agentura“, která kromě jiného „exportovala“ do českých nemocnic údajné „zraněné z Majdanu“. Dodnes jsme se nedozvěděli, kdo to skutečně byl, koho bylo nutné bez víz a jakýchkoli jiných formalit „vyvézt“ po státním převratu v Kyjevě do bezpečí. Zdroj: Česká televize překonává Orwella: V manipulaci výsledků eurovoleb drží světový rekord. K […]

EVROPA: Evropská unie a její krize &#8211; Neviditelný pes

23. 04. 2014 23:00
Dnes stále do omrzení slýcháme, že téměř sedmdesát let míru v Evropě je zásluhou evropské integrace. Není to pravda, přestože za to EU obdržela Nobelovu cenu. Mír v Evropě byl výsledkem nukleárního patu mezi SSSR a USA a druhořadého a závislého postavení tradičních evropských mocností v tehdejší světové politice. Evropská integrace ve své první fázi […]

Konec svobody slova už i v Americe: Černá listina jako v padesátých letech minulého století. „Gay-friendly“ lůza je stejná jako „hrdinové“ z Majdanu &#124; PROTIPROUD

11. 04. 2014 06:00
„Ano. Pokud máte na mysli demokracii z Majdanu, která vyštvala demokraticky zvoleného prezidenta z jeho vlastní země. Takovou demokracii máme nyní i v Americe – ach, kéž by ještě žil George Orwell!“ Zdroj: Konec svobody slova už i v Americe: Černá listina jako v padesátých letech minulého století. „Gay-friendly“ lůza je stejná jako „hrdinové“ z […]

How To De-RFID Your Credit Card — Dakotah Peña &#8211; Maker

06. 04. 2014 06:00
If your credit or debit cards say PayPass or Blink on them your financial information can be swiped by someone with an RFID reader. Learn how to destroy that functionality to keep your private info private. Zdroj: How To De-RFID Your Credit Card — Dakotah Peña – Maker.

GLOSA: Se Sobotkou budeme bruslit rychleji! &#8211; Neviditelný pes

03. 04. 2014 06:00
Štědrý premiér Sobotka slíbil, že z našich peněz nechá postavit v Novém Městě na Moravě halu pro rychlobruslení. Kdo by to těm bruslařům nepřál. Ale kdo by to přál poplatníkům? Asi každý, zdá se. Zdroj: GLOSA: Se Sobotkou budeme bruslit rychleji! – Neviditelný pes.

EVROPA: Masáž je tu &#8211; Neviditelný pes

03. 04. 2014 06:00
Bez nadsázky je v Evropě – vycházím v jiném článku z údajů Eurostatu – přibližně polovina lidí, která má Bruselu z různých důvodů plné zuby. Polovinu peněz na manipulativní kampaň pro „ještě více Bruselu“ tak před volbami proti své vůli paradoxně dodali i ti, kteří ho mají až po krk. Tak si na to v […]

Nahnilá hruška &#8211; web pro všechny, kteří mají plné zuby potravinového inspektora a neseriózní české žurnalistiky

31. 03. 2014 06:00
Nemám nic proti zlepšování kvalit prodávaných potravin, právě naopak, i potravinový inspektor měl v začátcích svou roli při upozornění na neduhy, se kterými se u nás můžete setkat. Avšak pan Vaněk lidi poučí, Hruška hledá lacinou senzaci. Nyní mu toto přestalo stačit, tak přichází s úžasnými nápady na kuchyni pro bezdomovce, aneb jak za 10Kč […]

Babišovo ANO skončilo loni s dluhem 40 miliónů – Novinky.cz

27. 03. 2014 06:00
Netají se tím, že ANO musí začít šetřit. „Musíme šetřit, musíme získat vícero sympatizantů, kteří to nebudou dělat jenom za peníze,“ He ? takže jsou všichni placeni ? Zdroj: Babišovo ANO skončilo loni s dluhem 40 miliónů – Novinky.cz.
 
Připravuje se !