sfondo a scelta del visitatore

14-04-2006, 08.47.37

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

14-04-2006, 09.47.35

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

14-04-2006, 09.50.06

Io ho trovato questo che è anche meglio perchè posso mettere l'immagine all'interno della pagina dove voglio io anzichè limitatamente allo sfondo:

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>

e poi richiamare così

Codice HTML:

<script language="JavaScript" type="text/JavaScript">
document.write(image[increment]);
</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?

14-04-2006, 09.59.29

fai così:

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>

Facendo così hai un solo tasto, ma ne puoi creare quanti ne vuoi, basta che crei altre funzioni uguali e altri tasti.

Se anziche i colori usi delle immagini (gif o jpg ecc..) potresti fare così:

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>

Non è una soluzione elegantissima, non l'ho provato ma dovrebbe funzionare... ciao..

14-04-2006, 10.09.34

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?

14-04-2006, 10.11.02

livello? cosa intendi? dentro un frame? o dentro qualche tag?

14-04-2006, 10.16.34

dentro un tag o in sostituzione di una immagine già caricata

14-04-2006, 10.18.12

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>

Dovrebbe andare fatto così... ;)

14-04-2006, 10.25.54

Perfetto, grazieeeeeeeee
ultima cosa:
ora se io volessi più scelte o sfogliare per poi tornare a quella di partenza?

14-04-2006, 10.39.56

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!

14-04-2006, 10.49.25

Grazieee
sto cercando il modo di scegliere una immagine fra alcune che ho nella cartella semplicemente cliccando su alcune voci, dove posso cercare?

Discussione: sfondo a scelta del visitatore

LinkBack

Strumenti discussione

Display

sfondo a scelta del visitatore

Regole di scrittura