HTML Kódy | Nezařaditelné

Celkem 7 JavaScriptů

Bublina za kurzorem (ukázka)

<html><head>

<script language="JavaScript">
<!--
time=window.setTimeout("zobraz()", 1000000);
function over()
{
	time=window.setTimeout("zobraz()", 500);
}
function out()
{
	window.clearTimeout(time);
}
function move()
{
	bublina.style.display="none";
	window.clearTimeout(time);
	time=window.setTimeout("zobraz()", 500);
	bublina.style.top=event.clientY+15+document.body.scrollTop;
	bublina.style.left=event.clientX+12+document.body.scrollLeft;
}
function zobraz()
{
	bublina.style.display="";
}
// -->
</script>
</head>
<body onmousemove="move()" onmouseout="out()" onmouseover="over()">
Nechte myš chvíli v klidu...
<div style="position: absolute; height: 50px; width: 150px; border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 204); font-family: Verdana; font-size: 10px; color: rgb(0, 0, 0); top: 310px; left: 278px;" id="bublina">Tady mužé bý nějaký text, nápověda,...</div>


</body></html>

(V ukázce nechte kurzor pár vteřin vklidu)

Kalkulačka (ukázka)

<html><head>

<style type="text/css">
td{height:50}
h2{margin-left:45%}
td{width:12%}
a:link{color:black}
a:visited{color:black}
a:active{color:black}
a:hover{background-color:rgb(190,190,190)}
th{font-size:110%;color:black}
tr{height:40px}
</style>
<script language="Javascript">
var retezec=0;
var retezecdva=0;
function PrictiKRetezci1()
{
	vypis=1;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezci2()
{
	vypis=2;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezci3()
{
	vypis=3;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;	
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezci4()
{
	vypis=4;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezci5()
{
	vypis=5;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezci6()
{
	vypis=6;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezci7()
{
	vypis=7;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezci8()
{
	vypis=8;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}		
	else																			// by Pavel
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezci9()
{
	vypis=9;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezci0()
{
	vypis=0;
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function PrictiKRetezciTecku()
{
	vypis='.';
	if(document.all.text3.value=='^'||document.all.text3.value=='+'||document.all.text3.value=='-'||document.all.text3.value=='/'||document.all.text3.value=='*')	
	{
		document.all.text2.value+=vypis;
		document.all.text6.value+=vypis;
	}	
	else
	{
		document.all.text1.value+=vypis;
		document.all.text6.value+=vypis;
	}
}
function XLomenoJedna()
{
	var xyz=document.all.text1.value;
	var vys=1/xyz;
	document.all.text4.value=vys;
}
function Pi()
{
	document.all.text2.value=Math.PI;
	document.all.text6.value+=Math.PI;
}
function AbsolutniHodnota()
{
	document.all.text4.value=Math.abs(document.all.text1.value);
}
function Sinus()
{
	var sin=document.all.text1.value;
	rad=(Math.PI/180)*sin;
	sinus=Math.sin(rad);
	document.all.text4.value=sinus;
}
function Cosinus()
{
	var cosin=document.all.text1.value;
	rad=(Math.PI/180)*cosin;
	cosinus=Math.cos(rad);
	document.all.text4.value=cosinus;
}
function Tangens()
{
	var tan=document.all.text1.value;
	rad=(Math.PI/180)*tan;
	tangens=Math.tan(rad);
	document.all.text4.value=tangens;
}
function PrictiKRetezciDeleno()
{
	vypis='/';
	document.all.text3.value=vypis;
	document.all.text6.value+=document.all.text3.value;
}
function PrictiKRetezciNasobeno()
{
	vypis='*';
	document.all.text3.value=vypis;
		document.all.text6.value+=document.all.text3.value;
}
function PrictiKRetezciMinus()
{
	vypis='-';
	document.all.text3.value=vypis;
	document.all.text6.value+=document.all.text3.value;
}
function PrictiKRetezciPlus()
{
	vypis='+';
	document.all.text3.value=vypis;
	document.all.text6.value+=document.all.text3.value;
}
function Faktorial()
{
	var f=document.all.text1.value;
	var min=0;
	var c=1;
	if(f>170)
	{
		document.all.text4.value="tak moc, že to PC nezvládá";
	}
	else
	{
		while(f>min&&f<=170)
		{
			c=c*f;	
			f--;
		
		}
		if(f==0)
		{
			document.all.text4.value=c;
		}
	}
}
function C()
{
	document.all.text1.value="";
	document.all.text2.value="";
	document.all.text3.value="";
	document.all.text4.value="";
	document.all.text6.value="";
}
function ZmenZnamenko()
{
	var zmeneno;
	zmeneno=(document.all.text1.value*(-1));
	document.all.text1.value=zmeneno;
	document.all.text6.value=zmeneno;
}
function NaXtou()
{
	document.all.text3.value='^';	
	document.all.text6.value+=document.all.text3.value;
}
function M()
{
	document.all.text5.value=document.all.text1.value;
}
function MR()
{
	document.all.text2.value=document.all.text5.value;
	document.all.text6.value+=document.all.text5.value;
}
function XM()
{
	document.all.text5.value=0;
}

function Vysledek()
{
	var vysledek;
	var prvni=document.all.text1.value;
	var znamenko=document.all.text3.value;
	var druhy=document.all.text2.value;
	if(znamenko=='+')
	{
		vysledek=(eval(self.document.forms.f.text1.value)+eval(self.document.forms.f.text2.value));
	}
	else if(znamenko=='-')
	{
		vysledek=prvni-druhy;
	}
	else if(znamenko=='/')
	{
		vysledek=prvni/druhy;
	}
	else if(znamenko=='*')
	{
		vysledek=prvni*druhy;
	}	
	else if(znamenko=='^')
	{
		var cislo=document.all.text1.value;
		var na=document.all.text2.value;
		var v=1;
		var vysl;
		while(na>0)
		{
			v=v*cislo;
			na--;
		}
		if(cislo==0)
		{
			vysledek=0;
		}
		if(na==0&&cislo>0)
		{
			vysledek=v;
		}
		
	}
	document.all.text4.value=vysledek;
	document.all.text1.value="";
	document.all.text2.value="";
	document.all.text3.value="";
}
function VysledekDo1()
{
	document.all.text1.value=document.all.text4.value;
	document.all.text6.value=document.all.text4.value;
}
</script>
</head>
<body>
<h2>Kalkulačka</h2>
<table border="1" align="center" width="60%" cellspacing="10">

<tbody><tr align="right">
<td colspan="8">
<form name="f">
<input type="text" id="text6" style="text-align:center" size="100%" readonly="">
<input type="hidden" id="text1" style="text-align:center" size="30" readonly="">
<input type="hidden" id="text3" style="text-align:center" size="1" readonly="">
<input type="hidden" id="text2" style="text-align:center" size="30" readonly=""><br>
<b>Výsledek :</b> <input type="text" onclick="VysledekDo1();" id="text4" style="text-align:center;font-weight:bold;" size="30" readonly=""></form></td>
</tr><tr align="center">
<td><button type="button" id="c" onclick="C();"><table border="0" height="30" width="30"><tbody><tr><th> CE </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="sinus" onclick="Sinus();"><table border="0" height="30" width="30"><tbody><tr><th>sin</th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="nadruhou" onclick="NaXtou();"><table border="0" height="30" width="30"><tbody><tr><th>x^y</th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="7" onclick="PrictiKRetezci7();"><table border="0" height="30" width="30"><tbody><tr><th> 7 </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="8" onclick="PrictiKRetezci8();"><table border="0" height="30" width="30"><tbody><tr><th> 8 </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="9" onclick="PrictiKRetezci9();"><table border="0" height="30" width="30"><tbody><tr><th> 9 </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="deleno" onclick="PrictiKRetezciDeleno();"><table border="0" height="30" width="30"><tbody><tr><th> / </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="xm" onclick="XM();"><table border="0" height="30" width="30"><tbody><tr><th>MC</th></tr></tbody></table></button>
</td>
</tr>
<tr align="center">
<td>
 
</td>
<td>
<button type="button" id="cosinus" onclick="Cosinus();"><table border="0" height="30" width="30"><tbody><tr><th>cos</th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="x1" onclick="XLomenoJedna();"><table border="0" height="30" width="30"><tbody><tr><th>1/x</th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="4" onclick="PrictiKRetezci4();"><table border="0" height="30" width="30"><tbody><tr><th>  4 </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="5" onclick="PrictiKRetezci5();"><table border="0" height="30" width="30"><tbody><tr><th>  5  </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="6" onclick="PrictiKRetezci6();"><table border="0" height="30" width="30"><tbody><tr><th>  6  </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="nasobeno" onclick="PrictiKRetezciNasobeno();"><table border="0" height="30" width="30"><tbody><tr><th> * </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="mr" onclick="MR();"><table border="0" height="30" width="30"><tbody><tr><th>MR</th></tr></tbody></table></button>
</td>
</tr>
<tr align="center">
<td>
 
</td>
<td>
<button type="button" id="tan" onclick="Tangens();"><table border="0" height="30" width="30"><tbody><tr><th>tan</th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="pi" onclick="Pi();"><table border="0" height="30" width="30"><tbody><tr><th> PI </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="1" onclick="PrictiKRetezci1();"><table border="0" height="30" width="30"><tbody><tr><th> 1 </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="2" onclick="PrictiKRetezci2();"><table border="0" height="30" width="30"><tbody><tr><th> 2 </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="3" onclick="PrictiKRetezci3();"><table border="0" height="30" width="30"><tbody><tr><th> 3 </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="minus" onclick="PrictiKRetezciMinus();"><table border="0" height="30" width="30"><tbody><tr><th> - </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="m" onclick="M();"><table border="0" height="30" width="30"><tbody><tr><th> M+ </th></tr></tbody></table></button>
</td>
</tr>
<tr align="center">
<td>
 
</td>
<td>
<button type="button" id="abs" onclick="AbsolutniHodnota();"><table border="0" height="30" width="30"><tbody><tr><th>abs</th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="fakt" onclick="Faktorial();"><table border="0" height="30" width="30"><tbody><tr><th> n! </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="0" onclick="PrictiKRetezci0();"><table border="0" height="30" width="30"><tbody><tr><th> 0 </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="." onclick="PrictiKRetezciTecku();"><table border="0" height="30" width="30"><tbody><tr><th> . </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="zmen" onclick="ZmenZnamenko();"><table border="0" height="30" width="30"><tbody><tr><th>+/-</th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="plus" onclick="PrictiKRetezciPlus();"><table border="0" height="30" width="30"><tbody><tr><th> + </th></tr></tbody></table></button>
</td>
<td>
<button type="button" id="rovnase" onclick="Vysledek();"><table border="0" height="30" width="30"><tbody><tr><th> = </th></tr></tbody></table></button>
</td>
</tr>
</tbody></table>


</body></html>

(Jednoduchá kalkulačka, je spíše profesionální)

Kontrola správnosti e-mailu (ukázka)

<html><head>

<script language="JavaScript">
<!--
function kontrola()
{
	if (window.RegExp)
	{
		znaky=new RegExp("^[^.]+(\.[^.]+)*@([^.]+[.])+[a-z]{2,3}$");
		if (!znaky.test(formular.email.value))
		{
			window.alert("Zadaná adresa není platným e-mailem!");
			formular.email.focus();
			return false;
		}
	}
}
// -->
</script>
</head>
<body>
<center>
<form name="formular" onsubmit="return kontrola();">
<input type="text" name="email"><br>
<input type="submit" value="Odeslat">
</form>
</center>


</body></html>

(Nechcete ve formuláři, aby někdo zneužíval neplatného mailu? Zkuste toto!)

Preload Bar (ukázka)

<html><head>

<meta http-equiv="content-type" content="text/html; charset=windows-1250">

<style type="text/css">
<!--
body
{
background-color: whitesmoke;
font-size: 12px;
color: silver;
font-weight: bold;
font-family: verdana
}
.1
{
font-size: 12px;
color: silver;
font-weight: bold;
font-family: verdana
}
.2
{
font-size: 10px;
color: BLACK;
font-weight: bold;
font-family: verdana;
text-align: center
}
-->
</style>

</head>
<body>

<center>
<div class="1"><font face="verdana" size="-1"><b>Nahrávání, cekejte prosím...</b></font></div>
</center>
<center>
<table>
 <tbody><tr><td width="76" height="15" bgcolor="whitesmoke">
<div style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 5pt; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid">
<span id="progress1" style="background-color: blue;">&nbsp; &nbsp;</span> 
<span id="progress2" style="background-color: blue;">&nbsp;  &nbsp;</span> 
<span id="progress3" style="background-color: blue;">&nbsp; &nbsp;</span> 
<span id="progress4" style="background-color: blue;">&nbsp; &nbsp;</span> 
<span id="progress5" style="background-color: blue;">&nbsp; &nbsp;</span>
<span id="progress6" style="background-color: blue;">&nbsp; &nbsp;</span>
<span id="progress7" style="background-color: transparent;">&nbsp; &nbsp;</span>
<span id="progress8" style="background-color: transparent;">&nbsp; &nbsp;</span> 
<span id="progress9" style="background-color: transparent;">&nbsp; &nbsp;</span>

</div></td></tr></tbody></table>
<script language="javascript">
//vytvorime zakladne premenne ktore potrebujeme
var progressEnd = 9;                  // Nadstavenie cisla kolko  <span> liniek mame.
var progressColor = 'blue';           // Farba nacitavane
var progressInterval = 2100;       // interval medzi pridanim jednotlivych liniek (milli-seconds)

var progressAt = progressEnd;    //prograssAt stav spracovania 
var progressTimer;                    //casovac spracovania
  
function progress_clear() 
{
        for (var i = 1; i <= progressEnd; i++) document.getElementById('progress'+i).style.backgroundColor = 'transparent';
        progressAt = 0;
}
//prograss_clear - funkcia ktora vrati na zaciatok
function progress_update() 
{
        progressAt++;
        if (progressAt > progressEnd) progress_clear();
        else document.getElementById('progress'+progressAt).style.backgroundColor = progressColor;
        progressTimer = setTimeout('progress_update()',progressInterval);
}
//prograss_update - prida, respektive zafarbi span
function progress_stop() 
{
        clearTimeout(progressTimer);
        progress_clear();
}
//prograss_stop - zastavi farbenie
progress_update();                // zavolame funckiu
</script>
</center>


</body></html>

(Podívejte se do ukázky)

Přihlašování na stránku pomocí JavaScriptu (ukázka)

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
function Login(){ 
var done=0; 
var username=document.login.username.value; 
var password=document.login.password.value; 
if (username=="Jmeno1" && password=="Heslo1") { window.location="ADRESA KAM UŽIVATEL VLEZE"; done=1; }
if (username=="Jmeno2" && password=="Heslo2") { window.location="ADRESA KAM UŽIVATEL VLEZE"; done=1; }
if (username=="Jmeno3" && password=="Heslo3") { window.location="ADRESA KAM UŽIVATEL VLEZE"; done=1; }
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>

(V ukázce zkuste třeba: Jméno: Jmeno2; Heslo: Heslo2)

Tisk stránky (ukázka)

<html><head>

<meta http-equiv="content-type" content="text/html; charset=windows-1250">
</head>

<body><a href="javascript:print('')"><img height="32" alt="Tisk stránky" src="http://www.jaknaweb.com/script-ukazka/57/tisk-stranky/tisk.jpg" width="32" border="0"></a>



</body></html>

(Myslím, že toto chápete - pokut někdo neví, jak vytisknout stránku, vložte si tento kód)

Zablokování pravého tlačítka myši (ukázka)

<html><head>

<script language="JavaScript1.2">
<!--
 
 
if (window.Event) // Only Netscape will have the CAPITAL E.
  document.captureEvents(Event.MOUSEUP); // catch the mouse up event
 
function nocontextmenu()  // this function only applies to IE4, ignored otherwise.
{
 event.cancelBubble = true
 event.returnValue = false;
 
 return false;
}
 
function norightclick(e) // This function is used by all others
{
 if (window.Event) // again, IE or NAV?
 {
  if (e.which == 2 || e.which == 3)
   return false;
 }
 else
  if (event.button == 2 || event.button == 3)
  {
   event.cancelBubble = true
   event.returnValue = false;
   return false;
  }
 
}
 
document.oncontextmenu = nocontextmenu;  // for IE5+
document.onmousedown = norightclick;  // for all others
//-->
</script>


</head>

<body>

<p> </p>
<p> </p>
<p align="center">Zmáčkni pravé tlačítko myši...a nic by se nemělo stát...</p>


</body></html>

(Zkuste v ukázce)

HTML Kódy‚ Scripty

KAMENNÝ OBKLAD

Salón pre psov AISHA

Rychlá půjčka