Visualizzazione risultati 1 fino 6 di 6

Discussione: effetto scritta rotante

  1. #1
    Guest

    Predefinito 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

  2. #2
    Guest

    Predefinito

    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

    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

  3. #3
    Guest

    Predefinito 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

  4. #4
    Guest

    Predefinito

    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...

  5. #5
    Guest

    Predefinito

    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

  6. #6
    Guest

    Predefinito

    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

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •