-
effetto scritta rotante
Ciao a tutti, vi pongo una piccola domada.
Ho caricato il mio intero sito ed è perfettamente funzionante ad eccezione di una piccola scritta rotante in home page. Naturalmente off line sul mio PC è OK, mentre on line appare un rettangolo grigio. Qualcuno sa dirmi perchè ?
PS: La scritta rotante e' realizzata tramite uno script java (il file .class è caricato)
Grazie in anticipo, ciao
-
il tuo sito online veramente non c'e'
x la precisione, probabilmente non ci sara' la pagina iniziale: la homepage si deve chiamare index.htm o index.html o index.php e devi togliere quella predefinita, infatti se vado a angela70.altervista.org vedo la home predefinita di sito in costruzione
cmq il rettangolo grigio appare finche' non carica l'applet java, che di solito e' di qlk decina di kb, per cui col 56k ci vuole un po'
oppure puo' essere che l'applet non la trova, controlla i pecorsi :wink:
puoi usare un javascript invece, che e' piu' leggero, tipo qst qua che pero' con firefox e netscape non funge:
Codice PHP:
<script language="JavaScript">
if (document.all){
msg="Html.it - il primo sito italiano sul Web publishing - ";
msgColor="ff0000";
msgFont="Arial";
msg=msg.split('');
n=msg.length;
e=360/n;
yp=0;
xp=0;
yb=40;
xb=70;
sa=0.07;
sb=0;
pa=new Array();
pb=new Array();
for (i=0; i < n; i++){
document.write('<div id="logo" style="position:absolute;top:0;left:0;'
+'height:30;width:30;font-family:'+msgFont+';text-align:center;color:'+msgColor+'">'+msg[i]+'</div>');
}
function ani(){
yp=document.body.scrollTop+50;
xp=document.body.scrollLeft+window.document.body.clientWidth-100;
for (i=0; i < n; i++){
logo[i].style.top =yp+yb*Math.sin(sb+i*e*Math.PI/180);
logo[i].style.left=xp+xb*Math.cos(sb+i*e*Math.PI/180);
pb[i]=logo[i].style.pixelTop-yp;
pa[i]=pb[i]-pb[i]*2;
if (pa[i] < 1){
pa[i]=0;
logo[i].style.visibility='hidden';
}
else logo[i].style.visibility='visible';
logo[i].style.fontSize=pa[i]/2.7;
}
sb-=sa;
setTimeout('ani()',10);
}
window.onload=ani;
}
// -->
</script>
qst va messo tra i tags head, puoi personalizzare verie impostazione, tra cui il trsto ovviamente
probabilmente la compatibilita' con ffox si potrebbe ottenere usando le proprieta' di ns invece di quelle ie, ma ora nn posso controllare, casomai se ti serve fammi sapere che ci provo :wink:
-
scritte rotanti
Innanzitutto grazie per la risposta e per il nuovo script. Sono alle prime armi con HTML, JAVA, PHP etc..sono solo riuscita a modificare il testo ..non è che mi diresti quali sono le coordinate da modificare per cambiare carattere, larghezza e velocità ? Il testo che vorrei incollare è piuttosto lungo e me lo fa vedere tutto appiccicato risultando illeggibile
Grazie ancora
-
domani (oggi? sn le 2.40.. boh vabbe' dopo che mi sono svegliato e ho pranzato :grin:) te lo riaggiusto e ti dico la roba, ora come ora se ci metto le mani lo trasformo in un origami... :lol:
:alcool:http://dxblade.altervista.org/smilies/fumado.jpg
-
come promesso, ho aggiustato lo script, ora funge con tutti i brwser, anche se netscape e mozilla hanno qlk problema (va + lneto e le lettere flashano ai bordi, ma e' colpa del motore gecko, altri workaround nn ne conosco oltre quelli che ho fatto :eyes:)
Codice PHP:
<script language="JavaScript">
<!--
//msg e' il messaggio
msg = "Il tuo messaggio va qui - ";
//msgColor e' il colore in esadecimale
msgColor = "ff0000";
//msgFont e' il font per il testo
msgFont = "Arial";
//l e' la distanza dal margine destro
l = 100;
//t e' la distanza dal margine superiore
t = 50;
// altezza;
yb = 40;
//larghezza;
xb = 70;
//velocita'
sa=0.03;
msg=msg.split('');
n=msg.length;
e=360/n;
yp=0;
xp=0;
sb=0;
pa=new Array();
pb=new Array();
for (i=0; i < n; i++){
document.open();
document.write('<div id="logo' + i + '" style="position:absolute; top:0; left:0; height:30px; width:30px; font-family:' + msgFont + '; text-align:center; color:' + msgColor + '">' + msg[i] + '</div>');
document.close();
}
function ani(){
if (document.all) {
yp = document.body.scrollTop + t;
xp = document.body.scrollLeft + document.body.clientWidth - l;
} else{
yp = window.pageYOffset + t;
xp = window.pageXOffset + window.innerWidth - l;
}
for (i=0; i < n; i++){
logo=document.getElementById("logo" + i);
logo.style.top = yp + yb * Math.sin(sb + i * e * Math.PI / 180);
logo.style.left = xp + xb * Math.cos(sb + i * e * Math.PI / 180);
pb[i] = parseInt(logo.style.top) - yp;
pa[i] = - pb[i];
if (pa[i] < 1){
pa[i]=0;
logo.style.visibility = "hidden";
} else {
logo.style.visibility = "visible";
}
logo.style.fontSize = pa[i] / (n / 10);
}
sb -= sa;
xpp=setTimeout('ani()',10);
}
window.onload=ani;
// -->
</script>
per mettere msg lunghi, devi aumentare t, l, yb e xb di conseguenza
fammi sapere se hai problemi
-
Grazie per le indicazioni.. è incredibile sono riuscita ad inserire la scritta e funziona !!! Ora ci lavoro un po' ...
Ah.. avevi ragione ORA sono on line !!!!
Grazie di nuovo e ciao Angela70