Cambiare il colore della pagina con js [era: html con js]

vatuss

Nuovo Utente
24 Giu 2009
20
0
1
ho provato così senza esito:

<script type="text/javascript">
//cambia lo sfondo della pagina
document.write("<body bgcolor="#CCCCCC">");

var overLayeR_LINK = "";
var overLayeR_IMAGE = "/overLayeR/festa.jpg";
var overLayeR_IFRAME = "";
var overLayeR_WIDTH = 416;
var overLayeR_HEIGHT = 595;
var overLayeR_SECONDS = 15;
var overLayeR_CLOSE = "UP";
var overLayeR_COOKIE = 3600;

//chiude lo sfondo della pagina
document.write("</body>");
</script>

E' la strada giusta?
:byebye:
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
questa sintassi è sbagliato provoca un errore per via degli apici
Codice:
document.write("<body bgcolor="#CCCCCC">");

dovrebbe essere cosi
Codice:
document.write("<body bgcolor='#CCCCCC'>");

oppure prova con questo

Codice:
document.bgColor = "#CCCCCC";

ma non ho capito bene cosa devi fare quindi non so se risolvi
 

vatuss

Nuovo Utente
24 Giu 2009
20
0
1
Ciao criric,
in effetti hai ragione adesso l'errore non c'è più ma non ho ottengo l'effetto sperato.
Cerco di spiegarmi meglio.
Quando appare l'immagine overlayer vorrei che lo sfondo della pagina diventi tutto opaco per metterla in risalto.
Tipo quello che avviene con i vari lightbox, jquery ecc.
E' possibile ottenere l'effetto?
:byebye:
 

vatuss

Nuovo Utente
24 Giu 2009
20
0
1
chiedo scusa se continuo a chiedere,
non sono stato ancora chiaro nell'esposizione o non è possibile ottenere l'effetto con lo script?

:byebye:
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
o non è possibile ottenere l'effetto con lo script?

tutto è possibile in questo campo! apparte fermare il tempo.

io personalmente non ti ho risposto perchè non ho ancora trovato una soluzione.


quello che vuoi fare è inbire/nascondere la pagina fino a che non si chiude l'immagine o sbaglio?

forse in questo caso facciamo prima a trovare qualcosa di già pronto ( strano che io lo dica )

provo a fare una piccola ricerca anchio e ti saprò dire
 

vatuss

Nuovo Utente
24 Giu 2009
20
0
1
Grazie criric per l'attenzione che non dubitavo, era della mia descrizione che temevo.
Hai centrato in pieno l'effetto che desidero ottenere.
In giro ho trovato diversi script con lightbox, mootols, jquery, ma nessuno mi permette di modificare agevolmente le impostazioni.

Buonaserata
 

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
Ciao Vatuss,

guarda un po se ti piace questo

loghtboxc.jpg


http://max400.netne.net/lightbox.html

cliccando sul pulsante si oscura lo schermo

Nota di Moderazione: 2 cose
- Il titolo non mi piace molto. Non sarebbe meglio questo: "Cambiare il colore della pagina con js" che ne dici?
- utilizza i tag code per incorporare il codice

Grazie per la collaborazione.

Er Moderator
by Max_400
 
Ultima modifica:

vatuss

Nuovo Utente
24 Giu 2009
20
0
1
Cambiare il colore della pagina con js

Ciao Max grazie per la risposta.
L'effetto che si ottiene cliccando sul bottone è quello che voglio, però mi piacerebbe che venga caricato automaticamente all'apertura della pagina con l'immagine per poi chiudersi quando faccio click sulla X di chiusura.

Ho seguito il tuo consiglio cambiando il titolo del post, adesso è più chiaro di cosa si parla.
Ciao
 

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
Guarda un po se ti piace questo...

al contrario l'effetto parte subito all'avvio della pagina

by-zorro.jpg


ecco qui l'esempio
http://max400.netne.net/lightbox-reverse.html

cliccando sul pulsante chiudi si attiva una funzione che
ricrea del codice HTML.

Il bello di javascript è che puoi creare codice html proprio come a php
e questo ti dà la possibilità di ricreare un mondo intero.
Questa funzione è chiamata innerHTML associato al document Id
tramite la classe document puoi anche regolare la larghezza e l'altezza
della foto e quindi non hai bisogno dei css perchè ricreati da javascript.

ecco il codice
Codice:
<script>
function effetto(){
document.getElementById('sfondo').style.background='#000000';
document.getElementById('banana').src='http://max400.netne.net/catherine_zeta_jones2.jpg';
}
function togli(){
document.getElementById('sfondo').innerHTML='<div align=center>- Z O R R O -<BR> by <br>Max_400</div>';
document.getElementById('sfondo').style.background='#FFFFFF';
}
</script>

<body id='sfondo' onload="effetto()">
<div align="center">
<img id="banana" src="" width=376 height=486><br>

<input type="button" onclick="togli()" value="chiudi X">
</div>

</body>

Piccola parentesi
(la ragazza nella foto è l'attrice Catherine Zeta-Jones nella parte di Elèna,
la moglie di Zorro).

Ps. Spero che il moderatore di questa sezione, Max_400
(ovvero me stesso... ih ih ih), non si arrabbi,
se ho aperto questa piccola parentesi.

by Zorro.
 
Ultima modifica:

vatuss

Nuovo Utente
24 Giu 2009
20
0
1
Ciao max_400, infinite volte grazie per la disponibilità,
l'effetto è quello che voglio ottenere ma non riesco a implementarlo nello scrip di Luca Ruggiero che fa uso anche di un JS esteno.
E' molto comodo perchè in otto righe di codice posso modificare a mia discrezione tutte le impostazioni:

Codice:
var overLayeR_LINK = "";
var overLayeR_IMAGE = "/overLayeR/festa.jpg";
var overLayeR_IFRAME = "";
var overLayeR_WIDTH = 416;
var overLayeR_HEIGHT = 595;
var overLayeR_SECONDS = 15;
var overLayeR_CLOSE = "UP";
var overLayeR_COOKIE = 3600;

Inoltre con il tuo esempio mi sono reso conto che sarebbe meglio sovrapporre un colore in trasparenza, poichè se pieno copre tutto il contenuto della pagina.

Spero si possa ottenere lo scopo, nel frattempo mi consolo in compagnia di Elena.
Sai, non mi dispiace affatto, spero solo che Zorro non sia geloso.

:fonzie:
 

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
E va bene se proprio ti sei "innamorato di quello script"

ecco qui un esempio
http://max400.netne.net/script-ruggero.html

è proprio su quello script esterno che bisogna lavorare.
A me non piace tanto il document.write preferisco il innerHTML
comunque...ho fatto alcune modifiche allo script di luca ruggero
4 righe in alto guarda qui
http://max400.netne.net/overLayeR.js
in alto c'è scritto
//============== Dr. Max_400 alias Z O R R O ==========
....e qui lo script che ho messo io; in pratica due funzioni che vengono
richiamate più sotto.

function overLayeR_Close_Function()
{
document.getElementById("overLayeR_Show").style.visibility = "hidden";
togli();
...

e l'altra qui
if (overLayeR_IFRAME == ""){
write("<body id='sfondo' onload='effetto()'><a href='" + overLayeR_LINK + "' target='...........
....

qui c'è il pacco completo...controlla
http://max400.netne.net/overLayeR.rar
dentro ci ho messo anche un paio di brioche e un caffe

Spero che ti funziona ... io non posso fare altro...ho finito!

z.jpg


________________________________________________________________
info: Lo zio Max usa browser firefox 3.6
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Cambiare colore ad un record database mysql MySQL 0
O Allo scroll cambiare colore di sfondo jQuery 0
DaveCricket [WordPress] [PHP] Cambiare il colore del link di una pagina attiva WordPress 3
V Cambiare colore ad un button HTML e CSS 3
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
V Aiuto su Stile CSS cambiare colore ad un modulo Joomla 1
R Vertex Template (jommla2.5): cambiare colore dell'header Joomla 12
A Cambiare colore bottone app Android Sviluppo app per Android 1
Trapano Cambiare colore ad un td se il campo XXX è = a XXX PHP 10
Shyson Cambiare colore al pulsante button HTML e CSS 6
D cambiare colore al testo il float PHP 1
Z Cambiare colore alla finestra degli avvisi CMS (Content Management System) 1
Shyson Cambiare colore font nel campo Javascript 26
B Cambiare colore riga dati estratti da mysql PHP 24
A Cambiare colore testo ??? Javascript 0
D Cambiare colore di un testo modificando php PHP 3
I Cambiare colore caratteri in echo PHP 1
S Mi aiutate a cambiare il colore di sfondo dei post ? HTML e CSS 2
P cambiare colore fondo (sfumato) Flash 3
U pannellino per cambiare colore alle pagine tramite css e JS Javascript 6
GennyX Cambiare colore alla tabella HTML e CSS 5
max1850 Fireworks: cambiare il colore di uno stile Webdesign e Grafica 9
G Come cambiare in Excel il colore cella attiva? Windows e Software 0
Eugene Cambiare colore sfondo DIV HTML e CSS 2
A cambiare il colore sfondo a tutto il sito HTML e CSS 6
F cambiare colore al passaggio del mouse HTML e CSS 1
M Cambiare pennello a lavoro completo Photoshop 0
Y cambiare sfondo di una pagina Javascript 1
E Cambiare lingua in Elements per Mac Mac e Software 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
K Cambiare font size su echo stringa variabile PHP 24
V [PHP Symphony] Cambiare da ApcCache ad OpCache PHP 4
Web93 CAMBIARE TAG POST TITOLO DA H2 A H1 WordPress 1
L [PHP] cambiare gli if in un url semplice PHP 1
Domenico_Falco1 Cambiare url in un sito con pagine dinamiche Ajax 4
L Cambiare classi solo scroll up jQuery 2
Topografo Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare) Presentati al Forum 1
joomeph Cambiare Nome Utente Supporto Mr.Webmaster 3
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
Licantropo [MySQL] Cambiare le date MySQL 4
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
L Cambiare nome pagina facebook Annunci servizi di Social Media Marketing 4
P [HTML] Wordpress - cambiare font di un tema WordPress 1
L APPARECCHIO VOIP DA CAMBIARE Adsl e Connettività 0
T cambiare formato in uscita timestamp Database 0
crealatualista [Javascript] Cambiare record tabella... Javascript 4
napuleone [Javascript] cambiare i parametri di stampa con js Javascript 2
V javascript - cambiare immagine di sfondo di un div Javascript 3
D [Javascript] Script che consenta di cambiare un'immagine in base all'ora del giorno della settimana Javascript 11

Discussioni simili