Skype Me™! | XMPP: Dostępność na GTalk Status w sieci Jabber/XMPP „...na zawsze pozostaniesz w naszych sercach...”
Maxthon Browser
Zaloguj się

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

2010-09-04 Wpis 364 - Google Images: Fuleren w 3D

Level: 0 | Time: 20:25:57 | Date: 04 września, 2010
25 lat od odkrycia Fulerenów Google upamiętniło niezwykłym, animowanym, interaktywnym logiem. Aż chce się poczytać o chemii. Bardzo pomysłowe.




A tak nawiasem, odnośnie pewnego portalu społecznościowego... To, że trzeba podać hasło do konta, aby wejść do zaawansowanych ustawień, typu zmiana hasła, etc... To całkiem normalne zabezpieczenie... Captcha, to chyba już trochę przegięcie... W dodatku... chińska? :-/

In: Google, web | 3 komentarze

2010-09-03 Wpis 363 - Zgodność z CSS: text-decoration: none; WTF?

Level: 0 | Time: 02:05:37 | Date: 03 września, 2010
Nie myślałem, że Arkusze Kaskadowe Stylów jeszcze kiedykolwiek zaskoczą mnie... a już na pewno nie w taki sposób - elementami, które są podstawą i które znam od wielu, wielu lat.
Pomóżcie, bo nie rozumiem tego totalnie. Wydaje się, że prostą strukturę, którą napisałem, Trident wyświetla poprawnie (wg mojego rozumowania) a ani WebKit, ani Gecko, ani Presto nie potrafią tego zrobić. (Tak, wiem, że to przecież nawet brzmi śmiesznie! Wychodzi na to, że czegoś nie rozumiem.)
Chodzi o text-decoration w poniższym przykładzie:

<style> a, a:link {color: black; text-decoration: none;} a:hover {color: red; text-decoration: underline;} b.hide {display: none;} a:hover b.hide {color: green; text-decoration: none; display: inline;} </style> <a href="http://g.cn"> Odnośnik widoczny <b class="hide"> (część ukryta) </b> </a>
Który daje następujący efekt:

Odnośnik widoczny (część ukryta)

Mam więc niepodkreślony odnośnik - rodzic, który jest widoczny i ma kolor czarny. We wnętrzu mamy dziecko klasy "hide" - dodatkowy element <b> (pierwszy lepszy jaki mi się nasunął) dalsza część odnośnika, niewidoczna (display: none).

Po najechaniu kursorem na link oczywiście rodzic nabywa pseudoklasę :hover zmieniając swoje właściwości: tekst całego linku zmienia kolor na czerwony i dostaje podkreślenie (text-decoration: underline;) oczywiście również czerwone, bo tak działa CSS. Dziecko o klasie hide jest wyświetlane (display: inline), nadawany jest mu INNY kolor - zielony, i usuwane jest podkreślenie ( text-decoration: none;).

Więc dlaczego, do cholery, wszystkie zgodne ze standardami przeglądarki wyświetlają mi to źle! Co prawda wyświetlają pogrubione dziecko <b> o klasie hide, zmieniają jego kolor poprawnie na zielony, ale całkowicie olewają atrybut text-decoration: none;
i na chama wyświetlają czerwone podkreślenie.

Natomiast jedyny Trident wyświetla mi to tak, jak ja chcę, żeby się wyświetlało.
Czyli BEZ podkreślenia w tym elemencie, który kaskadowo dostaje atrybut text-decoration: none;

O co w tym chodzi?

Co prawda rozwiązanie jest dosyć proste i działa na wszystkich silnikach:
<style> a, a:link {text-decoration: none;} a span.visible {color: black; text-decoration: none; } a:hover span.visible {color: red; text-decoration: underline;} b.hide {display: none; } a:hover b.hide {color: green; display: inline; } </style> <span> <a href="http://g.cn"><span class="visible"> Odnośnik widoczny</span> <b class="hide"> (część ukryta) </b> </a> </span>
Tekst - odnośnik, który ma mieć podkreślenie - obejmujemy dodatkowym znacznikiem <span> i to pod nim ustawiamy text-decoration: underline;, podczas najechania kursorem, natomiast na całym linku całkowicie wyłączamy podkreślenie text-decoration: none;

Smutne, ale prawdziwe.

In: web | 12 komentarzy

2010-08-22 Wpis 360 - Google kupiło gmail.pl na aukcji?

Level: 0 | Time: 13:12:51 | Date: 22 sierpnia, 2010
No i mamy wynik naszej zabawy. Rozwiązanie przyszło wczoraj - zgodnie z harmonogramem - o godzinie 19:29:17 bo właśnie wtedy kończyła się aukcja na allegro. Przypomnę - sprzedawana była bardzo popularna i kontrowersyjna swoimi czasy domena gmail.pl.




Domena gmail.pl została kupiona za 119 400 zł przez użytkownika który ma ponad 250 punktów i - co interesujące, ma przy swoim nicku teczkę .
Ikonka teczki oznacza, że Sprzedający jest użytkownikiem konta Firma, czyli zarejestrowanym przedsiębiorcą.
Jak myślicie... czyżby to Google kupiło sobie domenę za bezcen? A jeśli nie to jaka firma chciałaby kupić tego typu domenę? "Firma widmo" która będzie wyłudzać pieniążki od niedoinformowanych użytkowników?


[1] Link do aukcji - Aukcja Allegro - domena gmail.pl

In: Google, web | 18 komentarzy

2010-08-11 Wpis 355 - Domena gmail.pl na Allegro

Level: 0 | Time: 07:20:45 | Date: 11 sierpnia, 2010
logo Google GmailO domenie gmail.pl głośno było od wielu lat [1-4]. Wygrana rozprawa sądowa Grupy Młodych Artystów i Literatów (GMAiL) z gigantem Google była wielkim sukcesem, maleńkiej, humanistycznej społeczności w niewielkim kraju Europy Środkowej.

Kto by pomyślał, że po czymś takim... właścicieli nie będzie stać na jej dalsze utrzymanie. Domena 4 dni temu poszła pod młotek na aukcji Allegro. Start: 1zł, bez ceny minimalnej. W tym momencie aktualna cena wynosi: 96 300,00 zł

Ciekawe po co to komu, skoro nabywca utraci prawo do tej domeny wyrokiem sądu w przeciągu kilku tygodni?

Zachęcam do zabawy: kto odgadnie / będzie najbliżej kwoty za którą domena gmail.pl zostanie ostatecznie sprzedana na aukcji?

Wyniki już za 10 dni.

Aukcja Allegro domena gmail.pl
--
[1] - Dziennik Internautów: gmail.pl - czy będzie kolejna wojna o polską domenę?
[2] - Google BlogoScoped.com: Google vs Gmail.pl
[3] - WebmasterWorld.com: Google Sues Polish Poets Over gmail.pl
[4] - Devid TechBlog: Sprzedaż domeny Gmail.pl [2008-10]
[5] - Webhosting.pl: Domena gmail.pl trafiła na Allegro. Histeria wśród kupujących

In: Google, web | 22 komentarze

RSS

Miniblog

?| Google "on fly" search

Inspirujące, ale na ile przydatne?

Źródło: neowin.net

?| Hide And Seek


Imogen Heap - Hide & Seek

?| Firefox Tab Candy

O Firefoxie - wyjątkowo -
nie negatywnie:

?| Karma...

...is a word. Like "love". A way of saying "what I am here to do."


wakoopa.com
Wakoopa.com - Statystyki używania programów przez konieckropka


Aby zobaczyć kalendarz Zaloguj się

Kategorie

Archiwum

WTF?