Visualizzazione risultati 1 fino 15 di 15

Discussione: Citazione ed immagine ad ogni refresh della pagina

  1. #1
    Guest

    Arrow Citazione ed immagine ad ogni refresh della pagina

    In questo sito nell'angolo in alto a destra c'è un codice java che permette di far apparire una citazione ed una piccola immmagine ad ogni refresh della pagina,come si può ottenere tale effetto?
    Ciao

  2. #2
    Guest

    Predefinito

    Codice HTML:
    <SCRIPT LANGUAGE="JavaScript">
     
    var texts = new Array ("frase1", "frase2", "fraseX")
    var img = new Array("img1.jpg", "img2.jpg", "imggx.jpg")
    var n = Math.floor (texts.length * Math.random ())
    document.write("<img src="+img[n]+"><br>"+texts[n])
     
    </SCRIPT>
    Il codice l'ho preso da una discussione precedente a questa, l'ho solo modificato.
    Ciao!

  3. #3
    Guest

    Predefinito

    Quindi devo ripetere sempre quelle 4 righe,modificando frese ed immagine,tante volte quante sono le frasi?

  4. #4
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    A posto di frase1 metti la prima frase, al posto di frase2 metti la seconda frase e così via. La stessa cosa lo fai con le immagini.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  5. #5
    Guest

    Predefinito

    Ok,Thank you :)
    Ciao

  6. #6
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da PSW
    Quindi devo ripetere sempre quelle 4 righe,modificando frese ed immagine,tante volte quante sono le frasi?
    Soltanto una cosa: se ripeti quello script più volte nella pagina (magari semplicemente per ripetere l'effetto su più punti), dalla seconda ripetizione in poi devi TOGLIERE le parole "var" altrimenti avrai un errore di dichiarazione duplicata (cioè, dichiari più volte la stessa variabile).

    Stammi bene...

    P.S. Mi sembra familiare quel codice... :-D
    Ultima modifica di dementialsite : 26-11-2005 alle ore 12.32.16 Motivo: Mi ha fregato un apostrofo...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  7. #7
    Guest

    Predefinito

    Dementialsite lo terrò a mente,ma tu usi questa TAG nella tua firma?
    Ciao

  8. #8
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da PSW
    Dementialsite lo terrò a mente,ma tu usi questa TAG nella tua firma?
    Ciao
    No, quella è uno script PHP che mi hanno passato proprio qui dal forum, leggi qui come puoi farla (e caricarla come immagine): http://forum.altervista.org/showthread.php?t=46096. Anche perché non è possibile usare JavaScript su questo forum (almeno non mi risulta si possa usare)...

    Carina, vero? Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  9. #9
    Guest

    Predefinito

    Allora,ho usato questo tag
    var texts = new Array ("frase1", "frase2")
    var img = new Array("img1","img2")
    var n = Math.floor (texts.length * Math.random ())
    document.write("<img src="+img[n]+"><br>"+texts[n])
    Però ho notato che il risulltato è sempre con font Arial grande,io invece lo vorrei Verdana di grandezza 8px,il problema è che non ho capito come e dove va inserita questa dichiarazione di stile.
    Come dovrei fare?
    Ciao

  10. #10
    L'avatar di heracleum
    heracleum non è connesso Utente storico
    Data registrazione
    21-01-2004
    Messaggi
    3,333

    Predefinito

    Molto semplice:
    l'ultima riga la sostituisci (completamente) con:
    Codice HTML:
    document.write('<img src='+img[n]+'><br><span class="citaz">'+texts[n]+'</span>');
    E sopra nel tuo blocco style (ne hai già uno vedo nella home o dove vuoi) metti:
    Codice HTML:
    <style type="text/css">
    .citaz { font-family: Verdana, sans-serif; font-size: 8px; }
    //...altri stili...
    </style>
    Ultima modifica di heracleum : 07-01-2006 alle ore 01.06.51
    Avvertimento: richiedere in privato questioni tecniche produrrà inevitabilmente una supercazzola prematurata come risposta. (5 served)

  11. #11
    Guest

    Predefinito

    Quest'ultimo potresti spiegarmi meglio dove metterlo?
    Io questo script l'ho messo collegandolo al blocco note che ho chiamato frasi.js,al suo interno ho messo lo script di prima questo
    <style type="text/css">
    .citaz { font-family: Verdana, sans-serif; font-size: 8px; }
    //...altri stili...
    </style>
    in quale parte dello script devo metterlo?Perchè ho provato a metterlo sopra il blocco style ma non cambia niente?

  12. #12
    L'avatar di heracleum
    heracleum non è connesso Utente storico
    Data registrazione
    21-01-2004
    Messaggi
    3,333

    Predefinito

    Allora distinguiamo..
    il codice per le citazioni, come saprai, è Javascript... e hai fatto bene a metterlo in un file .js
    L'altro pezzo che ti ho indicato, questo che hai citato nel tuo ultimo msg e che non sai dove mettere, invece è un semplice pezzo di CSS, stylesheet, gli stili insomma.
    Gli stili css li puoi indicare in MILLE modi diversi, come vuoi, ... non pensavo fosse un gran problema per te, visto che è alla base delle pagine html...
    ma per evitare fraintendimenti mi ero agganciato al fatto che nella TUA home page -riguarda bene il codice della pagina- in alto hai un piccolo blocco <style>.. quindi ti avevo detto semplicemente di aggiungere una riga in più, questa fondamentalmente:

    .citaz { font-family: Verdana, sans-serif; font-size: 8px; }

    LI', dentro quello stesso blocco style.
    Ora se devi metterlo in un'altra pagina magari dammi il link che ti dico dove metterlo..
    Se invece lo devi usare nella tua home basta che la aggiungi dentro quel blocco style.
    Dai prova e vedrai che non è affatto un grande ostacolo
    In ogni caso se vuoi continuare a far progredire il tuo sito ti consiglio vivamente di studiarti la base di html + CSS.
    Avvertimento: richiedere in privato questioni tecniche produrrà inevitabilmente una supercazzola prematurata come risposta. (5 served)

  13. #13
    Guest

    Thumbs up

    Allora sono riuscito a farlo usando un altro modo,ovvero:
    <SCRIPT LANGUAGE="JavaScript">
    var texts = new Array ("frase1", "frase2", "fraseX")
    var img = new Array("img1.jpg", "img2.jpg", "imggx.jpg")
    var n = Math.floor (texts.length * Math.random ())
    document.write("<img src="+img[n]+"><br>"+"<span style=\"font-family: Verdana; font-size: 8px; color: #000;\">"+texts[n]+"<\span>")
    </SCRIPT>
    Comunque sto continuando a studiarmi il CSS per migliorare il sito.
    Ciao

  14. #14
    L'avatar di heracleum
    heracleum non è connesso Utente storico
    Data registrazione
    21-01-2004
    Messaggi
    3,333

    Predefinito

    Eh sì ho capito.. ma è piuttosto deprecabile ripetere tutte gli attributi di stile dentro un file .js, con il class invece ogni pagina dove vieniva usato avrebbe potuto indicare stili diversi.. così invece è scolpito.. cmq l'importante è che ti soddisfi.
    Non ho capito però perché non hai seguito la mia versione di quella riga con gli apici singoli ' al posto delle doppievirgolette " che sono molto più confusionarie.. ed infatti ti sei sbagliato ascrivere lo SLASH della chiusura di </span> (hai scritto <\span>)

    Correggi piuttosto così TUTTA la riga, fidati:
    document.write('<img src='+img[n]+'><br><span style="font-family: Verdana; font-size: 8px; color: #000;">'+texts[n]+'</span>');

    Ho riproposto la versione ad apici singoli, non ti sembra più leggibile?
    ciao
    Avvertimento: richiedere in privato questioni tecniche produrrà inevitabilmente una supercazzola prematurata come risposta. (5 served)

  15. #15
    Guest

    Thumbs up

    Questo script mi serve solo nella home,comunque ho usato le doppievirgolette per abitudine,d'ora in poi cercherò di usare le virgolette singole.
    Se riscontrerò problemi lì posterò qui.
    Ciao

Regole di scrittura

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