2010-10-01 Wpis 369 - Światowy Dzień Uśmiechu

Level: 0 | Time: 16:56:17 | Date: 01 października, 2010

Gdyby ktoś nie wiedział, każdego roku od 1999 obchodzimy na całym świecie święto. Pierwszy piątek października to Światowy Dzień Uśmiechu. Pierwszy piątek mamy dziś, więc polecam Wam uśmiechać się do Wszystkich napotkanych osób. Szczerze. Szeroko. Szczęśliwie. (Zasada Wielkiego 3x "Sz").
Akcję wymyślił twórca przedinternetowego, znanego wszędzie - smiley'a - żółtego kółka z uśmimiechniętą buzią. Zapraszam wszystkich serdecznie do celebrowania tego wspaniałego i radosnego dnia... oczywiście dzisiaj, tak jak i każdego innego dnia roku.

In: Akcje | 3 komentarze

2010-09-06 Wpis 365 - Światowy Dzień Uśmiechu i problem z JS

Level: 0 | Time: 10:56:07 | Date: 06 września, 2010

Światowy Dzień Uśmiechu już wkrótce, bo w pierwszy piątek października. 11 raz na świecie...w Polsce...hm.. piąty... chociaż i tak mało kto o nim wie. Warto dodać, że za świętem stoi nie kto inny jak Harvey Ball, czyli ten, który wymyślił najpopularniejszą ikonę na świecie. Popularnego jeszcze w czasach przedinternetowych żółtego Smiley'a. Można powiedzieć z rozmachem - ojca Smiley'ów (nazywanych często mylnie emoticonami!), czyli żółtych, okrągłych - ostatnio coraz częściej animowanych - buziek, wyrażających emocje.

Po wielu latach przerwy - dzisiejszej nocy wróciłem do zabaw w JavaScripcie. Efekt: DzieńUśmiechu.konieckropka.eu (Zainteresowanych zapraszam do wsparcia akcji) oraz maleńki skrypcik "mrugający" ukrytymi kawałkami tekstu. Nie mogłem sobie poradzić niestety z jedną współzależnością pomiędzy JavaScriptowym getElementById().style.background a CSS'owym :hover

Gdyby ktoś znający się lepiej na tym, łaskawie zechciałby rzucić okiem i powiedzieć, czy coś takiego jest możliwe, bardzo byłbym wdzięczny.
Google nie pomógł.

fragment CSS:


span#happyBox { 
	background: none;
	opacity: 1.0;
}
span#happyBox:hover {	
	background: green;
	opacity: 0.5;
}

fragment JavaScript:


document.getElementById(happyBox).style.background = 'white';
setTimeout("document.getElementById(happyBox).style.background = 'none';", 1000);

Dla formalności fragment HTML:


<span id="happyBox">TEKST</span>

Opis: Tło span id="happyBox"przy załadowaniu strony jest przezroczyste. Po najechaniu kursorem - zmienia się na zielone. Wywołanie odpowiedniej funkcji JavaScript ustawia kolor tła elementu na biały następnie po sekundzie znów zmienia je na nieprzezroczyste (efekt mrugnięcia).

Niestety od tej pory CSS dotyczący "span:hover" niejako znika! Ale tylko fragment użyty w JavaScriptcie: opacity (niezmienione przez getElementById()) po najechaniu kursorem zmienia się na 0.5, jednak tło background nie zmienia się już na zielone.
Inwazja JavaScriptu w DOM w tym przypadku jest zbyt duża. Jak zmienić :hover uzywając getElementById() ?

In: Akcje, web | 11 komentarzy

RSS

Where are we?
What the hell is going on?
The dust has only just begun to fall
Crop circles in the carpet
Sinking feeling

Spin me round again
And rub my eyes,
This can't be happening
When busy streets a mess with people
Would stop to hold their heads - heavy

Oily marks appear on walls
Where pleasure moments hung before 
The takeover,
The sweeping insensitivity of this still life

Hide and seek
Trains and sewing machines
All those years
They were here first

Oily marks appear on walls
Where pleasure moments hung before
The takeover,
The sweeping insensitivity of this still life

Hide and seek

Hide and seek
Trains and sewing machines
All those years
They were here first