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>");
556 helpful links per webdesigners
Sito web: http://www.forwebdesigners.com/
bananascript.com comprime file javascript
Se volete comprimere file javascript, bananascript.com fà al caso vostro. Permette di ridurre di tanto la dimensione di un file javascript.
Sito web: http://www.bananascript.com/
Mostrare un elemento div alle coordinate del mouse
In questo articolo vedremo come mostrare un elemento div alle coordinate del mouse. Supponiamo di avere un div con id divColor in posizione 155,355, e vogliamo che prenda la posizione del mouse
function ShowDivAtPoint(id){
var x=event.x; //Cordinata X del Mouse
var y=event.y; //Cordinata Y del Mouse
var doc=document.getElementById(id);
doc.style.left=x;
doc.style.top=y;
}
che richiameremo con
ShowDivAtPoint(’divColor’)
ProgrammableWeb - Mashups, APIs, e Web come piattaforma
Programmable web è la raccolta di API dei maggiori servizi e siti internet più completa che ci sia. E’ possibile cercare nel sito il web service che più ci interessa e vedere le informazioni di accesso e alle sue funzioni.
Sito web: http://www.programmableweb.com/
-
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