Nel tutorial di oggi vedremo come realizzare un menu dinamico in Flash e PHP.

Menu dinamico in flash

Per prima cosa realizzeremo, in Flash, un primo livello dove inserire una MovieClip con nome di istanza “menu“.

All’interno di questa MovieClip ne realizzeremo un’altra con nome di istanza “sfondo“. Colorando quest’ultima MovieClip daremo il colore al nostro menu.

Su un livello superiore inseriremo 4 campi di testo con nome di istanza “titolo“, “link1“, “link2” e “link3“. Il primo conterrà il titolo del menu e gli altri tre le voci che comporranno il nostro menu.

Rendiamo i campi di testo HTML

menu dinamico flash

..e se vogliamo usare un font particolare incorporiamo i caratteri necessari.

incorpora caratteri

Su un livello superiore inseriremo tre aree attive a cui daremo nome di istanza “tasto1“, “tasto2” e “tasto3” (che fantasia 😉 ).

area attiva flash

A queste tre aree attive corrisponderanno tre link a tre url o pagine web.

A questo punto analizziamo il file di configurazione del menu realizzato in PHP:

<?php

//Titolo del menu
$titolo = “MENU”;

//Colori
$menu_color = “0x336699”;
$title_color = “0xFFFF00”;
$links_color = “0xFFFFFF”;

//Labels delle voci del menu
$label1 = “Home”;
$label2 = “Feed RSS”;
$label3 = “Contattami”;

//Links da associare alla voci del menu
$link1 = “http://www.emawebdesign.com”;
$link2 = “http://feeds.feedburner.com/emawebdesign”;
$link3 = “http://www.emawebdesign.com/contattami”;

echo “&titolo=” .$titolo;

echo “&menu_color=” .$menu_color;
echo “&title_color=” .$title_color;
echo “&links_color=” .$links_color;

echo “&label1=” .$label1;
echo “&label2=” .$label2;
echo “&label3=” .$label3;

echo “&link1=” .$link1;
echo “&link2=” .$link2;
echo “&link3=” .$link3;

?>

Dopo aver settato tutte le variabili a nostro piacimento, verranno inviate al Flash con il comando echo scrivendo la variabile nella forma &variabile=contenuto.

Possiamo adesso inserire nel Flash un ulteriore livello dove inseriremo (sul fotogramma) il seguente codice ActionScript:

var loadData = new LoadVars();
loadData.onLoad = function (success) {
if (success) {

titolo.htmlText = this[‘titolo’];

_global.menu_color = this[‘menu_color’];
_global.title_color = this[‘title_color’];
_global.links_color = this[‘links_color’];

link1.htmlText = this[‘label1’];
link2.htmlText = this[‘label2’];
link3.htmlText = this[‘label3’];

_global.url1 = this[‘link1’];
_global.url2 = this[‘link2’];
_global.url3 = this[‘link3’];

var my_color:Color = new Color(menu.sfondo);
my_color.setRGB(_global.menu_color);

var text_format:TextFormat = new TextFormat();
text_format.color = _global.title_color;
titolo.setTextFormat(text_format);

var text_format2:TextFormat = new TextFormat();
text_format2.color = _global.links_color;
link1.setTextFormat(text_format2);
link2.setTextFormat(text_format2);
link3.setTextFormat(text_format2);

} else {
trace(“Load error!”);
}
}
loadData.load(“menu_config.php”);

tasto1.onRelease = function() {
getURL(_global.url1);
}

tasto2.onRelease = function() {
getURL(_global.url2);
}

tasto3.onRelease = function() {
getURL(_global.url3);
}

Con la funzione LoadVars caricheremo dal file PHP menu_config.php tutte le variabili e le riceveremo nel Flash nella forma variabile = this[‘variabile_caricata’]; Con la funzione setRGB coloreremo il menu e con setTextFormat i campi di testo.

A questo punto, per completare i pulsanti, possiamo associare ad ogni istanza il comando getURL che punterà alla URL contenuta nella rispettiva variabile.

Scarica il file di esempio e prova a modificarlo. Se hai domande commenta il post o non esitare a contattarmi. Al prossimo tutorial!

http://www.emawebdesign.com/wp-content/plugins/downloads-manager/img/icons/winzip.gif download: MenuDinamicoFlash (6.41KB)
added: 31/05/2008
clicks: 1958
description: Menu dinamico in Flash

NO SPAM. Non fornirò la tua email a terzi e riceverai solo contenuti che ti interessano sugli argomenti che tratto e potrai cancellarti quando vuoi con un link che trovi in tutte le email.