Fare internet – il blog di webtocom.com

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su FriendFeed Seguici su Twitter      Iscrivita ai nostri Feed      Mandaci una mail

Il tag article dell’HTML 5

Scritto da Fare-internet il 7 marzo 2013

Nella versione 5 dell’HTML sono stati introdotti alcuni nuovi tag, un di questi è il tag article.
Questo tag è stato pensato per racchiudere informazioni indipendenti e “autosufficienti”, cioè che potrebbero essere estrapolate dalla pagine sensa perdere il loro contenuto informativo.
Read the rest of this entry »

Tag: , ,  

HTML: i tag per i titoli (h1,h2,…,h6)

Scritto da Fare-internet il 13 novembre 2012

I tag per il titolo sono dei tag molto importanti del linguaggio html. Abbiamo a disposizone 6 diversi tipi di tag per assolvere questo compito.
I tag in questione sono <h1>, <h2>,<h3>, <h4>, <h5>,<h6>. Il fatto che siano composti dalla lettera h seguita du un numero compreso tra 1 e 6 è dovuto al fatto che la parola titolo in ingelse si dice h.
Quindi abbiamo l’iniziale della parola inglese e dei valori che ne indicano la rilevanza.
Read the rest of this entry »

Tag: , ,  

Contare i caratteri mancanti in una textarea con jQuery

Scritto da Fare-internet il 26 novembre 2010

Spesso capita che vogliamo inserire nelle nostre textarea un sistema per contare quanti caratteri mancano ad un determinato limite.
Questa situazione, ad esempio, può capitare quando vogliamo fare inserire un commento e non vogliamo che sia troppo lungo.
Altro caso classico è quello dei sistemi di microblogging in cui il singolo post non può superare una data lunghezza (Es. Twitter).
In questa pagina vedremo come si può costruire usando jQuery.

Supponiamo che il numero di caratteri massimo che vogliamo consentire di inserire in una textarea sia 160, prima di procedere con il codice però una piccola precisazione, noi useremo in tutti gli esempi una textarea, perchè ci sembre la più indicata, ma il codice che proponiamo funziona anche con i textfield.
Read the rest of this entry »

Javascript: controllare se un radio button è spuntato.

Scritto da Fare-internet il 19 novembre 2010

Vediamo una semplice funzione javascript che ci consente di controllare se un radio button è spuntato.

Questa funzione prende come pametro l’oggetto radio da analizzare e ritorna true se uno dei radio button è spuntato altrimenti ritorna false.
La modifica per passare il nome del radio non è difficile, basta utilizzare il metodo javascript getElementsByName() .

Read the rest of this entry »

jQuery: Abilitare e disabilitare un elemento

Scritto da Fare-internet il 4 novembre 2010

jQuery mette a disposizione numerosi metodi per la manipolazione degli elementi dell’HTML, ma non esiste un metodo specifico per abilitare o disabilitare bottoni, campi di testo o aree di testo.
 
Per ottere questo risultato si devono utilizzare altre strade, nulla di complicato, dobbiamo semplicemente agire sull’attributo disabled.
 
Una demo può essere vista all’indirizzo: http://demo.studio-88.it/formDemo/disable.php
Read the rest of this entry »

PHP: creare una select con un ciclo for.

Scritto da Fare-internet il 3 novembre 2010

Spesso nei nostri siti ci capita di dover utilizzare delle tendine (HTML select) con un numero abbastanza sostanzioso di option, basti pensare alla tendina per selezionare il giorno del mese o l’anno di nascita, è ovvio che dover scrivere decine di valori non è comodo e soprattuto possiamo incorrere in qualche errore.
 
Per questo è sicuramente molto più comodo e veloce utilizzare il PHP creare questi select.
 
Vediamo qual’è il codice da scrivere ad esempio per realizzare una tendina con il numero dei giorni in un mese:
Read the rest of this entry »

Tag: , , ,  

HTML5: il tag Audio.

