Dla naszego klienta dobrapolisa.pl została uruchomiona platforma sprzedaży usług ubezpieczeniowych Seguros. Obecnie witryna działa w trybie tzw. beta. Oznacza to, że niniejszy system pozwala na dokładne zapoznanie się z dostępnymi usługami, opcjami i możliwościami, ale niektóre funkcjonalności nie są jeszcze włączone, bądź mogą działać niestabilnie.

Dlatego zachęcamy do odwiedzin witryny, w której nie tylko można kupić polisę ubezpieczeniową, ale również dowiedzieć się coś z zakresu ubezpieczenia oc i ac komunikacyjnego, na życie, turystycznego, majątkowego, ochrony prawnej, OC w życiu prywatnym, NNW, a także o otwartych funduszach emerytalnych.

• Windows XP
• Windows Vista
• Windows Vista 64-bit
• Windows Server 2003
• Windows Server 2008
• Windows Server 2008 64-bit

W krótkim spocie filmowym pt. Poznaj fakty na temat wydajności przeglądarki (Get the facts on browser performance.) Microsoft przedstawia kilka testów mających pokazać, że Internet Explorer 8 jest szybką przeglądarką. Pozostawiamy to już ocenie użytkownikom. Naszym zdaniem wczytanie i renderowanie strony w Internet Explorer jest szybkie, ale zawsze należy pamiętać, że wszystko zależy od warunków, w jakich pracuje przeglądarka.

Z drugiej strony należałoby również poznać tabelę zgodności przeglądarek z HTML5, CSS3, SVG i innymi technologiami, czyli co już działa, a co nie zostało jeszcze zaimplementowane. I to nie tylko w Internet Explorer 8.

Z opisanej tabeli wynika, że najwięcej zaimplementowanych funkcjonalności na dzień dzisiejszy ma Safari w wersji 3.2.

Okazało się podczas różnych testów kompresorów, że po niektórych kompresjach kod JavaScript przestawał działać. Dlatego warto dobrze przetestować kompresory JavaScript-u.

Powiat Drawski położony jest w południowo - wschodniej części Województwa Zachodniopomorskiego na Pojezierzu Drawskim. Od północy graniczy z Powiatem Świdwińskim, od wschodu - z Powiatem Szczecineckim, od południa - z Powiatami Wałeckim i Choszczeńskim, a od zachodu - z Powiatem Stargardzkim.

Zastosowanie tutaj linka ma drobną zaletę: kliknięcie od razu kieruje nas do podanego w linku zasobu. Niemniej jednak można kod podany przez nas przerobić tak, aby działał dla każdego elementu. Kolejną sprawą jest to, że wystarczy nadać elementowi a klasę toggle i potem za pomocą JavaScript-u odpowiednio je odnaleźć i podpiąć funkcję. Zatem zaczynamy po kolei.

Najpierw musimy zebrać wszystkie linki, które zawierają klasę toggle i podpiąć pod nią odpowiednią funkcję o nazwie toggle_element (inne funkcje zostaną wyjaśnione w dalszej części):

function toggle_init() {
	var i, ids, targetURL;
	var anch = getElementsByClassName("toggle");
	if (anch.length < 1) {
		return false;
	} // check, if exits any element with "toggle" class
	for (i = 0; i < anch.length; i++) {
		if (anch[i].href !== null) {
			ids = anch[i].href.split("#");
			targetURL = document.getElementById(ids[1]);
			if (!hasClass(targetURL, "hide")) {
				addClass(targetURL, "hide");
			}
			anch[i].onclick = toggle_element;
		}
	}
}

Teraz czas na funkcję toggle_element:

function toggle_element() {
	var elem = this;
	if (elem && (elem.href !== null)) {
		elem.blur();
		var getid = elem.href.split('#');
		var id = document.getElementById(getid[1]);
		if (hasClass(id, "hide")) {
			replaceClass(id, "hide", "view");
		} else {
			replaceClass(id, "view", "hide");
		}
	}
	return false;
}

Otóż co się dzieje w funkcji toggle_element? Na wszelki wypadek sprawdzamy czy element istnieje i czy href nie jest puste (if (elem && (elem.href !== null))). Kasujemy focus, pobieramy zawartość po # z całego URL-a oraz referencję do elementu z nazwy po #. Potem sprawdzamy czy element ma nadaną klasę hide i jeśli ma, to kasujemy ją i wstawiamy view. I odwrotnie.

Prostota tego polega na tym, że dla danego ukrywanego / pokazywanego elementu nadajemy klasy na przemian hide / view. Dzięki temu praktycznie nadając tylko klasę toggle elementowi a nie musimy nic dodatkowo przerabiać.

W arkuszu stylów definiujemy podstawowe dane dla powyższych klas:

.show{
	display:block;
}
.hide{
	display:none;
}

To wszystko, jeśli chodzi o podstawowy kod. Potrzebne jednak są dodatkowe funkcje jak getElementsByClassName, hasClass, addClass, replaceClass.

Z klasy getElementsByClassName możesz skorzystać zaglądając na stronę Robert-a Nyman-a, natomiast pozostałe to:

function hasClass(e, name) {
	return (!e || !e.className) ? false : new RegExp('\\b' + name + '\\b')
			.test(e.className);
}
// Usuwanie nazwy klasy z obiektu
function delClass(e, name) {
	return e && (e.className = e.className.replace(new RegExp('^' + name + '\\b\\s*|\\s*\\b' + name + '\\b', 'g'), ''));
}
// Dodawnie nazwy klasy do obiektu
function addClass(e, name) {
	delClass(e, name);
	return e && (e.className += (e.className ? ' ' : '') + name);
}
// Zamiana jednej klasy na drugą w obiekcie
function replaceClass(e, class1, class2) {
	if (typeof e == 'string') {
		e = document.getElementById(e);
	}
	if (hasClass(e, class1)) {
		delClass(e, class1);
		addClass(e, class2);
		return true;
	} else {
		return false;
	}
}

