HOME
Home

Contatti

TRUCCHI E MALIZIE IN BREVE


L'immagine musica.gif che compare nella popup è stata tratta dal sito megghy.com


ARGOMENTI COLLEGATI

Finestre popup
Tutte le opzioni per le finestre popup

Player in una popup

Domanda

Devo realizzare una pagina web con un semplice pulsante per far ascoltare non a caso ma ogni singolo brano mp3 o midi.
Sul vostro sito molto interessante esiste uno script per la riproduzione a caso. Mi servirebbe una cosa più semplice per una riproduzione singola da un elenco in una finestra popup

Risposta

Abbiamo già spiegato come creare un jukebox in una pop up, oltre che come riprodurre musica a caso in una pop up; in questo caso invece la popup si deve aprire quando l'utente fa clic su un elemento di una lista che si trova sulla pagina principale.
Nel web si trovano molti player che sono veramente belli ma che, tuttavia, sono realizzati in flash. Noi invece possiamo preparare un player abbastanza spartano dal punto di vista estetico, ma che comunque funziona.

Ed ecco l'esempio funzionante:

Clicca sull'altoparlante posto prima di ogni brano per ascoltarlo.
L'anno che verrà
James Bond
Demo

Segue il codice javascript, da inserire fra i tag <HEAD> ... </HEAD>:

Come si vede, nello script è presente la funzione suona(nome, brano) che ha due parametri: il primo è il nome del brano, mentre il secondo è l'indirizzo del brano stesso. Per richiamare la funzione basta inserire degli opportuni collegamenti sulle immagini degli altoparlanti.
Ad esempio, nel caso del brano l'anno che verrà abbiamo scritto:

<a href="javascript: suona('l\'anno che verrà','anno.mid')">
<img src="alto1.gif" width=20 height=19 border=0></a>

Se aggiunge un link al nostro sito ci fa veramente piacere.


Precedente          Indice           Successivo

Vuoi approfondire il linguaggio HTML?
Usa la nostra
GUIDA AL LINGUAGGIO HTML per cani, gatti e non solo!


Cerchi un argomento particolare di HTML?
Accedi all'INDICE DETTAGLIATO


Cerchi un trucco complesso?
La nostra sezione
TRUCCHI E MALIZIE
fa proprio al caso tuo!


Altrimenti, usa la ricerca di GOOGLE, magari a partire dal nostro sito!

Google