News Box dinamico in Flash

- Letture: 6.603

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. io ho un problemino con il ridimensionamento..ho letto che sarebbe sufficente cambiare i parametri da progettazione..ma a dire il vero cosi facendo mi pare scombussoli proprio il modulo…qualcuno ha idee?grazie!

  2. ciao julius…dunque io dovrei inserire questo modulo in un box e mi servirebbe non piu ampio di 400-450 px.
    Volevo sapere in generale come si può ridimensionarlo (se c’è un modo) in modo da adattarlo alle differenti esigenze di ogni sito!
    grazie :)

  3. Per ridimensionare questo box babsta addattare i veri oggeti da progettazione…

    cosa intendi per “in modo da adattarlo alle differenti esigenze di ogni sito

    Devi metterlo mica a tutto schermo?

  4. eh eh mi son espressa malino devo ammetterlo :P
    Intendevo chiederti appunto come ridimensionarlo di volta in volta in base allo spazio disponibile in una determinata pagina!
    Quindi da dove comincio per ridimensionare i componenti?Ogni volta che devo metter mano a un file flash ho paura di scombussolare tutto!
    grazie!!

  5. Se ridimensioni tutto ovviamente potresti ridimensionare testi rendendoli illeggibili

    Quello che ti consiglio si fare e ridimensionare il tutto entrando nei clip principali e non ridimensionando direttamente il clip principale

  6. ciao Julis..
    ho presto questo flash per un’esigenmza per un sito…è bello ed utile..ma ho un problema con un menu a tendina a lato…la tendina mi finisce sotto allo stesso.
    ho provato con :

    dentro al codice flash ma niente..cosa posso escogitare per baipassare questo problema??

    grazie
    Emilio

  7. Ciao julius
    in pratica io ho questo movie flash al centro della home page, sulla sx ho un blocco in css dove al suo interno ho un menu semrpe in css…a cascata, cioè con padri e figli..che escono e si allungano nella pagina stessa….
    purtroppo i sotto menu mi finiscono sotto al flash…e nn sopra!
    ho usato:

    ma purtroppo nn funziona….

    cosa posso fare??

    grazie Emilio

  8. julis ho risolto :D tutto ok … ho definti i parametri giusto e il codice giusto di object.
    problema risolto!

    grazie

  9. Scusate, forse sono un po stupido io, ma non ho capito da dove posso modificare i parametri delle dimensioni, parlate di “progettazione” ma dove posso agire esattamente?
    Su quali clip del .fla?su quali oggetti?

    Grazie per l’attenzione.

  10. Ciao j0k3r i clip su cui devi intervenire sono quelli principali…

    ad esempio se devi modificare la struttra dove ci sono le news, basta che modifichi le dimensioni del clip specifico tutto qui

  11. Perfetto, sono riuscito a ridimensionare il filmato, grazie.

    Avrei altre due domande:
    1- come posso fare in modo che le news siano piu di 4 avendo ridimensionato il filmato per 5 news?

    2- come posso spostare piu in basso le scritte visualizzate sopra all’immagine?

  12. Ciao Julius e complimenti per il tuo sito e per quello che fai.
    Volevo chiederti se è possibile fare in modo che altre persone su altri siti possano vedere le news scaricando solo un codice (qualcosa tipo embed su Youtube).
    In questo modo modificando le news sul file XML altre persone che dovessero scaricare il codice embed potrebbero essere aggiornate in tempo reale sulle novità.

  13. @max certo che si puo fare…

    Diciamo che anche dando un link assoluto al tuo swf sarebbe la stessa cosa..

    una volta che lo modifichi, il tempo che la cache si aggiorni, l’utente vedrebbe gli aggiornamenti

  14. Ciao Julius.
    Fantastico, funziona!
    L’unica cosa che non quadra è che non carica le immagini.
    Ho provato a mettere il percorso assoluto nel file xml ma non va.
    Secondo te da cosa può dipendere?
    Grazie mille!

  15. Come non detto.
    Avevo sbagliato ad inserire il link di riferimento nel file XML.
    Funziona tutto!
    Grazie mille!

  16. Hi Julius
    congratulations on the great work.
    I was trying to use it with portuguese characters, like Ç or à and it doesn’t display them. Any ideas?

  17. Ciao Julius
    I thought of it, but I did it in wordpad and it didn’t work. Now I did it on notepad and it works. But if I add the line i get UNDEFINED in all the fields.

  18. Ciao Julius, innanzitutto grazie per l’aiuto e le cose che posti.

    Ho scaricato il box e l’ho riadattato per farlo entrare in un sito, ma ci sono un paio di cose che proprio non riesco a far funzionare.

    – la prima riguarda il menu a tendina, non riesco a trovarlo e a spostarlo… Sono riuscito a trovare in una cartella chiamata “menu button” nella library le 3 parti che formano i bottoni, ho provato a muoverli e con un po di spostamenti riesco a sistemarli dove voglio, il problema però è che non trovo dove spostare il testo del menu a tendina… Come posso fare o dove lo trovo?

    – il secondo problema riguarda la mail, ho ridimensionato e spostato il mio box, e alla fine quando clicco su send mail e poi torna a news la pagina delle news ritorna decentrata verso l’alto. In che modo posso risolvere?

    Grazie per l’aiuto, e scusa per il disturbo

  19. @Pen ciao

    – qual’è sarebbe il menu a tendina?

    – controlla di non aver spostato nessun clip, mi sembra strano questo movimento…

  20. – quello in alto sopra le immagini, “channel” all’interno dell’XML.
    Con titolo Cityscapes e Abstract sul file che hai postato.
    Non riesco proprio a trovare il modo per spostare il testo…

    – Mm non sò bene cosa intendi per aver spostato i clip. Di fatto ho spostato quasi tutto per sistemare il box nella posizione che volevo. Tutto funziona bene tranne che quando premo “torna a news” la posizione non è corretta.
    Cmq questa è una cosa secondaria.. il vero problema è il trovare il modo giusto per spostare il menu a tendina :(

    Grazie per l’aiuto

  21. Nel clip mainTExt trovi i campi dinamici creati in AS

    Dove vedi il richiamo di createTextField puoi impostare delle precise coordinate

  22. michelino

    Ciao Julius,io dovrei eliminare la transizione che c’è tra una news e l’altra,cioè vorrei evitare che le immagini vadano da destra a sinistra e viceversa,mi interesserebbe mettere una dissolvenza cosa devo fare?

    Faccio un’altra domanda,se al posto delle immagini volessi far caricare degli swf,cosa faccio? Ho provato a sostituire nel xml le riche dove vengono caricate le jpg con swf ma niente.

  23. michelino

    Ho un’altro piccolo problema,nei pulsanti di destra come posso fare per far si che mi venga il titolo es:CLOUD COVER ed un sotto titolo:bellissimo wallpaper

  24. Scusate mi potete dire come si leva sent to friend….perchè anche se levo la scritta qundo si clicca sopra apre l’email box

  25. Non lo trovo…dove precisamente??
    Perchè nel primo fare trovo questo:
    #include "mc_tween2.as"
    Stage.showMenu = false;
    Stage.scaleMode = "noScale";
    _global.playStat = "";
    _global.p = 1;
    _global.total = 4;
    _global.times = 0;
    _global.gg = 0;
    _global.galleryNo = 0;
    _global.howmany = 0;
    _global.should = 0;
    ///////////////////////////////////////////////////////////
    // EDIT BELOW THIS LINE
    var slideTime:Number = 6; //Seconds each slide displays for
    var folderPath:String = "http://www.lewi-p.co.uk/xmlReader/"; //Change to desired folder
    var emailStat = true; //Enable email function, true/false

  26. trascrivo il messaggio precedente

    Il colore lo puoi cambiare da codice AS

    Lo trovi nel clip mainText nel primo fotogramma

  27. Non lo trovo…perchè se cambio i primi due mi cambia quelli dentro non quelli a destra

  28. Ciao Julius,
    innanzitutto grazie per le utilissime risorse!
    Ho una domanda su questo news box (premetto che sono un niubbo di flash).
    I titoli delle news/schede che vengono visualizzati a sx sull’ “itemBtn”, si possono spostare?
    Ho ridimensionato la “finestra” contenente l’immagine e spostato i pulsanti itemBtn più a sx, in modo da tornare a contatto con l’area dell’immagine, ma le scritte /titoli sono rimasti all’estrema destra…
    Mi sai dare un aiuto?
    Grazie mille.

    Dre

  29. Chiedo scusa, in riferimento al messaggio precedente intendevo ovviamente:
    ..”I titoli delle news/schede che vengono visualizzati a DESTRA sull’ “itemBtn””…

    Grazie.

    Dre

  30. Li trovi nel clip main…dovresti trovare i vari campi di testo..

    se non fosse cosi controlla da actionscript forse sono impostati da codice

  31. Ciao, ho lo stesso problema di Michele, ovvero carico tutti i file all’interno della cartella ma quando faccio l’inserimento non carica il filmato e appare tutto bianco. A cosa è dovuto?
    Mille grazie per la risposta.

  32. Ciao Julius, nulla da fare, proprio non trovo la soluzione…l’unica parte di codice che credo abbia a che fare con i titoli a destra è la seguente (primo frame di Layer3 in ItemBtn):

    var fontButton:TextFormat = new TextFormat();
    fontButton.font=”skyfont”, fontButton.size=14, fontButton.color=0x666666, fontButton.leading=-2;
    //
    var fontButtonOn:TextFormat = new TextFormat();
    fontButtonOn.font=”skyfont”, fontButtonOn.size=14, fontButtonOn.color=0xFFFFFF, fontButtonOn.leading=-2;
    //
    this.createTextField(“textBox”, this.getNextHighestDepth(), 3, 3, 167, 60);
    textBox.multiline = true;
    textBox.selectable = false;
    textBox.embedFonts = true;
    textBox.antiAliasType = “advanced”;
    textBox.wordWrap = true;
    textBox.text = headline;

    Il codice crea il titolo nella versione “normale” e “on”, ma riguardo alla posizione…non so…
    Se ho capito bene le scritte “View story” e “send to a friend” sono veri e propri campi di testo nel clip e si possono spostare.

    Se qualcuno ha un’altra dritta da darmi lo ringrazio :)

  33. Francesco

    Ciao allora da solo funziona una favola ma appena lo carico in un altro filmato funziona lo stesso ma si magia le parole sia dei titoli che della descrizione perchè???
    Lo carico con loadmovie e lockroot
    aspetto una tua risposta ciao

  34. Francesco

    Julius ma non mi rispondi………..mai……………………….non capisco dove sia il problema forse nel font?????

  35. @Marco controlla di aver caricato il file XML

    @Andrea le scritte vengono inserite da AS e non sono dei campi di testo presenti sullo stage

    @Francesco l’avevo notato tempo fa da una segnalazione di un altro utente, purtroppo è un bug dell’autore…

Commenti