Formattare testo prodotto con javascript

**sitodue** · 26-07-2012, 12:19

Ciao a tutti e spero che questa sia la sezione adatta...
ho chiesto aiuto anche nella sezione javascript ma senza risultato fin'ora...

Ho una funzione javascript che mi genera del testo - semplici frasi a rotazione - e le piazza in un normalissimo div; ora tramite css di questo div riesco a modificarne ovviamente posizione, grandezza, margini e tutto il resto, ma nulla che riguarda il testo vero e proprio... quindi ne dimensione, colore, font, decoration ecc ecc...
E' un vincolo risaputo o dipende da com'è fatto lo script?
Se serve posso postare il codice...

**Prill** · 26-07-2012, 12:30

Può darsi che le impostazioni sul font eccetera siano nel file js, provato a guardare al suo interno?

**sitodue** · 26-07-2012, 12:36

Ciao, grazie prima di tutto...
si, sono anche riuscito a modificarla un po' per cambiare alcune cose che mi interessano, ed in effetti ci trovo parti di codice come:

FontFace:'Arial'
FontSize:'18'

e modificando quei campi modifico il risultato finale... Ma se volessi modificarne il colore ad esempio? Quello che mi chiedo è come mai l'output prodotto dallo script non è soggetto alle regole di stile come tutto il resto di ciò che è presente nel div che lo contiene.
Javascript ha sempre la precedenza in questi casi?

**Prill** · 26-07-2012, 13:10

Javascript ha sempre la precedenza in questi casi?

no, dipende da come è costruito lo script e anche in presenza di impostazioni interne dalla possibilità di sovrascriverle nel css

Ma se volessi modificarne il colore ad esempio?

se non è settato nel file js probabilmente potrai impostarlo sul div dal foglio di stile

edit: se non riesci a risolvere, oltre al file javascript sarebbe necessario vedere anche il codice htm e css, meglio in funzione su una pagina da un link

**sitodue** · 26-07-2012, 13:54

Ciao,
il codice è tutto qui:

codice:

<head>
<script language="JavaScript1.2">
<!--
ie=document.all?1:0
n=document.layers?1:0

betweendelay=5000

var loop=1

FontFace='arial,helvetiva'

FontSize=22

fadeback=1

//Set the colors, first color is same as background, last color is the color it stops at:
//You can have upto 7 colors, set the ones you wan't use to 0
colors=new Array()
colors[0]='#FFFFFF'
colors[1]='#EEEEEE'
colors[2]='#CCCCCC'
colors[3]='#999999'
colors[4]='#666666'
colors[5]='#333333'
colors[6]='#000000'

news=new Array(new Array(),new Array())
news[0]["text"]="Ciaoooooooooooooooooooooooooooooooo"
news[0]["link"]="a tuttiiiiiiiiiiiiiiiiiiii"
news[1]["text"]="aaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa"
news[1]["link"]="bbbbbbbbbb bbbbbbbbbbb bbbbbbbbbbb"


fadeInit=new Function("onews=new makeObj('divNews','divCont'); fadeNews(0)")
function makeObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
    this.writeref=(n) ? eval(nest+'document.'+obj+'.document'):eval(obj);		
	this.fadeIt=b_fadeIt
    this.obj = obj + "Object"; 	eval(this.obj + "=this")	
}
function b_fadeIt(text,link,font,size,speed,fn,num,c0,c1,c2,c3,c4,c5,c6){
	if(num<arguments.length && arguments[num]!=0){
	writetext='<a href="'+link+'" style="text-decoration:none; font-size:'+size+'px">'
		+'<font face="'+font+'" color="'+arguments[num]+'">'+text+'</font></a>'
		if(n){this.writeref.write(writetext); this.writeref.close()}
		if(ie) this.writeref.innerHTML=writetext		
		num++
		setTimeout(this.obj+'.fadeIt("'+text+'", "'+link+'", "'+font+'", '+size+','+speed+',"'+fn+'",'+num+',"'+c0+'","'+c1+'","'+c2+'","'+c3+'","'+c4+'","'+c5+'","'+c6+'")',speed)
	}else setTimeout('eval('+fn+')',betweendelay)
}
function fadeNews(num){
	if(num<news.length){
		fn=fadeback?'fadeBack('+num+')':'fadeNews('+(num+1)+')';
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,fn,7,
		colors[0],colors[1],colors[2],colors[3],colors[4],colors[5],colors[6])
	}else if(loop)fadeNews(0)
}
function fadeBack(num){
	if(num>=0){
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,'fadeNews('+(num+1)
		+')',7,colors[6],colors[5],colors[4],colors[3],colors[2],colors[1],colors[0])
	}
}
onload=fadeInit;
-->
</script>

<style type="text/css">

#divNews {
    border:solid 2px #F00;
    position:absolute;
    width:600px;
    bottom:0; 
    font-style:italic;
    font-size:36px;}

</style>

</HEAD>

<BODY>

<div id="divCont" style="position:absolute; width:250; height:200; left:200; top:180">
	<div id="divNews">
		
	</div>
</div>

Non so se te ne intendi di javascript... io praticamente 0 prima di mettere mano su questo script, però prima di tutto mi sono accorto che le frasi "a tuttiiiiiiiiiiiiiiiiiiii" e "bbbbb bbbbb bbbbb" non sarebbero mai state visualizzate, e infatti quello mi sembra un array bidimensionale che associa ad ogni frase un link, e poichè non voglio che il testo sia linkabile, ho modificato quella parte in:

codice:

news=new Array(new Array(),new Array(),new Array())
news[0]["text"]="Frase1 Frase1 Frase1 Frase1 Frase1"
news[1]["text"]="Frase2 Frase2 Frase2 Frase2 Frase2"
news[2]["text"]="Frase3 Frase3 Frase3 Frase3 Frase3"

ed anche i riferimenti al link in function b_fadeIt -> writetext='<a href="'+....
Per il resto però qualunque cosa provo a modificare ottengo solo di non far funzionare più lo script.
Anche la regola di stile #divNews funziona solo per ciò che non riguarda il testo, quindi le ultime 2 voci in essa non sortiscono effetti...
Fondamentalmente così com'è funziona alla perfezione su fondo bianco, ma poichè devo posizionarlo su un'immagine mi servirebbe che la scala di colori non vada dal nero al bianco, ma dal nero al maggior colore di sfondo, terminando in trasparenza... :-s

**Prill** · 26-07-2012, 13:59

Con che browser lo visualizzi? A me il tuo codice non funziona né con ie9 né con altri browser

**sitodue** · 26-07-2012, 14:03

ie 8;

l'ho preso da qui: http://www.allwebfree.it/listascript/422.html
magari nel copia e incolla ho saltato qualche apice...
Intanto ho editato il messaggio precedente per mostrare anche l'unica regola di stile che provo ad applicare...

edit: uhm... in effetti anche su firefox13 non funge :-s

**Prill** · 26-07-2012, 14:11

Sì, hai saltato qualcosa, ma è uno script che funziona solo su Explorer, verifica anche tu

**sitodue** · 26-07-2012, 14:22

Bah...
mi credi se ti dico che sono fermo da quasi due settimane cercando di modificare questo o di trovarne uno migliore ma non ne vengo fuori?!
Grazie comunque... gentilissima come sempre

**Prill** · 26-07-2012, 14:28

cerca su google javascript fading text, fading messages e simili, dovrebbe venir fuori qualcosa

Discussione: Formattare testo prodotto con javascript

Strumenti discussione

Ricerca discussione

Visualizza

Formattare testo prodotto con javascript

Permessi di invio