Tutorial avanzati su tematiche web su nettuts.com
Ottimo sito dove poter trovare interessanti tutorial avanazati su programmazione web.
Sito web: http://nettuts.com/
Modificare lo stile di una pagina web modificando il file css con javascript
In questo articolo vedremo come modificare lo stile css di una pagina web con uno script javascript. Nella pagina html, avremo l’elenco degli stili:
…
<link rel="stylesheet" type="text/css" href="stile1.css" title="stile1" />
<link rel="alternate stylesheet" type="text/css" href="stile2.css" title="stile2" />
…
e oltre al resto della pagina, la chiamata al file javascript:
<script type="text/javascript" src="switcher.js"></script>
cosi impostato:
/* Style Switcher by Paul Sowden, see A List Apart: http://www.alistapart.com/articles/alternate/ */
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}
function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
}
return null;
}
function getPreferredStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("rel").indexOf("alt") == -1
&& a.getAttribute("title")
) return a.getAttribute("title");
}
return null;
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(’;');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==’ ‘) c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
window.onload = function(e) {
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
}
window.onunload = function(e) {
var title = getActiveStyleSheet();
createCookie("style", title, 365);
}
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
document.writeln("<div id=\"textsize\">Passa a stile1: <a href=\"#\" onclick=\"setActiveStyleSheet(’stile1′); return false;\" id=\"stile1\">Stile1</a><a href=\"#\" onclick=\"setActiveStyleSheet(’stile2′); return false;\" id=\"stile2\">Passa a stile2</a></div>");
Tecniche ed esempi di css
Ottima raccolta di link a tecniche ed esempi di cosa si puo fare con i css.
Sito web: http://www.alvit.de/web-dev/css-techniques-and-examples.html
Stili moderni alle tabelle con i css
Raccolta di siti web che offrono stili css per formattazione di tabelle.
Sito web: http://www.smashingmagazine.com/…bles-modern-solutions/
Menu di navigazione con i css: Trends ed esempi
Ottima raccolta di menu css da smashingmagazine
Sito web: http://www.smashingmagazine.com/2008/02/26/navigation-menus-trends-and-examples/
CSS Message Box collection
Sito web: http://woork.blogspot.com/2008/03/css-message-box-collection.html
-
NETWORK
RSS
Iscrivi Feed Rss
Newsletter
Iscriviti alla newsletter e tieniti sempre aggiornato!
Blogroll
- AG web solutions
- Assistenza legale - Assistenza legale strategica in tutto il settore della proprietà intellettuale e del diritto commerciale
- bitportal.it
- blogmap.it - Blogmap.it è una directory di blogs in cui potrai inserire il tuo blog e far vedere ai tuoi amici dove si trova nel mondo.
- Cartucce per stampanti - Cartucce per stampanti
- css galleries - css galleries
- derienzo.net
- desmm design e multimedia - desmm design e multimedia
- drwhois.org - drWhois verifica se il tuo dominio è libero
- ecommerce open source - ecommerce open source php mysql
- emanueleferonato.com blog - http://www.emanueleferonato.com/
- flash2blog.com
- form generator
- free script
- htaccess.it - web 2.0 , applicazioni web , software, web tool
- http://wordpress.templates20.net - free wordpress templates
- iconfinder.net - motore di ricerca per icone
- juliusdesign
- morpheusweb.it
- motore ricerca open source
- online giochi - online giochi
- pastrugni.com
- persefone.it - realizzazione siti web
- realizzazione siti
- Social bookmarking - Social bookmarking
- spcnet.it
- taormina sicilia - taormina sicilia
- technorati.it
- tutorial flash - tutorial flash
- tutorials ajax - tutorials ajax
- ui patterns
- videoconferenza - software videoconferenza open source
- webmaster risorse
- webmasterpoint.org
- www.net-free.it
Commenti recenti:
- Djfrenkios: Hello , chto eto za forum takoij? intersnio tut u vas
- Leonardo: Prima di pubblicare questi codici impara il php che questa pagina è piena di errori
- Vittorio: Ciao, ho installato MySQL ver 5.0.51b ma non mi funzionano le funzioni DATE_DIFF, TO_DAYS,TO_NUMBER...
- edo: Ciao Come posso fare per leggere dei dati su un sito web è riportarli nel mio sito web? esistono degli esempi di...
- sdfsfdsaf: s
Ultimi dal forum
Scaricare correttore ortografico italianoVari problemi
Installazione su server remoto
Installazione
Problema aggiornamento quantità prodotti carrello
Info
Bug utente + suggerimento formattazione
Problema cancellazione dalla mailing list
Problemi login
Problemi di visualizzazione nella home page
Fireworks appiattisce livelli quando salvo in png
Errore carrello
Requisiti server
Problema con le immagini
Problemi installazione
Realizzato con WordPress 
Hosting web by: 
Vietata la riproduzione anche parziale