HTML FORM checkbox list (Array) via GET a PHP

A volte capita di avere una lista di checkbox da voler inviare ad una pagina php

Si fa così:
HTML
<br /><form name="myform" method="get"><br /> <input type="checkbox" name="field[]" value="pippo"><br /> <input type="checkbox" name="field[]" value="pluto"><br /> <input type="checkbox" name="field[]" value="paperino"><br /></form><br />

Se clicco su pippo e paperino la mia GET sarà la seguente:

http://pagina.php?field[]=pippo&field[]=paperino


Per inserire l'array in una variabile PHP
PHP
<br />$fields = $_GET['field'];<br />//Già che ci siamo li vediamo anche :-P <br />foreach ($fields as $item)<br />{<br /> echo '<p>'.$item.'</p>';<br />}<br />

Divertitevi :D

Poste controllare le raccomandate (widget)

Gentili ospiti ecco un widget che vi permette di aggiungere al vostro sito la possibilità di ricercare le raccomandate attraverso il portale delle poste:


Per inserirlo nel tuo sito o blog aggiungi il codice sotto:
<iframe title="Poste Dove Quando" src="http://www.spingitori.net/avariato/poste-dovequando-raccomandata/" width="350" height="240" frameborder="0"><p>Spiacente ma il tuo browser non sOpporta gli iframe!</p></iframe>

Mi raccomando!

Disabilitare il COMPLETAMENTO AUTOMATICO

Il completamento automatico dei campi di un form può essere di grande utilità ma a volte potrebbe essere una gran scocciatura. Lavorando ad uno script in stile google suggest mi son trovato davanti una bella rogna: l'autocompletamento (i suggerimenti delle parole) del mio browser. La prima cosa che mi è saltata in mente è stata quella di utlizzare javascript ed invece:

<form action="gotohell.php" method="post"autocomplete="off">

Basta impostare ad off la proprietà autocomplete della form e niente più scocciature.

CSS background image

Quando si va ad impostare un'immagine di sfondo da css e tale immagine è collocata in un altra cartella si devono inserire due punti per indicare il persorso di root (la radice del nostro sito).
Ad esempio:

body{
background-image: url('../img/sfondo.gif');
}

Già che ci sono vorrei segnalare anche l'eventuale necessità di inserire un'immagine di sfondo e contemporaneamente dare un colore di sfondo.

body{
background: #000000 url('../img/sfondo.gif');
}

Per un esempio più completo e forse utile:

body{
/*immagine di sfondo*/
background-image: url('../img/sfondo.gif');
/*non ripetere l'immagine ne in verticale ne in orizzontale*/
background-repeat: no-repeat;
/*setta il nero come colore di sfondo*/
background-color: #000000;
/*centra l'immagine*/
background-position: center;
/*Il set dell'altezza e della larghezza servono per dare un riferimento alla position*/
/*Altezza*/
height: 600px;
/*Larghezza*/
width: 800px;
}

Google Page Creator

Per chi volesse creare il proprio sito con annesso e connesso un dominio gratis ecco la soluzione giusta direttamente dai laboratori di Google:

Google Page Creator

Creare un sito e' veramente uno scherzo.
Certo si parla di siti statici ma tra virgolette...
Si integra perfettamente (e vorrei anche vedere) con tutti gli strumenti google, foto di picasa, i Gadget di iGoogle.
Non bisogna dimenticarsi che se non ci piacciono i template possiamo sempre editare l'html!

Veramente un bello strumento!!!

Aptana - IDE per javascript e non solo

Ambiente favoloso e per chi già ha esperienza su Eclipse immediato ed essenziale. Aptana un IDE completo ma soprattutto Open. Come si legge nell'home page "facciamo applicazioni Ajax facili da sviluppare, veloci da distribuire e semplici da gestire" è quanto potrete riscontrare installandolo. Come il padre Eclipse anche lui ovviamente in java e di conseguenza cross platform anzi molto cross platform.

Web: http://www.aptana.com/

Tabella multifunzione (selezione celle)

Il progetto Tabella va avanti, aggiunte notevoli funzionalità tra cui quella della selezione delle righe che vi metto a disposizione:


Sono state implementate le funzionalità più comuni per la selezione e quindi:

• selezione esclusiva con il click del mouse;
• selezione multipla con combinazione Ctrl + Mouse;
• selezione in cascata con combinazione Shift + Mouse;
• selezione/deselezione di tutte le righe.

In questa versione ho mantenuto lo scroll ed il ridimensionamento delle colonne. In aggiunta in basso a destra una piccola status bar vi informa della selezione corrente.

Per scaricare il rar con l'esempio: DOWNLOAD.

Clicca qui per vedere la demo della tabella.

Elenco numerato tag OL

Come creare un elenco numerato o simile in html con il tag OL:

<ol>
<li>primo elemento dell'elenco</li>
<li>secondo elemento dell'elenco</li>
<li>terzo elemento dell'elenco</li>
</ol>


il risultato sarà:

1. primo elemento dell'elenco


2. secondo elemento dell'elenco


3. terzo elemento dell'elenco

Possiamo personalizzare il nostro elenco con l'attributo TYPE:

<ol type="a">
<li>primo elemento dell'elenco</li>
<li>secondo elemento dell'elenco</li>
<li>terzo elemento dell'elenco</li>
</ol>

il risultato sarà:

1. primo elemento dell'elenco


2. secondo elemento dell'elenco


3. terzo elemento dell'elenco

TYPE può avere i seguenti valori:

• "a" elenco in lettere minuscole;
• "A" elenco in lettere maiuscole;
• "i" elenco in numeri romani minuscoli;
• "I" elenco in numeri romani maiuscoli;
• "1" elenco numerato di default.

Cmq l'uso di tale attributo, come COMPACT e START, è sconsigliato oltre che non supportato da linguaggi quali XHTLM nell'1.0 Strict DTD.

Aggiungendo START settiamo il valore di partenza dell'elenco:

<ol type="a" start="2">
<li>primo elemento dell'elenco</li>
<li>secondo elemento dell'elenco</li>
<li>terzo elemento dell'elenco</li>
</ol>

il risultato sarà:

2. primo elemento dell'elenco


3. secondo elemento dell'elenco


4. terzo elemento dell'elenco

Elenchi nidificati:

<ol>
<li>primo elemento dell'elenco</li>
<li>secondo elemento dell'elenco</li>
<ol>
<li>primo elemento dell'elenco nidificato</li>
<li>secondo elemento dell'elenco nidificato&</li>
</ol>
<li>terzo elemento dell'elenco</li>
</ol>

il risultato sarà:

1. primo elemento dell'elenco


2. secondo elemento dell'elenco




1. primo elemento dell'elenco nidificato


2. secondo elemento dell'elenco nidificato




3. terzo elemento dell'elenco

Inoltre è possibile applicare l'attibuto TYPE direttamente al tag <li>; valgono gli stessi valori sopra elencati per l'elemento <ol> in più:

• "disc" elenco puntato con puntatore a forma di disco;
• "circle" elenco puntato con puntatore a forma di cerchio vuoto;
• "square" elenco puntato con puntatore a forma di quadrato.

<ol>
<li type="circle">primo elemento dell'elenco</li>
<li type="disc">secondo elemento dell'elenco</li>
<li type="square">terzo elemento dell'elenco</li>
</ol>

il risultato sarà*:

1. primo elemento dell'elenco


2. secondo elemento dell'elenco


3. terzo elemento dell'elenco

*non compatibile con IE7