News Box dinamico in Flash

- Letture: 6.621

News Box è un’applicazione in flash che ci permette di gestire un box con news e sfondi presi da un file XML esterno.

Questo box per news può essere mandato in loop tramite un timer che visualizzerà la news sucessiva.

Box News

E’ possibile inserire più canali, nell’esempio vediamo l’etichette Citycapes e Abstract, ma da file XML potremo creare altre categorie.

Come possiamo vedere il file XML è molto semplice:

<channel name="Cityscapes">
<item>
<title>Cloud Cover</title>
<abstract>This shot was taken near Rizal Park on Beacon Hill, overlooking downtown Seattle. This is pretty much how it looked, I bumped the saturation a bit...Nice night!</abstract>
<image>image7.jpg</image>
<link>http://interfacelift.com/wallpaper/details.php?id=1205</link>
</item>
</channel>

Inoltre ogni news può essere segnalata a un amico tramite una mail direttamente scritta dal box è inviata da una pagina preimpostata in php.

Fonte [Lewis Peel]

Scarica il sorgente
Guarda il Tutorial

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

155 Commenti

  1. come si cambiano i colori del menu e come si ridimensiona il tutto? mi servirebbe una larghezza di 620 px circa ….

  2. Un problemino.. innanzitutto bellissimo blog ti seguo gia da un po di tempo e testo anche io le varie applicazioni.
    oggi ho provato ad inserire il box nel sito internet, ma creando una nuova pagina
    ho trovato un errore..
    il filmato lo carica ovviamente, ma rimane in bianco e non da segni di vita..
    ovviamente i link e le posizioni sono giuste.. mi chiedevo come mai fosse successo questo.. avete qualche risposta ?

  3. niente.. adesso mi da filmato non caricato.. eppure i file ci sono tutti.. non capisco.. il flipbook è andato…

  4. complimenti davvero per le tue news! sempre ottime ispirazioni e codici utilissimi.Ho messo il tuo feed direttamente sotto a quello di smashing magazine e ho detto tutto ;-)

    ciao
    lorenzo

  5. @Michele nel file xml dove sta il nome della .jpg prova a mettere il percorso assoluto

    in genere tutti ti file dello zip per andare bene devono stare tutti nella stessa cartella.

    altrimenti, se hai possibilità di aprire il fla sul primo rigo, c’è un primo action script. Li c’è da modificare un percorso….

  6. gabriele

    il “Click here to view more” a me non funziona :-(
    Dovrebbe aprire una pagina esterna (vero?), ma non succede niente.
    il link si trova nell’xml, ma chi lo gestisce? Il fla o l’as?
    E per far funzionare la spedizione della mail con il file php cosa mi serve?

  7. A me il link funziona correttamente…

    Per la spedizione della mail vi è gia un file php non ti serve altro.

  8. Ti adoro mi serviva esattamente questo per un progetto che stò realizzando.
    Mi hai risparmiato una settimana di lavoro grazie mille :)

  9. Ciao Julius ti seguo da molto, e grazie ai tuo tool mi faccio un idea delle potenzialità di flash…
    Ora un dubbio da poco mi sono messo a smanettare sul news box dinamico e a parte l’utilizzo del link assoluto per visualizzare i collegamenti, vorrei sapere se è possibile apripre i collegamenti in uno specifico target, e se si come lo si può fare
    Grazie di esistere

  10. Ciao marco,

    cosa intendi per “apripre i collegamenti in uno specifico target” ?

    Intendi _self, _parent o _blank?

    Se fosse cosi ti basta modificare la funziona getURL che troverai nell’Action Script

  11. Grazie mille per il News Box, davvero bello ed utile.

    Vorrei chiederti una cosa, dove bisogna andare a cercare per cambiare i colori del menù a tendina e di quella specie di pulsante di visualizzazione blu?
    Ho provato nel fla, ma non ho trovato niente.
    Grazie ancora

  12. E’ tutto in progettazione, se non lo trovi controlla sotto i livelli maschera oppure direttamente nella libreria..

  13. eheh ero appena tornato per scrivere che ero riuscito a trovarlo nella libreria.
    A chi potesse interessare, dovete cercare “itemBtn” nella library e poi editarlo… da li ci son altri vari sotto livelli da cui potrete personalizzare il tutto.

    grazie ancora per il tuo utilissimo sito Julius

  14. Grazie Julius, a volte la soluzione è così semplice…
    ed io che stavo per mettere mani al xml e alla funzione dell’action sript per leggere il tag xml sul target!!!

    GRAZIE infinite :D

  15. Ho tradotto questo bel newsBox in italiano, quelle poche parole che c’erano, se a qualcuno interessa mi contatti pure.

  16. ciao Julius ti seguo da tanto, grazie per i tutorials sono ottimi. mi sapresti dire come faccio a fare sparire la funzioni dei due click per la mail , ossia , non voglio che si apra il box mail …grazie in anticipo (scusa gli errori sono brasiliano) :)

  17. :( ma nn ha funzionato…ho eliminato il send , ma il doppio click ce ancora e se apre la mail box…deve essere nello script del item btn ma nn so dove intervenire…:( qdo hai un po di tempo mi guardi di nuovo julius? grazie

  18. sono riuscito Julius!!! ho eliminato il on release del terzo frame e funziona !

    grazie di tutto , io visito il tuo sito al meno 5 volte alla settim e hai sempre qualcosa utile, hai molta passione in quello che fai! Auguri!

  19. Leonardo

    Ciao Julius ho scoperto da poco il tuo blog e devo dire che ho scaricato parecchie delle applicazioni qui presenti, compreso il newsbox, il quale funziona perfettamente, l’unica cosa che ti chiedo è come far sparire la scritta ‘click here to viev more’ che compare sempre sotto l’abstract. Ho provato ma non essendo molto pratico di xml e di flash ho paura di fare danni, puoi suggerirmi qualcosa?
    Un saluto e complimenti per il tuo lavoro

  20. ciao anche io ho lo stesso problema di leonardo..non riesko a togliere o rienominare il testo click here to viev more..julius sapresti darmi una dritta
    grazie in anticipo;)

  21. clip maintext primo fotogramma

    elimina le righe di codice da 83 a 90

    this.createTextField("click", this.getNextHighestDepth(), 0, oo, 143, 40);
    click.selectable = false;
    click.html = true;
    click.embedFonts = true;
    click.antiAliasType = "advanced";
    click.htmlText = "Click here to view more";
    click.setTextFormat(fontDesc);
    makeBack(currentClip="click", id="click");

  22. complimenti al creatore e a chi con il suo contributo ci dà modo di personalizzare il programma..
    2 domande.. è di libero uso?
    vorrei ingrandire la dimensione dei caratteri (secondo me troppo piccoli)
    relativi al testo contenuto nel file slideShow.xml:
    dove devo modificare?

  23. si è di libero uso…

    Prova a vedere in progettazione selezionando i campi di testo dinamici e impostarli a tuo piacimento colori e dimensioni..

  24. Ciao Julius, grazie per questo magnifico tool.
    Purtroppo ho un problema: inserendo il file swf da Dreamweaver quando vado a provare l’anteprima mi rimane bianco con scritto loading news stories e rimane lì.

    mi sapresti dare un suggerimento?
    Grazie

  25. grazie julius son riuscito a sistemare e modificare quasi tutto tranne un paio di cose: il “click here to view more” non riesco a trovarlo all’interno del .fla per tradurlo in italiano, e nel box per l’email anche traducendolo in italiano se ci clicco su poi ritorna la scritta in inglese.

    Spero tu possa aiutarmi, grazie :)

  26. ultimissima cosa, per fare in modo che si riesca ad aprire la notizia nella stessa pagina cosa bisogna modificare nell’.as? perchè non riesco a trovare il geturl

  27. @chris ciao

    per la scritta click here to view more

    clip maintext primo fotogramma

    modifica la scritta

    this.createTextField("click", this.getNextHighestDepth(), 0, oo, 143, 40);
    click.selectable = false;
    click.html = true;
    click.embedFonts = true;
    click.antiAliasType = "advanced";
    click.htmlText = "Click here to view more";
    click.setTextFormat(fontDesc);
    makeBack(currentClip="click", id="click");

    Per il getUrl, torna sullo stage, clicca sulla timeline e premi CTRL+F

    in questo modo puoi effetturare una ricerca globale

    ti basterà inserire geturl e scoprirati dove sia la funzione ed eliminare il _blank

  28. Marcello

    Scusate sono alle prime armi..potete spiegarmi come si inserisce questo?
    Scaricare il codice sorgente e poi?
    Quali passaggi?…Un grazie in anticipo

  29. Marcello

    Ciao Julius, e grazie per la pronta risposta,letto l’articolo.
    Io utilizzo Dreamweaver,ma ho provato anche con la pagina HTML,ma non gira.(premetto che lo vorrei aggiungere in un blocco personalizzato io utilizzo un CMS che permette di inserire pagine sia html che php)
    Vorrei inserire i vari passaggi per procedere,anche se noiosi ma utili anche magari per altri come me meno esperti.
    In pratica scarico la sorgente, e ci trovo 8 foto jpeg,un file per la mail.php ,un file mc_tween2, un file newsbox filmato flash,un file newsbox documento flash,un file slideshow.XML.
    Ho creato una cartella chiamata es: pippo e caricata sul server contente tutti i file della sorgente,apro con dreamweaver una nuova pagina html e faccio copia e incolla il codice nel boby ,faccio naturalmente le modiche consigliate dalla guida,chiamo il file newsbox.html e lo carico nella cartella pippo.Ma mi esce un rettangolo bianco ,sia in locale che su server.Dove sbaglio?..spero di riuscirci è troppo bello questo box in flash.

Commenti