Przy okazji dodaliśmy funkcję delClass do usuwania nazwy danej klasy CSS-owej w obiekcie. Warto dodać też, że najlepiej uruchomić funckję toggle_init po załadowaniu strony. W gotowym przykładzie tak właśnie zrobiliśmy. Źródło kodu JavaScript jest dostępne do podglądu jako zwykły plik tekstowy.

• 1
• a
• aaron
• adm
• admin
• admissions
• adrian
• alex
• alfred
• allen
• alliance
• alumni
• amanda
• amber
• ana
• andrea
• anna
• apache
• armen
• asia
• audio
• backup
• backuppc
• bane
• basic
• bauer
• benjamin
• bernd
• bill
• bin
• black
• blog
• bnc
• boss
• build
• caleb
• cap
• carlos
• cgi
• ch
• chandimal
• china
• chorist
• cindy
• clamav
• client
• clinic
• closas
• coco
• contact
• copier
• core
• courier
• cvsuser
• cyrus
• daemon
• dan
• dank
• danny
• dark
• dave
• de
• debbie
• delta
• denis
• der
• devilsins
• diane
• dima
• dino
• director
• displays
• doodz
• download
• dyndns
• economist
• elisa
• eliza
• elizabeth
• eric
• ernie
• etc
• fabio
• fabrice
• factoria
• farrell
• fester
• file
• files
• finder
• finn
• first
• fred
• freeze
• frei
• ftp
• ftpuser
• gallery
• games
• gary
• gast
• generalmanager
• genoveva
• gerry
• gnats
• gracie
• gt05
• guest
• guset
• hacker
• hallo
• hanna
• hans
• harvey
• hermes
• httpd
• huang
• huercal
• hugues
• im
• image
• india
• info
• informix
• inna
• internet
• invite
• iraf
• irc
• iresha
• it
• its
• jabber
• jacuna
• jan
• japan
• jason
• jatema
• javi
• jboss
• je
• jean
• jennan
• jnanchito
• jobs
• john
• jonas
• jonathan
• jordan
• josh
• juan
• julia
• jun
• junior
• kate
• kor
• lab
• lahiru
• lara
• laura
• lauren
• laurent
• ldap
• lebedev
• lena
• leon
• leoni
• linda
• linuxtest
• linuxtester
• linuxtester2
• list
• liz
• louise
• louise1
• lp
• luc
• luca
• lucas
• ludovic
• luis
• luka
• lukas
• lyn
• madhuri
• mail
• malika
• mama
• manchester
• marcus
• marie
• marketing
• martin
• maryse
• math
• matt
• max
• may
• maya
• mia
• michael
• michaels
• michal
• michel
• miguel
• molly
• mom
• mona
• morgan
• moshutzu
• mysql
• nadia
• nagios
• neetha
• new
• news
• newsletter
• nick
• nickelan
• nobody
• nokia
• oliver
• oracle
• oscar
• password
• paul
• physics
• pico
• pics
• poczta
• postfix
• postgres
• postmaster
• production
• project
• proxy
• pub
• randi
• ranjith
• rasika
• reboot
• recruit
• remote
• restart
• retsu
• rexmen
• rob
• robert
• rtorres
• safetp
• sakura
• sales
• samba
• samuel
• sara
• sasha
• sbear
• senaka
• serge
• server
• service
• shelton
• shuri
• sid
• sirsi
• sky
• smmsp
• sophie
• soporte
• spam
• spamd
• sponsor
• squid
• sshd
• staff
• stats
• stella
• stephanie
• stud
• student
• students
• subscribe
• support
• support123
• svn
• swsoft
• sybase
• sync
• sys
• takada
• ted
• telnet
• temp
• temporal
• terry
• test
• test10
• test11
• test12
• test123
• test2
• test3
• test4
• test5
• test6
• test7
• test8
• test9
• tester
• tim
• timm
• tom
• tomas
• tomcat5
• tone
• toto
• tracker
• transfer
• trash
• ts
• ubuntu
• updates
• user
• uucp
• valas
• vic
• video
• vincent
• virus
• visitor
• vivek
• vmware
• vnc
• vwalker
• walker
• web
• webadmin
• webcam
• webmaster
• website
• wei
• white
• wilkins
• william
• williamson
• wolfgang
• workshop
• wrestling
• www
• www-data
• xbox
• xxx
• zimbra

Aktualizacja: 30.12.2008 r.

Ogólnie rzecz biorąc, aby pobrać wartość atrybutu href, można użyć trzech sposobów:

1. getlink.href;
2. getlin['href'];
3. getlink.getAttribute('href');

W niektórych przeglądarkach getAttribute('href') na elemencie <a> zwraca pełny adres URL, nawet jeśli atrybut href zawiera ścieżkę względną, a w innych dokładnie to, co zawiera href (np. tylko ścieżkę względną). W zestawieniu wygląda to tak:

Firma Microsoft dołożyła wszelkich starań w celu rozwiązania tego poprzez dodanie drugiego parametru do metody getAttribute. Drugi parametr może być ustawiony na 0,1 lub 2. Jeżeli parametr jest ustawiony na 2, to metoda zwraca atrybut tekstu. Wszelkie inne ustawienia zwrócą bezwzględny adres URL.

Prawidłowo getAttribute('href') powinno zwracać wartość, a nie cały absolutny URL.