Vytvoření fotogalerie pomocí jQuery
Zařazeno v Rady a návody, Javascript, Webdesign on Bře 22nd, 2009
Odkaz na demo a tutoriál pro vytvořeni fotogalerie pomocí jQuery
Archív pro kategorii 'Javascript'
PersistJS - perzistentní uchování dat bez cookies
Zařazeno v Javascript on Čvc 20th, 2008
PersistJS je javascriptová knihovna sloužící pro uchování perzistentních dat na straně klienta. Pro ukládání používá několik prostředků od lokálních a globálních úložišť (Firefox 2.0+, Internet Explorer 8), přes Adobe Flash až po Google Gears.
Použití je jednoduché.
// create a new client-side persistent data store
var store = new Persist.Store(’My Data Store’);
// pretend data
var data = […]
25 Excellent Ajax Techniques and Examples
Zařazeno v Rady a návody, Javascript, Webdesign on Čer 3rd, 2008
Sixrevisions.com je užitečná stránka se spoustou zajímavých tutoriálů týkající se Ajaxu. Je zde srozumitelnou formou popsáno jak vytvořit RSS čtečku, anketu s hlasováním, kalendář, chat, grafy a další užitečné příklady. K dispozici jsou i ukázkové příklady spolu se zdrojovými kódy.
Označení bloku textu jedním kliknutím
Zařazeno v Javascript on Čvc 29th, 2007
Nedávno jsem řešil problém, jak jedním kliknutím označit pro zkopírování nějaký blok textu, který je uzavřený v DIVu. U formulářů fungovalo
<input type=”text” value=”nejaky text” onClick=”this.select()” />
Naivně jsem si myslel, že tohle bude fungovat i u DIVu
<div onClick =”this.select();”>Nejaky text</div>
Bohužel tudy cesta nevedla.
Nakonec jsem narazil na tohle řešení.
<html>
<head>
<script>
function selectElement (element) {
if (document.selection) […]
Skrývání a odkrývání elementů
Zařazeno v Javascript, Webdesign on Čer 26th, 2007
Pokud potřebujete po nějaké akci (kliknutí na odkaz, tlačítko…) skrýt nebo odkrýt nějaký element na stránce, zkuste použít tuto jednoduchou funkci.
<script type=”text/javascript”>
function show(element) {
var srcElement = document.getElementById(element);
if(srcElement != null) {
if(srcElement.style.display == “block”) {
[…]
Přidat k oblíbeným, nastavit jako výchozí stránku, a další
Zařazeno v Javascript on Led 7th, 2007
Zdrojové kódy často používaných funkcí Přidat k oblíbeným, nastavit jako výchozí stránku, a další
Přidat do oblíbených
// pridani do oblibenych
function favorites(){
if(navigator.appName == ‘Microsoft Internet Explorer’)
window.external.AddFavorite(’http://www.example.com/’,'Example.COM’);
else
alert(”Tato funkce je dostupná pouze pro Microsoft Internet Explorer”);
}
Nastavit jako domovskou stránku
// nastavit jako homepage
function homepage() {
[…]
Regulární výrazy pro kontrolu vstupních dat
Zařazeno v Javascript on Led 7th, 2007
Několik funkcí a regulárních výrazů pro kontrolu formátu vstupních dat.
Telefon a Fax:
format = /^+[0-9]{3}[0-9]{9}$/ //číslo je ve tvaru +420123456789
format = /^[_a-zA-Z0-9.-]+@[_a-zA-Z0-9.-]+.[a-zA-Z]{2,4}$/
WWW
format = /^((http:|https:)//[_a-zA-Z0-9.-]+.[a-zA-Z]{2,4}(/{1}[-_~&=?.a-z0-9]*)*)$/
ICQ
format = /^[0-9]{6,10}$/
DIČ
format = /^[a-zA-Z]{2}[0-9]{8,10}$/
IČ
format = /^[0-9]{8}$/
PSČ
format = /^[0-9]{5}$/
Jednoducá funkce, kterou pak používám pro kontrolu může vypadat třeba takto
//kontrola formatu ICQ
function check_format_icq(my_field) {
[…]