vše pro web
Články
  • XHTML (50)
  • CSS (83)
  • XML (50)
  • .NET (96)
  • WAP (17)
  • Tvorba www (38)
  • Tipy a Triky (24)
  • Editory (7)
<SCRIPT LANGUAGE="JavaScript">
< !--
function Login(){
var done=0;
var username=document.login.username.value;
var password=document.login.password.value;
if (username=="JMÉNO" && password=="HESLO") { window.location="ADRESA KAM UŽIVATEL VLEZE"; done=1; } //V PŘÍPADĚ VÍCE UŽIVATELŮ TENTO KOD KOPÍRUJTE!! Maikis
if (done==0) { alert("Bylo zadáno špatné jméno nebo heslo!"); }
}
// -->
< /SCRIPT>

< form name=login>
< TABLE WIDTH="100" BORDER="0" CELLSPACING="2" CELLPADDING="0">
< tr><td colspan=2><center><FONT FACE="HELVETICA CE, ARIAL CE, ARIAL, HELVETICA" SIZE="3"><b>Přihlášení uživatele:</b></font></center></td></tr>
< tr><td>Jméno:</td><td><INPUT TYPE="Text" NAME="username"></td></tr>
< tr><td>Heslo:</td><td><input type="password" name="password"></td></tr>
< tr><td colspan=2 align=center><input type=button value="Přihlásit se" onClick="Login()"></td></tr>
< /table>
< /form>
<script>
< !--
var id,pause=0,position=0;
function banner()
{
var m1 = " Nazdar!!!";
var m2 = " ";
var i,k,msg=m1+m2;
k=(70/msg.length)+1;
for(i=0;i<=k;i++) msg+=" "+msg;
window.status=msg.substring(position,position-120);
if(position++==msg.length) position=100;
id=setTimeout("banner()",100);
}
// -->
< /script>

Skrytí části stránky je jednoduché, stačí určitému bloku dát

display: none;

v CSS a pak ten text pomocí JavaScriptu opět zobrazit. To by bylo snadné, ale co když nekdo má vyplý JavaScript… Opět jednoduché, ten text se nechá zmizet také pomocí JavaScriptu. Zaslouží se o tom tento kód, který necháme spustit po načtení stránky (onload atribut v prvku <body>)

function setClass(cls) {
document.getElementById("hide").className=cls;
}

Tento kód zaručí, že stačí zavolat funkci setClass s parametrem ‚none‘ a elementu s id hide se přiřadí třída ‚none‘.

Jak jsem psal, tento kód spustíme po načtení stránky takto:

<body onload="setClass('none');">

Půlka práce za námi, objekt zmizel a nyní už stačí jen znovu „objevit“ tento objekt. Bude to pomocí odkazu, kde po kliknutí přiřadíme akci pro objevení objektu.

<a href="#" onclick="setClass('visible');">a</a>

Samozřejmě musíte mít tyto dvě třídy ve vašem CSS souboru asi takto:

.none {display: none;}
.visible {display: block;}
Scripty
Tipy a Triky
  • XHTML & CSS (8)
  • PHP & MySQL (17)
  • Java Script (6)
  • Pomůcky pro web (3)
  • Ostatní (11)