In un sito può essere molto importante far vedere al visitatore le ultime news con link e una piccola descrizione del contenuto.
Ecco delle News verticali dinamiche realizzate in Flash, sarà possibile scorrerre le varie news tramite uno scroll, inserire link, testo e adoperare un foglio di stile .css esterno.
Come al solito andiamo a vedere insieme il file .XML che ci servirà per inserire nuove news:
<item>
<titolo>Ken il Guerrero - cortometraggio 3D</titolo>
<testo>Se siete appassionati del cartone manga giapponese Ken il guerrero e di animazioni 3D questo video vi farà molto piacere.</testo>
</item>
Le news possono essere semplicemente incapsulate in un altro file SWF tramite la funzione loadMovie
Scarica il sorgente
Guarda il Tutorial
Senza categoria
71 Commenti
Motta
27 Agosto 2007 alle 10:24 am
julius, tutte le colonna orizzontali le possiamo dividere a loro volta in due colonne verticali?
esempio
| notizia 1a (img?) | norizia 1b (testo) |
| notizia 2a (img?) | norizia 2b (testo) |
| notizia 3a (img?) | norizia 3b (testo) |
ecc. ecc. ?
Julius
27 Agosto 2007 alle 10:32 am
Potresti duplicare il campo dinamico e fare qualche cambiamento al codice…credo sia possibile…
Oppure provare a inserire una tabella o div, in quanto il campo di testo è HTML compatibile..fai delle prove…
Milo
29 Agosto 2007 alle 16:46 pm
Ciao Julius.Come va?Hai passato bene le vacanze?
adesso la domanda:
ma come mai inserendo il file .swf in una pagina htm non viene visualizzato nulla?premetto che tutti i file dei tuoi news si trovano nella stessa cartella
grazie
Julius
29 Agosto 2007 alle 16:51 pm
Ciao Milo tutto bene grazie
Molto strano il tuo problema…inserisci un link alla tua pagina html che verifico
PS: se hai utilizzato la mia stessa pagina HTML ti mancherà il file .js
Milo
29 Agosto 2007 alle 17:55 pm
Ciao.non ho un sito web,ma dicevo con dreamweaver.
ad esempio: ho la mia html ecc. nella stessa cartella metto la Tua cartella e nella html prrincipale non vierne visualizzato nulla,solo background,ma senza notizie.
sicuramente è il problema di percorso….
lorexx
1 Settembre 2007 alle 15:03 pm
ciao Julius vorrei inserire all’interno delle news delle immagini, ho provato modificando il file xml ma non inserisce nulla. aspetto una tua illuminante risposta.
ciao lorexx
Julius
1 Settembre 2007 alle 15:25 pm
@Milo come ti ho detto prima, se inserisci un link nei commenti della tua pagina posso verficare e trovare l’errore..cosi a parole non so che dirti…
@lorexx ciao,
prova inserire un immagine nel file xml con i tag <img src=”" …..
lorexx
1 Settembre 2007 alle 15:30 pm
grazie Julius, già provato
nada nn vuole caricarla.
p.s: per cambiare il colore della scroll bar che devo fà.
thnx lorexx
Napolux
1 Settembre 2007 alle 17:10 pm
Bello il plugin per visualizzare il codice… Come si chiama?
Julius
2 Settembre 2007 alle 13:27 pm
@lorexx ciao,
inviami il tuo progetto alla mail che vedo il problema, per cambiare il colore, devi entrare nel progetto .fla
@Napolux ciao, è una classe del template, la puoi trovare qui: Classe code
vale
7 Settembre 2007 alle 13:54 pm
ciao!Un altro utilissimo elemento per i nostri siti..grazie!La mia domanda è da neofita dei css e sembrerà piuttosto banale ma..come posso personalizzare l’aspetto di questo scroller?Magari inserendo un’immagine come cornice o come top/bottom?
grazie mille!
News verticali dinamiche con scroll : sastgroup.com
9 Settembre 2007 alle 10:02 am
[...] Fonte: http://juliusdesign.wordpress.com [...]
danno
12 Settembre 2007 alle 16:32 pm
ti ho trovato per caso e mi hai salvato, con i tuoi tutorial… credo che verrò spesso nel tuo blog.
grazie!!!!!!
danno
14 Settembre 2007 alle 17:42 pm
Ciao sono una tua nuova fans, ma sono brava a complicarmi la vita… ho preso il tuo esempio di news verticale, favoloso lo sto studiando… ma volevo mettere al posto della scroll bar le freccine che vanno su e giù… e qui il problema di unire le cose, il guaio è che tu hai dato un nome al testo ‘news’ e le mie freccie si collegano alla var del testo, e io non so come cambiare i comandi… ti faccio vedere quello che ho:
on (release, keyPress “”) {
scr = testo.scroll;
if (scr>1) {
testo.scroll = scr-1;
}
scroll = testo.scroll;
maxscroll = testo.maxscroll;
}
se non ti rompe mi puoi aiutare….
se no non importa… grazieee
SPiKE
17 Settembre 2007 alle 12:49 pm
ciao julius!
ma si possono mettere,al posto dei link ad altre pagine,link a swf esterni?
in che modo?
grazie!
Julius
17 Settembre 2007 alle 14:09 pm
Al posto della funziona getURL metti la funzione laodMovie riferita a un tuo swf che verrà cariato in un clip contenotore
molten72
21 Settembre 2007 alle 16:17 pm
Scusa Julius,
anche io tempo fa ti avevo chiesto questa cosa, ma purtroppo non sono riuscito a capire questo benedetto getUrl dove sta.
Nell’xml,no.
Nel primo frame,no:
//Formato CSS
_global.formatoCSS = new TextField.StyleSheet();
_global.archivioCSS = “stile_news.css”;
formatoCSS.load(archivioCSS);
molten72
21 Settembre 2007 alle 16:20 pm
…continuo…
nel testo dinamico,no:
// –
news.autoSize = true;
news.html = true;
news.htmlText = “Sto caricando..”;
news.styleSheet = formatoCSS;
// –
var nNews:XML = new XML();
nNews.ignoreWhite = true;
nNews.load(’news.xml’);
nNews.onLoad = function() {
news.htmlText = “”;
qtd = this.childNodes[0].childNodes.length;
for (i=0; i<qtd; i++) {
var nTitolo = (this.childNodes[0].childNodes[i].childNodes[0]);
var nTesto = (this.childNodes[0].childNodes[i].childNodes[1]);
news.htmlText += “”+nTitolo+”"+nTesto+”- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -”;
}
};
…forsemi sfugge?
scusami tanto.
Grazie mille
Julius
21 Settembre 2007 alle 18:47 pm
Allora ho sbagliato io, mi sono confuso =P
i link sono presenti nel file news.xml sotto forma di collegamenti ipertestuali con il tag href
Quindi nn è possibile utilizzare la funziona getURL in quanto i collegamenti vengono gestiti tramite tag HTML.
Cerco di inventarmi qualcosa…
molten72
23 Settembre 2007 alle 12:01 pm
Grazie mille Julius,
devi avere proprio una bella pazienza!!!
Attendo tue notizie,
CIAO
molten72
7 Ottobre 2007 alle 11:43 am
Ciao Julis,
sto crecando da giorni di inventarmi qualcosa!!!
… ma niente!!!
Ti prego ILLUMINAMI !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
GRAZIE ANCORA
PAOLO
22 Ottobre 2007 alle 5:58 am
Ciao Julius, una domanda …
è possibile giustificare il testo contenuto nel file xml ?
Grazie
Paolo
PAOLO
25 Ottobre 2007 alle 0:41 am
Ciao julius, hai letto il mio ultimo post a rigurdo del testo giustificato ?
Grazie !
Paolo
savanna
30 Ottobre 2007 alle 11:14 am
ciao Julius, complimenti per i tuoi bellissimi lavori molto utili per imparare e non solo copiare!
volevo chiederti se è possibile aprire una popup al posto di un collegamento ad una pagina html (questo perchè vorrei inserire un’immagine per ogni testo cliccabile)….grazie.
ciao
gabriele
25 Novembre 2007 alle 19:27 pm
Ciao Julius,
posso chiederti come mai quando clicco sui titoli invece di aprirmi la pagina, mi viene fuori un avviso di sicurezza di Flash Player che mi dice di cambiare le impostazioni?
Altra domanda: per cambiare il testo (colore, font) devo modificare il css?
Julius
25 Novembre 2007 alle 19:39 pm
@PAOLO in teoria il testo è codificato in HTML quindi dovresti poterlo formattare facilemente
@savanna ciao usa lo stesso procedimento come viene descritto in Apertura popup da Flash
@gabriele ciao
per la prima domanda: In poche parole provi applicazione flash in locale…qualora tu voglia disabiltiare la sicurezza leggi Abilitare il contenuto Flash in locale
Per il colore devi modificare il parametro nel CSS
savanna
27 Novembre 2007 alle 16:00 pm
grazie julius,
volevo chiederti un’altra cosa …secondo te è possibile associare ad ogni titolo cliccabile ad esempio un file pdf da scaricare?
grazie ancora.
Julius
27 Novembre 2007 alle 16:23 pm
al posto del link a una pagina inserisci il percorso del file pdf
In questo modo certi browser aprono il file altri lo fanno scaricare
se vuoi essere sicura li “zippi” è linki a un file .Zip con la sicurezza che il file venga scaricato senza essere aperto prima.
savanna
27 Novembre 2007 alle 17:29 pm
grazie julius! sei davvero un ottimo maestro ed è un piacere imparare e prendere spunti dai tuoi preziosi esempi.
Julius
27 Novembre 2007 alle 17:34 pm
Ti ringrazio
un saluto
sole
12 Febbraio 2008 alle 14:04 pm
cioa julius, mi chiedevo se fosse possibile inserire un rigo per la data e fare in modo che le news venissero visualizzate in base all’ultima inserita e quindi la più recente. grazie in anticipo.
Max
24 Febbraio 2008 alle 12:03 pm
Ciao, secondo te è possibile implementare l’inserimento tra il testo delle immagini potendo decidere anche l’allinemaneto? ad esempio img a desta e testo che ne segue il bordo ecc..
Julius
24 Febbraio 2008 alle 14:01 pm
@Max la strutura puoi deciderla tu tramite il file xml che nn è altro che codice html con tag validi per la codifica in flash…
@sole si dovrebbe fare un controllo a un parametro ulteriore in quanto la data viene visto come un parametro libero di testo…vedo cosa riesco a fare..
Max
24 Febbraio 2008 alle 14:10 pm
mm ok ma io ad esempio ho provato a mettere un comunissimo tag img col percorso ma non visualizzo proprio nulla se non il testo e basta
Max
24 Febbraio 2008 alle 14:18 pm
ok sono un idiota avevo scritto male src
però adesso noto un altra cosa
dall’immagine al testo c’è una spaziatura enorme.. come mai?
uno spazio bianco di moltissimi pixel bianco
Max
26 Febbraio 2008 alle 11:51 am
Ragazzi qualcuno è riuscito con successo a gestire l’inserimento di immagini? Io non ci riesco proprio
alberto
28 Febbraio 2008 alle 17:32 pm
Come faccio ad allargare ed alzare il tutto comprensivo di barra scorrevole.
Sei un grande Julius
Julius
28 Febbraio 2008 alle 22:37 pm
@Max i tag immagini effettivamente non vengono presi in considerazione…
@alberto ciao, grazie
Per allargare basta allargare il campo di testo con i relativi clip filamti..
per alzare cosa intendi?
Max
28 Febbraio 2008 alle 23:31 pm
no julius il tag a me lo prende ma è un altro il problema.. non segue l’allineamento del testo.. l’immagine si posiziona sull’estrema sinistra e lascia a destra un margine gigante!
alberto
29 Febbraio 2008 alle 19:15 pm
non riesco a modificare la larghezza e altezza del tutto, da 400×305 lo vorrei portare a 500×400, aiutami grazie.
Sei un grande
Chiara
31 Marzo 2008 alle 14:53 pm
ciao, io volevo allargare il riquadro e farlo 500×305
ho messo queste misure. lo sfondo si allarga ma il testo no si interrompe.
non so se mi sono spiegata, sicuramente sbaglio la modifica. dove devo intervenire?
grazie
Julius
31 Marzo 2008 alle 19:30 pm
Ovviamente per allargare il tutto entrare nel clip contenuto e date più spazio al campo dinamico allargandolo…
bmwsalxxx
3 Aprile 2008 alle 16:50 pm
Innanzi tutto grazie per tutti questi tutorial.
Ora passo alla mia domanda:
E’ possibile cambiare font e colore ad ogni titolo singolarmente?
Come si inseriscono le foto?
Grazie
bmwsalxxx
3 Aprile 2008 alle 19:19 pm
dimenticavo
perchè quando vado a capo nel testo mi lascia 2 righe vuote, quando viene pubblicato?
Julius
3 Aprile 2008 alle 20:52 pm
In questo caso no perchè per ogni tag viene associato un colore…
dovresti cambiare i tag title1 title2 mmm..
Controlla di non avere tag tipo p di paragrafo o spazi vuoti
bmwsalxxx
3 Aprile 2008 alle 21:03 pm
Scusa ma non ho mai fatto niente in xml e quindi non so cos’è una tag di tipo p.
e comunque mi succede ogni volta che scrivendo vado a capo
bmwsalxxx
4 Aprile 2008 alle 12:30 pm
ho provato a inserire questo codice nel file .css ma non funziona.
Perchè?
TITOLO{
display:block;
font-size:14pt;
font-family:”Times New Roman”, Times, serif;
color:#369;
}
TESTO{
font-style:italic;
font-size:13pt;
font-weight:bold;
display:block;
}
daniele
15 Aprile 2008 alle 13:00 pm
ciao Julius,
prima di tutto ti ringrazio per il tuo impegno nel rinnovare sempre i tuoi tutorial e nella pazienza nel rispondere a tutti.
la mia domanda:
ho utilizzato le tue news in xml però mi si è posto il problema dell’utilizzo da parte di un profano del computer. secondo te sarebbe possibile creare un form che aggiorni il file xml che a sua volta aggiorna l’swf?
lo so che è una richiesta un po’ impegnativa… se puoi darmi qualche consiglio o un link di qualche esempio mi faresti un grande piacere.
complimenti ancora e continua così!
grazie ancora
Daniele
elisabetta
17 Aprile 2008 alle 12:25 pm
ciao,
grazie per il tutorial.
Avrei però delle domandine…
è possibile formattare il testo con bold italic ecc? ho provato sia inserendolo nel file css che nel file xml ma non si visualizzano.
Dal file css ho ingrandito la dimensione del titolo ma il risultato è un font grande ma sgranato. Non è possibile effettuare questo genere di modifcihe?..essendo tutto il testo( sia titolo che testo) un unico text box in flash avrà dimensioni di font fisse?
inoltre volevo sapere se si poteva adattare il box affinchè nvece della barra che scorre ci fosse lo scrolling delle news automatico. se così fosse cosa devo modificare?
grazie
Elsiabetta
Julius
19 Aprile 2008 alle 13:15 pm
@elisabetta ciao il campo di testo non era impostato su antialiasing per leggibilità, se riscarichi il sorgente ora è corretto
@bmwsalxxx ciao non devi dare dei parametri CSS hai nodi, ovvero quelli impostati per prelevare le informazioni, ma a dei tag ad esempio p per il paragrafo
ecco un esempio
<testo><p>Se siete appassionati del cartone manga giapponese Ken il guerrero e di animazioni 3D questo video vi farà molto piacere.</p></testo>ora puoi inserire nel file css
p{font-style:italic;font-size:13pt;
font-weight:bold;
display:block;
}
antonella
19 Aprile 2008 alle 17:58 pm
Ciao Julius, ritorno a farti visita…
Vorrei chiederti una cosa: volendo fare ex novo una scrollbar verticale quali sono le funzioni as da utilizzare? Inoltre non si tratta di testo, ma un elenco di “oggetti”: immagina i titoli di coda di un film e la dimensione dello schermo del TV: lunghezza titoli di coda > altezza schermo
Come si gestisce per non mostrare nel risultato finale quello che non “entra nella tv”? Spero mi abbia capito….
Grazie, Antonella.
Julius
19 Aprile 2008 alle 18:40 pm
Mi sa che non ho capito
Devi fare un’animazione? o ti serve uno scrolling?
antonella
19 Aprile 2008 alle 18:44 pm
Meglio di Mercurio!!
Dunque: mi serve uno scrolling! Non ho la libreria scrollbar, quindi devo fare a manina (dove si possono trovare i componenti per flash?). Solo che il contenuto da “scrollare” non è testo, ma una sequenza di istanze di clip filmato. Ti ho chiarito?
Julius
19 Aprile 2008 alle 19:10 pm
Guarda se trovi qualcosa in questa raccolta scrolling
elisabetta
20 Aprile 2008 alle 14:05 pm
Ciao,
grazie per la rispsota dopo ci darò un occhio.
Volevo inoltre sapere se è possibile farò lo scrolling automatico delle news, senza la barra di scorrimento.
Se è possibile come si fa? grazie
Elisabetta
Julius
20 Aprile 2008 alle 15:33 pm
Ciao eli
prova a vedere questo tutorial può essere una partenza
Massimo
30 Aprile 2008 alle 11:52 am
Ciao Julius ho un piccolo problemi che non capisco … Ho ingrandito l’area del movie delle news ho ingrandito il campo dinamico delle news ma le news non si allargano .. Come mai ? Si bloccano ad un certo punto andando a capo …
Grazie
Massimo
30 Aprile 2008 alle 16:49 pm
Sistemato … non avevo visto la maschera … Grazie cmq bel lavoro
Julius
30 Aprile 2008 alle 19:48 pm
ottimo!
grazie
Gaten
20 Maggio 2008 alle 10:12 am
Ciao Julius è’ la prima volta che lascio un msg .. Cmq voglio farti i miei COMPLIMENTI!!! sei geniale…
Volevo chiedere una cosa…le news in questo tutorial vengono gestite da un xml..
Come posso fare per modificare il contenuto dell’xml “DINAMICAMENTE” Cioè attraverso un piccolo pannello in php… magari.. Per favore mi fai avere notizie grazie alla prossima…
Julius
20 Maggio 2008 alle 19:31 pm
Ciao gaten
dovresti generare al volo con PHP un file che puo essere anche .php e non xml
A flash puoi passare anche un file .php basta che la sintassi sia scritta come un file XML
piscione75
22 Maggio 2008 alle 14:55 pm
Ciao a tutti e complimenti
Allora sono un neofita, quindi scusatemi se faccio domande , già fatte o stupide..
Ma vorrei inserire nel mio sito/blog fatto con Wordpres, un “scroll test” per le “ultime news” nella sidebar.. esiste un plugin che fà al mio caso, anche oppure posso inserire il codice/tutorial di julius… ,ma non saprei dove inserirlo!
grazie..Help Me..!
Julius
22 Maggio 2008 alle 19:44 pm
Ciao di solito in WP c’è un widget per inserire gli ultimi articoli come quello che vedi nella sidbar..
Puoi affidarti a vari tools online come quello rilasciato da google o feedburner
Terry
12 Giugno 2008 alle 12:15 pm
Caro Julius innanzitutto grazie per il tuo magnifico sito…sto utilizzando il tuo script ma anche io volevo inserire delle immagini nel file di news verticali…come posso fare ho provato a inserire ma non mi carica l’iimagine e succede qualcosa di strano nell’impaginato….
Grazie teresa
JB
12 Giugno 2008 alle 14:12 pm
Ciao Jiulius..
ho provato in tutti i modi possibili a cercare di settare il solo Titolo in grassetto. Dai CSS, dal XML, in actionscript…ma niente.
Si riesce solamente a cambiare il colore!?
Grazie
JB
12 Giugno 2008 alle 19:48 pm
Scusa…non avevo letto..un 2 cose…tutto OK!!
Julius
12 Giugno 2008 alle 22:04 pm
@Terry in pratica devi usare i tag HTML come fosse una pagina web…
devo dire comunque che avevo provato anche io e sembra ci siano dei conflitti con altri tag…
@JB
gianluigi
3 Luglio 2008 alle 16:54 pm
Ciao, aiutami, ti prego. Ho bisogno di inserire moltissimo testo su più righe (una carta-vini), ma nn appena supero le 200 linee nel xml il filmato nn funziona, e non compare il testo.
Come posso fare? C’è un limite imposto tramite script al numero di righe-testo?
Aiutami, please
Julius
3 Luglio 2008 alle 22:09 pm
Controlla che il file XML sia corretto!
b1t
11 Luglio 2008 alle 16:49 pm
Ciao Julius,
ho provato a formattare il testo in questo modo
Se siete appassionati del cartone manga giapponese Ken il guerrero e di animazioni 3D questo video vi farà molto piacere.
p{
font-weight:bold;
}
ma quando esporto l’swf, il testo mi scompare. Se però cambio il colore ad esempio così
p{
color:#FF0000;
}
funziona…
Non capisco cosa c’è che non va.
Ciao e grazie
b1t
18 Luglio 2008 alle 16:43 pm
Ciao Julius,
nessun suggerimento sul grassetto?
Grazie e scusa il disturbo
Scrivi un Commento
tag abilitati: <code> </code> | <a href=""> </a> | <strong> </strong> | <i> </i>