Stai visualizzando i post con tag: Javascript

Top of the Blogs 15-2008

Il mio fido Google Reader è diventato una vera miniera d’oro.. vediamo quali sono stati i migliori post che ho trovato questa settimana:
11 Aprile

9 modi per far si che i tuoi visitatori ritornino, parte 1
40 risorse per sviluppatori JavaScript di Six Revisions
Napolux spiega la struttura dei permalinks in WordPress
Da Copyblogger, cosa abbiamo da imparare dai […]

Utili estensioni per Joomla

DT Billing [Commerciale] è un’estensione che permette di creare fatture online e consentire al cliente di pagarle attraverso Paypal e Authorize.net. E’ possibile creare un pagamento ed assegnarlo ad un utente registrato al sito, con tanto di data di scadenza, e stabilire delle penali per i clienti che non pagano in tempo, e molte altre […]

Nuove estensioni per Joomla!, solo per voi! (non è vero)

La prima estensione di cui parlo oggi, autoMetaDescSEO [GPL, solo per Joomla! 1.5], realizza una funzionalità molto SEO-oriented, ovvero prende la parte iniziale dell’articolo principale della pagina e la inserisce nel tag meta description della pagina XHTML, così da migliorare l’ottimizzazione per i motori di ricerca. Il valore di questo tag è molto importante in […]

Realizzare un crossfade con Scriptaculous

La libreria Scriptaculous permette di implementare in un lampo funzioni Javascript che potrebbero risultare complesse da scrivere da zero.
Vediamo ad esempio come realizzare un pratico e bello crossfade tra elementi di una pagina, dove l’evento che scatena il crossfade è l’attivazione di un link.
Prendiamo ad esempio due divs, posizionati uno sopra l’altro. Uno dei […]

Formattare il codice nelle pagine web

Spesso e volentieri i blog tecnici, come questo, riportano spezzoni di codice per illustrare delle funzionalità di un software oppure come eseguire una certa operazione. Il codice risulta però decisamente brutto a vedersi, formattato con i <pre> o semplicemente con un font monospace come courier.
Sarebbe utile poter formattare il codice come viene visto in un […]

Script.aculo.us, esempio di Effect.Appear ed Effect.Fade

La libreria Javascript Script.aculo.us permette di realizzare in modo estremamente semplice effetti grafici accattivanti. Vediamo ad esempio l’uso di Effect.Appear ed Effect.Fade per creare un sempice roll-over di immagini.
Creiamo un file XHTML contenente una lista ed alcune immagini. Il codice usato nell’esempio è
<html>
<head>
    <title>Esempio scripaculous</title>
    <script src=”scriptaculous/lib/prototype.js” type=”text/javascript”></script>
    <script src=”scriptaculous/src/scriptaculous.js” type=”text/javascript”></script>
    <script src=”scriptaculous/src/effects.js” type=”text/javascript”></script>
</head>
<body>
    <ul>
        <a href=”#” onclick=”new Effect.Fade ( […]

Che cos’è Script.aculo.us

Script.aculo.us (Scriptaculous) è una libreria Javascript che permette di estendere le funzionalità della user interface di un sito web, come illustrate nel seguente sito.
Essa è estende Prototype, un’altra famosa libreria Javascript.
Come funziona Script.aculo.us?
Scriptaculous si installa copiando alcuni files all’interno di una cartella del server, ad esempio js/, ed importandoli nel file xhtml con le istruzioni

<script […]

Css e pulsanti di submit form

Come fare in modo che un pulsante di submit form abbia uno stile diverso da quello di default?
Possiamo utilizzare un elemento button anzichè input, usando poi un css come
#registrazione form button {
cursor: pointer;
background: transparent url(images/button_0.gif) no-repeat center center;
}

#registrazione form button:hover {
background: transparent url(images/button_1.gif) no-repeat center center;
}
In questo modo il pulsante avrà una immagine predefinita e […]

Cos’è la Yahoo User Interface Library YUI JavaScript

La Yahoo! User Interface Library è una libreria di funzioni JavaScript sviluppata da Yahoo e messa a disposizione della comunità gratuitamente.
La libreria YUI si può trovare all’indirizzo http://developer.yahoo.com/yui. Essa è stata creata per avere una base di codice comune tra i diversi team di sviluppo all’interno di Yahoo, evitando di dover reinventare la ruota ogni […]

Gestire i PNG trasparenti in IE 5.5 ed IE 6

Per gestire la trasparenza delle immagini PNG con Internet Explorer si veda un Javascript che si trova a questo indirizzo.
Come si usa? Molto semplicemente, infatti basta copiare il file javascript fornito in download, ed incollare nell’head delle pagine web a cui vogliamo applicarlo una direttiva condizionale per IE.

Tags: Browsers, Grafica, Internet Explorer, Javascript, PNG, Web