 |
|
 |
|
| |
January 20th, 2011
Klávesový zkratky jsou fajn. Je fajn je mít i ve webovejch aplikacích. Ale do psí prdele, nemapujte zkratku pro vyhledávání na stránce do svojeho search fieldu! Tenhle nešvar se docela rozmáhá (ahoj Twittře), takže jsem byl donucenej se do věci vložit. Pokud máte Operu, jste na správným místě.
December 19th, 2010
Poslední dobou se díky WikiLeaks hodně mluvi o (D)DoS. To, že Operetion Payback byl původně namířen uplně na jiný cíle a v době největšího zajmu o WikiLeaks už běžela skoro čtvrt roku teď vynechme. Objevily se implementace LOIC v JavaScriptu, který samozřejmě kvůli SameOriginPolicy nemohly dělat HTTP požadavky na “požadovaný” adresy. Elegentní řešení, který (mám dojem) i tam našlo použití, je vytáření img elementů, kde src směřuje právě na požadovanou adresu. Jenže HTML5 nabízí mnohem větší lahůdky. Za prvé podporuje CrossOriginRequesty a za druhé se dají použít vlákna (Web Worker) a posílat tak requesty trošku rychlejc. Počítám, že je jen otázka času, kdy snippet podobnej tomuhle (viz gist) budou lidi injektovat do stránek.
(To, že místo obsahu stránky dostáváme chybu díky Access-Control-Allow-Origin nás v tomhle případě vůbec nemusí zajímat. Jo, zatím se to zdá funkční jenom v Chrome, podezřívám Safari, že by taky mohlo zapravítkovat, ale jsem linej jít k dalšímu počítači)
January 6th, 2009
Potřeboval jsem nutně “tuhletu přejížděčku” a nechtělo se mi guuuglovat a guuglovat. Není to samozřejmě nic extra, ale za deset minut jsem nebyl schopnej spáchat nic lepšího. Tipy se zobrazují u všech elementů se třídou tip a s atributem alt, který je textem tipu. Tip cca klonuje pozici prvku, ke kterému patří a taky přebírá jeho šířku. Pokud to není žádoucí, navrhuju prostudovat volání metody clonePosition().
JavaScript:
document. observe(‘dom:loaded’, function() {
$$(‘*.tip[alt]’).each(function(el){
el.observe(‘mouseover’, show_tip.bindAsEventListener(el))
}, this);
$$(‘*.tip[alt]’).each(function(el){
el.observe(‘mouseout’, hide_tip.bindAsEventListener(el))
}, this);
});
function show_tip(ev)
{
var tip = Builder.node(‘div’, {
style: ‘display:none;position:absolute;’,
id: ‘tip’
},Builder.node(‘p’,this.readAttribute(‘alt’)));
$(‘wrap’).appendChild(tip);
Element.clonePosition(tip,this,{ offsetTop:20, setHeight: false});
new Effect.SlideDown(tip,{duration:0.1});
ev.stop();
}
function hide_tip(ev)
{
new Effect.SlideUp(‘tip’,{duration:0.1});
ev.stop();
Element.remove(‘tip’);
}
Trošku CSS:
#tip { border: 1px solid #B38E5F; background: #FFCB87; }
#tip p { padding: 3px;}
August 11th, 2008
This is a simple ripoff of standard BlindUp and BlindDown effects known from script.aculo.us javascript framework. To use these effects simply download the source file and link the file after scriptacolous library. Effects are accesible as usual new Effect.BlindLeft(element);. Cheerz.
August 11th, 2008
One lame image slider I made while ago. It just slides images with slight transition effect and shows lightboxed hi-res ones when clicked. See demo here, get example source overe here. Have fun!
Next Page » |
| |
 | |  |
|
|
|