Keskustelu: Ohjelmointikysymykset: JavaScript: elementin piilotus ja näyttäminen

Moi!

Teen pientä kirjautumissysteemiä. Kielinä on: XHTML, JavaScript, PHP. Toiminta olisi seuraava:

• Ensin käyttäjä painaa kirjautumislomakkeen nappia. Se ei submita lomaketta, vaan kutsuu headerissa olevaa JavaScript -funktiota.
• Funktio salaa tiedot. (http://pajhome.org.uk/crypt/md5/) Se kutsuu erillisessä kooditiedostossa olevaa funktiota, joka käyttää AJAX:sia tietojen välittämiseen POSTissa PHP:lle.
• PHP -skripti etsii käyttäjätunnusta ja salattua salasanaa tiedostosta. jos se löytää ne, ja kaikki on oikein, se tulostaa "login". Muuten se tulosta "error".
• Ja nämähän tiedot sitten välittyvät takaisin JavaScriptille, joka ensin katsoo että yhteysyritys onnistui ja sitten katsoo tuloksen. Jos tulos on "login", se asettaa loggedin -muuttujan arvoksi 1. Dokumentin headerissa oleva funktio tarkkailee koko ajan loggedin -muuttujan sisältöä. Sen pitäisi hidettää ja show:ttaa tuo kirjautumislomake ja "Log out" -nappi.

Miten sen saa toimimaan?

Niin jos siis formin haluat piilottaa ja näyttää logout napin niin tolla pitäs onnistua kuhan laittaa formin tuon divin sisälle:

 var formidiv = document.getElementById('formidiv');
var btnlogout = document.getElementById('btnlogout');
if (loggedin)
{
formidiv.style.display="none"
btnlogout.style.display="block"
}
else
{
formidiv.style.display="block"
btnlogout.style.display="none"
}

Hienoa! Itse kun aina olen sählännyt javascriptin kanssa.