Printable View
Ragazzi esiste un modo per far scegliere al visitatore 3/4 tipologie di sfondo nella finestra cliccando su un semplice menù?
esempio:
sfondo mare
sfondo montagna
sfondo lago
e cliccando su una voce si cambia lo fondo della finestra mantenendolo?
grazie mille
buonlavoro ragazzi
devi usare i fogli di stile e javascript.
Nel foglio di stile specificherai:
body {background-color:#000000}
nella pagina potresti fare:
<a href="javascript: document.body.style.background-color="#FF0000">Cambia</a>
Non l'ho provato vedi se funziona
Io ho trovato questo che è anche meglio perchè posso mettere l'immagine all'interno della pagina dove voglio io anzichè limitatamente allo sfondo:
e poi richiamare cosìCodice HTML:<script language="JavaScript" type="text/JavaScript">
<!--
function image() {
};
image = new image();
number = 0;
// imageArray
image[number++] = "<img src='oggetti/città.gif'>"
image[number++] = "<img src='oggetti/colori.gif'>"
image[number++] = "<img src='oggetti/link.gif'>"
// Aggiungi qui le altre immagini ....
increment = Math.floor(Math.random() * number);
// -->
</script>
manca una cosa però... io non voglio che il visitatore aggiorni la pagina ma deve solo cliccare su un link o tasto...si può fare?Codice HTML:<script language="JavaScript" type="text/JavaScript">
document.write(image[increment]);
</script>
fai così:
Facendo così hai un solo tasto, ma ne puoi creare quanti ne vuoi, basta che crei altre funzioni uguali e altri tasti.Codice PHP:<html>
<head>
<style type="text/css">
body {background-color:#00FF99}
</style>
<script language="JavaScript" type="text/JavaScript">
function cambia() {
document.getElementById('sfondo').style.background="#FF0000";
}
</script>
</head>
<body id="sfondo">
<a href="javascript:cambia()">Cambia</a>
</body>
</html>
Se anziche i colori usi delle immagini (gif o jpg ecc..) potresti fare così:
Non è una soluzione elegantissima, non l'ho provato ma dovrebbe funzionare... ciao..Codice PHP:<html>
<head>
<style type="text/css">
body { background:url(mare.jpg) }
</style>
<script language="JavaScript" type="text/JavaScript">
function cambia() {
document.getElementById('sfondo').style.background="url(montagna.jpg)";
}
</script>
</head>
<body id="sfondo">
<a href="javascript:cambia()">Cambia</a>
</body>
</html>
ok grazie mille
va bene... solo se io volessi altri tipi di sfondo come immagini personali? e soprattutto se li voglio all'interno ad esempio di un livello?
livello? cosa intendi? dentro un frame? o dentro qualche tag?
dentro un tag o in sostituzione di una immagine già caricata
Dovrebbe andare fatto così... ;)Codice PHP:<html>
<head>
<style type="text/css">
#ciccio { background:url(mare.jpg); width:50px; height:50px; }
</style>
<script language="JavaScript" type="text/JavaScript">
function cambia() {
document.getElementById('ciccio').style.background ="url(montagna.jpg)";
}
</script>
</head>
<body id="sfondo">
<div id="ciccio">Ciao a tutti</div>
<a href="javascript:cambia()">Cambia</a>
</body>
</html>
Perfetto, grazieeeeeeeee
ultima cosa:
ora se io volessi più scelte o sfogliare per poi tornare a quella di partenza?
Ti consiglio (per semplicità, non per altro..) di creare tre funzioni contenenti i tre colori... ( di cui uno è quello iniziale.. ).
E quindi creare tre link anziche uno come ti avevo postato..
Il sistema per creare qualcosa di piu dinamico c'è ma è piu complesso e prima di postartelo sarebbe meglio che lo provassi personalmente in locale..
Se vuoi azzardare qualcosa di piu "professionale" dovresti creare piu fogli di stile CSS e creare un selettore dinamico che ti faccia passare da uno stile ad un altro.. Trovi roba gia pronta in rete..
Ciauz!
Grazieee
sto cercando il modo di scegliere una immagine fra alcune che ho nella cartella semplicemente cliccando su alcune voci, dove posso cercare?