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
Printable View
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
Il codice l'ho preso da una discussione precedente a questa, l'ho solo modificato.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>
Ciao!
Quindi devo ripetere sempre quelle 4 righe,modificando frese ed immagine,tante volte quante sono le frasi?
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.
Ok,Thank you :)
Ciao
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).Citazione:
Originalmente inviato da PSW
Stammi bene...
P.S. Mi sembra familiare quel codice... :-D
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)...Citazione:
Originalmente inviato da PSW
Carina, vero? Stammi bene...
Allora,ho usato questo tag
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.Citazione:
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])
Come dovrei fare?
Ciao
Molto semplice:
l'ultima riga la sostituisci (completamente) con:
E sopra nel tuo blocco style (ne hai già uno vedo nella home o dove vuoi) metti:Codice HTML:document.write('<img src='+img[n]+'><br><span class="citaz">'+texts[n]+'</span>');
Codice HTML:<style type="text/css">
.citaz { font-family: Verdana, sans-serif; font-size: 8px; }
//...altri stili...
</style>
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
in quale parte dello script devo metterlo?Perchè ho provato a metterlo sopra il blocco style ma non cambia niente?Citazione:
<style type="text/css">
.citaz { font-family: Verdana, sans-serif; font-size: 8px; }
//...altri stili...
</style>
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 :wink:
In ogni caso se vuoi continuare a far progredire il tuo sito ti consiglio vivamente di studiarti la base di html + CSS.
Allora sono riuscito a farlo usando un altro modo,ovvero:
Comunque sto continuando a studiarmi il CSS per migliorare il sito.Citazione:
<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>
Ciao
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?
:wink: ciao
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