mercoledì 1 luglio 2009

Aggiungere uno slash con htaccess

Questo codice da inserire nell'.htaccess permette di non lasciare indirizzi web riferiti a delel directory senza lo slash finale, quindi un indirizzo del tipo www.pippo.it/it viene trasformato in www.pippo.it/it/

ecco il link:

http://enarion.net/web/apache/htaccess/trailing-slash/

enjoy it :-)
Continua...

venerdì 19 giugno 2009

Passare variabili ad una pagina statica

Con un semplice javascript è possibile passare variabili ad una pagina html statica. E' un caso mi rendo conto abbastanza "limite", perchè normalmente, per i passaggi di dati si utilizzano linguaggi di programmazione come ASP o PHP, ma qualche volta mi è capitato di doverlo utilizzare, e se dovesse servire a qualcun altro, lo pubblico in questo post.



Innanzitutto i campi di utilizzo:

come detto, sicuramente su siti statici, e per creare pagine che fungano da template, alle quali passare dati dinamicamente.

Un esempio:
In questo sito, il box delle news in home page, si collega a una pagina, newsInt.html , alla quale viene passato un valore alla variabile concatenata "Pag". Il valore corrisponde a un file txt che contiene codice html, importato tramite ajax nella pagina newsInt.


In pratica è possibile raggiungere con url diretti, contenuti che si generano, in una pagina template statica, a seconda della variabile "id" della pagina che si vuole aprire. Esattamente come avviene per un sito dinamico.

Inserite nell'header della pagina, o in un js esterno, questo javascript:


// JavaScript Document
function get_parametro(nome){
if(!window.location.search) {
alert("nessun parametro");
return false;
}
var qst = window.location.search.substr(1);
var dati = qst.split(/\&/);
var valore = '';
for (var i=0; i < dati.length; i++) {
var tmp = dati[i].split(/\=/);
if (tmp[0] == nome) {
alert("trovato parametro "+nome+" con valore "+tmp[1]);
return tmp[1];

}
}
//alert("parametro "+nome+" non e` presente nella query");
return false;
}

////

Nella pagina html inserite il javascript:

< script language="javascript" type="text/javascript" >

var str="id";
var n=get_parametro(str);

< /script >





provate poi a lanciare la pagina prima senza passare alcuna variabile e poi concatenandogli "?id=valore"



Clicca qui per vedere una demo


Continua...

mercoledì 10 giugno 2009

Framework javascript: quale scegliere?

Sviluppando, programmazione ASP e PHP a parte, tutto da solo, dalla grafica alla eventuale parte flash e actionscript, alla parte html, css e javascript, non ho mai avuto modo di avvicinarmi seriamente all'idea di prendere in considerazione l'utilizzo di un framework javascript.








Su HTML.IT ho trovato un bell'articolo, che vi riporto:

http://javascript.html.it/articoli/leggi/2127/panoramica-dei-framework-javascript



Fra quelli che mi hanno destato più interesse per lo sviluppo web, oltre al fatto non indifferente di essere gratuiti :) , ho trovato:


DOJO

Mochikit

Mootools

jQuery

YUI









Continua...

giovedì 28 maggio 2009

Tool per generare sitemap

Riporto un link utile per generare il file xml da inserire nella root del sito, utile per essere tracciati dai motori:

http://www.xml-sitemaps.com/




Altra interessante operazione per rendere più leggibile la mappa, è quella di dargli una sistemata con i css.

Questa è una soluzione che utilizza javascript e css: http://cssglobe.com/post.asp?id=903


Altra risorsa, da cui scaricare direttamente il file xsl: http://enarion.net/google/sitemaps/stylesheet/

Come si può vedere, è sufficiente inserire il seguente tag per associare il foglio di satile alla mappa, direttamentre sotto al tag di apertura dell'xml stesso:

< ?xml-stylesheet type="text/xsl" href="gss.xsl"? >




Continua...

Gli Sprite menu con i CSS

Le immagini sprite erano usate nei vecchi giochi della nintendo per evitare di dover caricare imamgini ogni volta che si susseguiva una scena.

Praticamente veniva caricata uan unica grande immagine che poi veniva spostata nella griglia di gioco alle coordinate opportune.

Sul web si vedono abbastanza frequentemente dei menu che usano tecniche simili, grazie ai CSS e alle immagini impostate como sfondo degli elementi di una lista non ordinata, a delle coordinate specifiche.

Tutto può essere poi reso più invitanter grazie agli effetti di movimento resi possibili dai metodi di librerie come jquery

Per saperne di più:

http://stylemeltdown.com/2007/10/22/image-sprite-navigation-with-css/#more-53
Continua...

martedì 19 maggio 2009

Tracciare i click e gli eventi in un filmato per inviarli a google analytics

L'argomento è ormai abbastanza noto. Lo riporto comunque perchè mi fa comodo averlo sotto mano ... :) e magari può far comodo anche a chiunque dovesse imbattersi nel mio blog....






Facciamo l'esempio di un sito flash monopagina html, il cui filmato in realtà presenta un sito completo, con tutti i vari link come se fosse un sito tradizionale. Essendo monopagina, non abbiamo chiamate a url differenti da quello che ospita il filamto. Quindi, nella normalità delle cose, Google analytics rileverebbe gli accessi ad una sola pagina, sballando di fatto utte le statistiche.

Supponendo di utilizzare il codice javascript di ultima generazione per le statistiche, ma il link che vi riporto sotto menziona anche il vecchio codice js, dentro a flash, non dovremo fare altro che chiamare, negli eventi e dai gestori desiderati, un javascript che invii una stringa al js di analytics.

Per esempio, se abbiamo nel filamto flash, tre pagine, home, prodotti, servizi, i bottoni della pulsantiera, riporterebbero:

var googlePage:Array=new Array("index.html", "prodotti.html", "servizi.html");


homeBtn.onRelease=function(){

getURL("javascript:pageTracker._trackPageview('/html/"+googlePage[0]+"');");

}

prodottiBtn.onRelease=function(){

getURL("javascript:pageTracker._trackPageview('/html/"+googlePage[1]+"');");

}

serviziBtn.onRelease=function(){

getURL("javascript:pageTracker._trackPageview('/html/"+googlePage[2]+"');");

}

Provate voi stessi, le statistiche tracceranno i click mostrando gli accessi a delle pagine html "virtuali" che si trovano nella cartella /html e hce si chiamano come gli indici dell'array.

Per sapenre di più: http://www.google.com/support/analytics/bin/answer.py?hl=it&answer=55520



Continua...

martedì 12 maggio 2009

Prototype e Scriptaculous per aggiornare i contenuti di una pagina

In questo post riporto invece un link a un bel tutorial che serve per realizzare menu e/o link che aggiornino i contenuti in un elemento di una pagina senza ricaricarla, con effetti di fading:

La risorsa è su blog.makernet
Continua...