candele virtuali

**cristalangel** · 07-04-2006, 13:22

ma mi serve una mano
la cosa non è così semplice come sembra dunque esite un scritp o un form per fare delle candele virtuali dove le persone possono accenderle da sole come in questo sito
http://www.col.fr/bougies/
grazie

**aedo** · 07-04-2006, 13:56

Ho provato a guardare l'html ma mi si è inchiodata la pagina.

**fcaldera** · 07-04-2006, 14:33

in generale ti serve che il meccanismo di accensione funzioni solo fino a che il browser rimane aperto?

Oppure ti aspetti che in seguito l'utente rientrando nella pagina veda la candela che ha acceso (o anche spenta se non l'ha accesa)?

nel primo caso basta un semplice javascript che ti consenta di passare da un immagine di candela senza fiamma ad una immagine animata con la fiamma che arde.

Nel secondo caso devi stabilire come tenere memoria dell'accensione (o non accensione) della candela... lato client con un cookie oppure mantenendo l'informazione lato server in un database.

**cristalangel** · 07-04-2006, 15:45

grazie il caso è il 2 sapete darmi pèer caso lo scrip io ci ho provato ma in questo sono imbranata

**fcaldera** · 07-04-2006, 17:28

sposto la discussione in javascript e ti propongo un esempio con i cookies

innanzitutto crea due file:
- 'candela_on.gif' (candela accesa - prendila dalla pagina che hai linkato)
- 'candela_off.gif' (candela spenta, puoi ricavarla dalla prima con un qualsiasi programma di grafica)

dopodichè copia e incolla questo script e salvalo come file .html - infine, copia i due
file .gif nella setssa cartella del file .html

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">

<head>
<title>Candele</title>


<script type="text/javascript">
// <![CDATA[
var c;
var info;

function createCookie(name,value,days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name)
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name)
{
	createCookie(name,"",-1);
}

function accendiCandela() {
    info.innerHTML = 'La candela è ora accesa. Se il browser accetta i cookies dovresti trovare';
    info.innerHTML += 'la fiamma accesa al tuo ritorno.
';
    createCookie('candle','accesa',100); 
    c.src = "candela_on.gif";    
}

function spegniCandela() {
    eraseCookie('candle');
    c.src = "candela_off.gif";
    info.innerHTML = 'Accendi la candela';
}

function vediCandela() {
    c = document.getElementById('candle');
    info = document.getElementById('info');
    if (readCookie('candle') != null) {
        c.src = "candela_on.gif";
        info.innerHTML = 'avevi acceso la candela... vuoi spegnere la candela?';
    }
    else {
        c.src = "candela_off.gif";
        info.innerHTML = 'Accendi la candela';
    }
}

// ]]>
</script>
</head>



<body onload="vediCandela()">
    [img][/img]
    <div id="info">
    
    </div>
</body>
</html>

Ciao

**fcaldera** · 07-04-2006, 18:11

Ps: l'ho provato su firefox in locale e funziona... su IE non ho provato

puoi scaricare anche le immagini che ho usato su
http://files.filefront.com/candele1z.../fileinfo.html

Ciao

**cristalangel** · 07-04-2006, 19:46

Grazie tante scusa se rompo ancora ma i dati dell'utente come li introduco nella pagina ossia come creo il form?
grazie ancora

**fcaldera** · 07-04-2006, 19:55

se mi spieghi che cosa c'entra il form con il meccanismo di accensione di una candela...

dovresti spiegare esattamente che cosa vuoi fare, altrimenti non riusciamo a capire quello che intendi tu. :master:

**cristalangel** · 07-04-2006, 19:59

in modo che chi vuole accendere la candela possa anche inserire il suo nome e un messaggio

**fcaldera** · 07-04-2006, 22:53

ok allora devi per forza usare uno o più script lato server
per fare questo.

Inizia con specificare che linguaggio supporta l'hosting in cui vuoi pubblicare questa pagina (php, asp, jsp...) e chiedi ad un moderatore di questo forum di farti spostare la discussione nel posto più adatto

Ciao

Discussione: candele virtuali

Strumenti discussione

Ricerca discussione

Visualizza

candele virtuali

Permessi di invio