Scritto da Fare-internet il 2 novembre 2010

AudioL’HTML5 oltre al tag video introduce un alro nuovo tag, il tag audio. La funzione di tale tag è abbastanza ovvia, consente l’inserimento di file sonori all’interno delle pagine web.

Anche qui l’idea di fondo è quella di separare l’esecuzione di file audio da eventuali plugin (sempre i soliti: Flash Player, QuickTime, Media Player e così via).
L’utilizzo del tag è molto semplce, si definisce mediante l’attributo src il file sorgente ed il gioca è fatto (questa è la versione minimale).

Ecco un semplice esempio:

<audio src="audio.ogg" controls="controls">
Il tuo browser non supporta il tag audio
</audio>

Read the rest of this entry »

Tag: , ,  

HTML5: il tag video

Scritto da Fare-internet il 29 ottobre 2010

VideoL’HTML5 introduce una discerta quantità di novità, una di queste è sicuramente l’aggiunta del tag video.

L’idea di fondo è quella di svincolare la visualizzazione dei video da plugin esterni come Flash Player o il devastate QuickTime, solo per citarne due.

Si sarebbe anche potua auspicare una standardizzazione, ma in realtà non è avvenuta e i tipi di filmato supportati son due, ovviamente non alternativi, infatti il formato Ogg è supportato da Firefox, Opera e Chrome, mentre l’MPEG 4 è supportato da Chrome e Safari.

In ogni caso a prescindere dal formato il tag video è ugale per entrambi, ecco un esempio chiarificatore dell’utilizzo del tag video :

<video src="myMovie.ogg" width="320" height="240" controls="controls">
Il tuo Browser non supporta  il tag video
</video>

Read the rest of this entry »

Tag: , , ,  

HTML: le liste puntate e numerate.

Scritto da Fare-internet il 28 ottobre 2010

L’HTML ci mette a disposizione dei tag per la realizzaizone di liste puntate e numerae.
Le liste puntate sono quelle liste in cui ogni elemento della lista è preceduto da un simbolo (solitamente un punto), le liste numerate sono quelle in cui gli elementi sono precedute da un numero progressivo. Probabilmetne questa definizione è abbstanza nota, come è noto quali sono i tag per le liste in html:

<!–lista puntata–>
<ul> <!–Unordered List da cui ul–>
        <li>elemento lista</li> <!–List Item da cui li–>
        <li>elemento lista</li>
        …
        <li>elemento lista</li>
</ul>
<!–lista numerata–>
<ol> <!–Ordered List da cui ol–>
        <li>elemento lista</li>
        <li>elemento lista</li>
        …
        <li>elemento lista</li>
</ol>

E fino a qui siamo ancora nel noto, però ci sono altre cosette che potrebbe essere utilie sapere:
Read the rest of this entry »

Tag: , ,  

HTML: il form questo sconosciuto

Scritto da Fare-internet il 20 ottobre 2010

HTML: il form questo sconosciuto
Uno dei tag fondamentali dell’HTML è sicuramente il form, tanto è importante quanto poco conosciuto rispetto ad altri tag.
Un forma (in italiano potremmo tradurre con modulo) è uno dei principali sistemi di interazione tra utente e sito, infatti selezionando da una tendina, scrivendo qualcosa dentro un campo di testo, spuntando un checkbox e premendo “invio” possiamo mandare dei dati al server che li elabora e ci da una risposta attinente alla nostra domanda.
Da questo ne deriva che per stabilire un interazione tra utente e pagina è auspicabile conoscere e saper usare i form.

Ora andremo a vedere un form nella sua versione “atomica”, ma prima notiamo che un form sensato non esiste da solo, ma accoppiato ad un’altra pagina che elabora i dati che le abbiamo inviato.
Tutto quello che vogliamo passare da una pagina all’altra deve essere contentuto tra i due tag from (aperto e chiuso)

<form action="pagina che riceve i dati" method="get o post">

</form>

Read the rest of this entry »

I posti più popolari