keemor.com - Surfin' JavaScript Wave

Javascript Archive



by keemor

QR Code from hCard using Sumo! parser and Google Chart API

jane-qrcode

QR Code stands for Quick Response and was created by Japanese corporation in 1994. It became more popular among end users since mobiles have cameras which are able to read those codes. In my Nokia E51 I use I-nigma Reader, but there’re lots of others.

In this post I’d like to present a piece of JavaScript which generates QRCode from hCard using Google Charts API which after scanning by mobile enables easy adding contact to your contacts’ list.

Look at the DEMO to see what’s all about.
Read More


by keemor

Twitter API: Strumień wpisów po słowie kluczowym w PHP, JSON i Prototype

W serwisie Twitter.com pojawia się bardzo dużo wpisów na wiele różnych tematów. Pokażę dzisiaj jak przy pomocy API Twittera, PHP, JSON’a i PrototypeJS zrobić prosty gadżet, który będzie co jakiś czas odpytywać się o nowe wpisy na dany temat i automatycznie je wyświetlać.

ZOBACZ DEMO »

Twitter API: Strumień wpisów po słowie kluczowym w PHP, JSON i Prototype
Read More


by keemor

Grafika, obrazki i zdjęcia ujarzmione

Tag img jest jednym z najpotrzebniejszych znaczników na stronach. Jednak gdy przychodzi do dynamicznego ładowania czy zmiany atrybutów często pojawiają się niespodziewane problemy, które chciałbym przedstawić razem z rozwiązaniami.

Przykładowy obrazek:


<img id="pic" src="http://cdn.contails.websgo.net/imgs/logo_beta6_3_pl.png" />


var pic = document.getElementById('pic'); 

Pobranie wysokości i szerokości obrazka osadzonego w DOM.


var w = pic.width;
var h = pic.height; 

Ciekawsza rzecz zaczyna się wtedy, gdy chcemy załadować zdjęcie dynamicznie i pobrać jego rozmiar.

Read More


by keemor

Simple HTTP Streaming design pattern

If you want to stream server data in the response of a long-lived HTTP connection you can use HTTP Streaming design pattern. Check out simple DEMO » <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head id="my-head"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>keemor.com – Simple HTTP Streaming design pattern</title> </head> <body> Counter: <span id="counter"></span> </body> </html>…

Read More