http://blog.DoZarte.com


Archivio della Categoria 'Script'

Come aprire i link esterni in una nuova finestra

Venerdì 29 Agosto 2008

IMG_1174
Creative Commons License photo credit: klvinci

C’è chi pensa che sia più corretto che i link presenti in un sito non aprano mai nuove finestre, chi invece la pensa diversamente, come me.
Io credo che i link che puntano a risorse e pagine esterne al sito di origine dovrebbero aprirsi in nuove pagine, dando la possibilità al navigatore di continuare ad esplorare il nuovo sito mantenendo vivo il collegamento con il sito di origine; una specie di target=_blank automatico, per capirci.

Avendo già visto una maniera per fare questo in modo coercitivo, vediamo ora come dare la possibilità all’utente di scegliere se aprire o meno i link esterni in nuove finestre.

(more…)

CSS diversi per browser diversi

Martedì 19 Agosto 2008

browsers-logos, CSS diversi per browser diversi

Sarebbe bello disegnare/programmare un sito e vederlo uguale in ogni computer.
Purtroppo non è così, perché non ancora tutti browser interpretano il codice (soprattutto CSS) alla stessa maniera, e dipende a volte anche dal sistema operativo.

Le statistiche ci dicono pressappoco che il 64% dei navigatori viaggia su Windows+Explorer e il 24% usa Windows+Firefox, quindi abbiamo ancora un bel motivo per preoccuparci di come Internet Explorer visualizza il nostro sito.

Un trucchetto che permette un’impostazione rapida e indolore, se vogliamo che il nostro CSS scelga “solo” tra Firefox, Explorer 6 o 7.

{
height: 15px;
#height: 15px;
_height: 21px;
}

La prima riga viene applicata a tutti i browser.
La seconda viene vista solo da Internet Explorer.
La terza viene applicata solo a Internet Explorer 6 o precedente.

Conditional CSS

Conditional-CSS è uno strumento che permette a chi usa i CSS di usare la logica condizionale (”if“) per indicare diversi comandi CSS per diversi browser o gruppi di browser.
Ad esempio…

a {
[if lte Gecko 1.8] display: -moz-inline-stack;
[if lte Konq 3.1] float: left;
[if IE 5.0] margin-top: -1px;
[if IE] text-decoration: expression(hideFocus='true');
}

(more…)

Come personalizzare check box e radio button nei form html

Lunedì 4 Agosto 2008

PrettyCheckboxes è uno script jQuery per coloro che vogliono migliorare il look delle proprie pagine html, ma non solo: anche dei propri form: checkbox e radio button.
È stato testato su Firefox 2+, Opera 9.5, Safari 3.1.1 e Internet Explorer 6+.

(more…)

Come integrare un antispam nei nostri form php

Mercoledì 30 Luglio 2008

230px-SpamInACan, Come integrare un antispam nei nostri form php

Seguendo l’idea che sta alla base di Hiddy, mi sono fatto il mio personale antispam.

Il mio form di solito si compone di un singolo file PHP dove c’è tutto dentro: il form vero e proprio e il codice PHP che serve a spedire l’email.
L’idea alla base di Hiddy, per chi non lo sapesse, è di accantonare captcha vari per qualcosa di molto più semplice, che - detto terra-terra - lo metta  in quel posto agli spam-bots!

I robot che spammano riempiendo tutti i form che trovano nel web seguono una semplice regola: riempi tutti i campi del form prima di spedirlo.
BENE! Basandoci su questo semplice presupposto basta inserire un campo testo che non deve essere riempito per poter validare il form!

(more…)

Creare puzzle da un’immagine, in javascript

Martedì 22 Luglio 2008

teaser, Creare puzzle da unimmagine, in javascript

jqPuzzle è uno plugin per jQuery che permette di creare, a partire da una immagine a scelta, un puzzle “a scivolamento” (se qualcuno sa una definizione migliore me la dica che non la so!), cioè quei giochini in cui bisogna ricomporre l’immagine originale a partire da una sua versione spezzettata e rimescolata!

(more…)