HTML Kódy | Ostatní

Celkem 12 JavaScriptů

Alert box při přechodu na jinou stránku (ukázka)

<html><head>

<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<script language="JavaScript">
<!--
function madeby_onclick(){alert('')} function scro(){to= window.setTimeout("hi()", 300);} function hi(){document.all.tab.style.posTop = document.body.scrollTop;} window.onunload=new Function("window.clearTimeout(window.to); alert('Okno pri prechodu na jinou stranku');");
-->
</script></head>





<body>Přejdi na jinou stránku a ukáže se okno...

</body></html>

(Nemusí fungovat v Google Chrome, Mozilla Firefox)

Běžící čas (jak dlouho jste na stránce) (ukázka)

<html><head>

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

<body onload="window.setTimeout('getSecs()',1)">
<script>

startday = new Date();
clockStart = startday.getTime();

function initStopwatch() 
{ 
var myTime = new Date(); 
var timeNow = myTime.getTime(); 
var timeDiff = timeNow - clockStart; 
this.diffSecs = timeDiff/1000; 
return(this.diffSecs); 
} 

function getSecs() 
{ 
var mySecs = initStopwatch(); 
var mySecs1 = ""+mySecs; 
mySecs1= mySecs1.substring(0,mySecs1.indexOf(".")) + " secs."; 
document.forms[0].timespent.value = mySecs1 
window.setTimeout('getSecs()',1000); 
}

</script>


<form>
<div align="center"><center><p>Už jsi na této stránce:<br>
<input name="timespent" size="9" style="color: rgb(0,255,0); background-color: rgb(0,0,0); font-family: LiquidCrystal; font-size: 15; font-weight: bold; text-align: center;">
</p>
</center></div>
</form>


</body></html>

(Pro ty, co chtějí vědět, jak dlouho jsou na stránce)

Čas příchodu na stránku (ukázka)

<html><head>

</head>
<body>

<script language="JavaScript">
<!--
var timeStr;
now= new Date();
hours= now.getHours();
minutes= now.getMinutes();
seconds= now.getSeconds();
timeStr= "" + hours;
timeStr+= ((minutes < 10) ? ":0" : ":") + minutes;
timeStr+= ((seconds < 10) ? ":0" : ":") + seconds;
document.writeln("Na tuto stránku jste přišli v "+ timeStr +"...");
// -->
</script>



</body></html>

(Na stránce bude vypsáno v kolik hodin (přesný čas) jste na ní přišli)

Délka textu v textarea (ukázka)

<html><head>

<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<script>
function rekni()
{
textik=document.formular.vstup.value
alert("Vložený text má " + textik.length + " znaků.")
}
function vymaz()
{
document.formular.vstup.value = ""
}
</script></head>


<body>
<form name="formular">
<textarea name="vstup" rows="13" cols="50"></textarea><br>
<input type="button" value="kolik znaků?" onclick="rekni()">
<input type="button" value="vymaž" onclick="vymaz()">
</form>


</body></html>

(Něco napíšete do Text Area a chcete vědět, kolik má znaků. Stačí jedno kliknutí)

Doba načtení stránky (ukázka)

<html><head>

<script> 

     Start = new Date() 
     function NoteTime() 
     { 
         Stop = new Date() 
          Diff = Stop.getTime() - Start.getTime(); 
	  Diff = Diff / 1000
         window.status=("Stránka byla načtena za: " + Diff + " sekund");
	alert("Stránka byla načtena za: " +Diff + " seconds");
     } 
     </script></head>


<body alink="#fa8f00" bgcolor="#ffffff" link="#0a2968" onload="NoteTime()" text="#000000" vlink="#000000">


</body></html>

(V alert boxu se zobrazí za jak dlouho se stránka načetla)

Odpočet do určitého data (ukázka)

<html><head>

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

<body bgcolor="#FFFFFF" text="#000000" onload="startclock()">

<script language="JavaScript">
var timerID = null;
var timerRunning = false;
function showtime() {
today = new Date();
BigDay = new Date("december 24, 2013")
msPerDay = 24 * 60 * 60 * 1000 ;
timeLeft = (BigDay.getTime() - today.getTime());
e_daysLeft = timeLeft / msPerDay;
daysLeft = Math.floor(e_daysLeft);
e_daysLeft = timeLeft / msPerDay;
daysLeft = Math.floor(e_daysLeft);
e_hrsLeft = (e_daysLeft - daysLeft)*24;
hrsLeft = Math.floor(e_hrsLeft);
minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);
hrsLeft = hrsLeft;
e_minsLeft = (e_hrsLeft - hrsLeft)*60;
secLeft = Math.floor(e_hrsLeft);
secLeft = Math.floor((e_minsLeft - minsLeft)*60);
secLeft = secLeft;
Temp3='Do 24. prosince 2013 zbývá '+daysLeft+' dní, '+hrsLeft+' hodin, '+minsLeft+' minut, '+secLeft+' sekund.'
document.frm.left.value=Temp3;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
var timerID = null;
var timerRunning = false;
function stopclock () {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function stopClock() {
        stopclock();    
        return;
}
function startclock () {
stopclock();
showtime();
}
// -->
</script>

<p align="center"></p><center>
<form name="frm"><input type="textarea" name="left" size="70"></form>
</center><p></p>
 

</body></html>

(Podívejte se do ukázky)

Odstranění diakritiky v textarea (ukázka)

<html><head>

<script language="JavaScript">
<!--
sdiak = "áäčďéěíĺľňóô öŕšťúů üýřžÁÄČĎÉĚÍĹĽŇÓÔ ÖŔŠŤÚŮ ÜÝŘŽ";
bdiak = "aacdeeillnoo orstuu uyrzAACDEEILLNOO ORSTUU UYRZ";
function bezdiak(form)
{
  tx = "";
  txt = form.txt.value;
  for(p = 0; p < txt.length; p++)
  {
    if (sdiak.indexOf(txt.charAt(p)) != -1)
	{
	  tx += bdiak.charAt(sdiak.indexOf(txt.charAt(p)));
	}
	else tx += txt.charAt(p);
  }
  form.txt.value = tx;
}
// -->
</script>
</head>
<body bgcolor="#ffffff">
<form>
<textarea name="txt" cols="30" rows="8">Sem můžete zadat nějaká text s diakritikou a pak pouhým kliknutím na tlačítko Odstraň diakritiku háčky a čárky zmizí.</textarea><p>
<input type="button" value="Odstraň diakritiku" onclick="bezdiak(form);">
</p></form>

</body></html>

(Stačí kliknout a z napsaného textu vám vytvoří bez diakritiky)

Označení textu naráz pomocí tlačítka v textarea (ukázka)

<html><head>

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

<body><form>
<p align="center">
<textarea name="yourForm" rows="3" cols="40" wrap="virtual">HTML Kódy, Scripty... www.html.wbs.cz
</textarea>
<br>
<br>
<input type="button" value="Označit text" onclick="javascript:this.form.yourForm.focus();this.form.yourForm.select();">
</p>
</form>



</body></html>

(Jedno kliknutí a označí se celý kód (text) v Text Area)

Stopky (ukázka)

<html><head>

<script language="JavaScript">
<!--
ms=0;
stav=0;
function startstop()
{
	if (stav==0)
	{
		stav=1;
		then=new Date();
		then.setTime(then.getTime()-ms);
	}else
	{
		stav=0;
		now=new Date();
		ms=now.getTime()-then.getTime();
		document.stopky.cas.value=ms/1000;
	}
}
function vynuluj()
{
	stav=0;
	ms=0;
	document.stopky.cas.value="";
}
function zobraz()
{
	setTimeout("zobraz();",10);
	if (stav==1)
	{
		now=new Date();
		ms=now.getTime()-then.getTime();
		document.stopky.cas.value=ms/1000;
	}
}
// -->
</script>
</head>
<body onload="zobraz()">
<form name="stopky">
Uplynulý čas: <input type="text" name="cas" size="8"><p>
<input type="button" value="Start / Stop" onclick="startstop()">
<input type="button" value="Vynuluj" onclick="vynuluj()">
</p></form>


</body></html>

(Podívejte se do ukázky)

Stopky (lepší) (ukázka)

<html><head>

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


<body onload="zacatek()">
<script>
var setiny = 0
var sekundy = 0
var minuty = 0
var hodiny = 0
function cas()
{
setiny = +setiny + 1
if (setiny == 10) {
setiny = 0
sekundy = +sekundy + 1
}
if (sekundy == 60) {
sekundy = 0
minuty = +minuty + 1
}
if (minuty == 60) {
minuty = 0
hodiny = +hodiny + 1
}
document.formular.vystup.value = +hodiny + ":" + +minuty + ":" + +sekundy + ":" + +setiny
setTimeout("cas()",100);
}
function zacatek()
{
document.formular.vystup.value = +hodiny + ":" + +minuty + ":" + +sekundy + ":" + +setiny
document.formular.vystup2.value = 0
}
function zacni()
{
return (cas())
}
function stopnout()
{
document.formular.vystup2.value = +hodiny + ":" + +minuty + ":" + +sekundy + ":" + +setiny
setiny = 0
sekundy = 0
minuty = 0
hodiny = 0
}
function nuluj()
{
document.formular.vystup2.value = 0
}
function zastav()
{
document.formular.vystup2.value = +hodiny + ":" + +minuty + ":" + +sekundy + ":" + +setiny
}
</script>
<center>
<form name="formular">
<input type="button" name="startovac" value="start" onclick="zacni()">
<input type="button" name="znovu" value="znovu" onclick="stopnout()">
<input type="text" name="vystup">
<input type="button" name="pozastav" value="zapsat" onclick="zastav()">
<br>
<input type="text" name="vystup2"><br>
<input type="button" name="nulovac" value="vynuluj" onclick="nuluj()">
</form>
<tt><b>Pro zrušení počítání klikněte na tlačítko obnovit.</b></tt>
</center>


</body></html>

(Lepší stopky než předchozí. Také v ukázce)

Vypisování textu (jako na psacím stroji) - lze měnit rychlost (ukázka)

<html><head>

<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<script language="JavaScript">
<!--
var count=0
function play(){
msg=borba.innerText
comp=msg.length
type()
}
function type(){
if(count<=comp){
borba.innerText=msg.substring(0,count)
count++
setTimeout("type()",1)}
else{
count=20

}}
//-->
</script></head>




<body onload="play()"><basefont color="#000080">
<p>
<br></p>
<font size="3">
</font><p align="justify"><font size="3"><span id="borba" style="Z-INDEX: 1; LEFT: 100px; WIDTH: 700px; POSITION: absolute; TOP: 100px; HEIGHT: 0px">Zde stačí přidat nějaký text jaký zde chcete zobrazit a je to vše.<br><br>Pokud chcete, aby se vypisoval pomaleji tak na řádku 13 změňte hodnotu 50 třeba na 100<br><br>Pomoci Z-INDEX definujete kde se bude ten text přesně vypisovat:<br>1) LEFT = vzdálenost od levé části prohlížeče<br>2) WIDTH = se určuje vzdálenost ukončení vypisování textu od počátečního bodu<br>3) TOP = vzdálenost od horního okraje prohlížeče<br><br><br>Příklad: LEFT=100, WIDTH=700, TOP=100 to znamená, že text se začne vypisovat ve vzdálenosti 200 pixelů z leva, 100 pixelů od vrchu a zkončí (přejde na daší řádek) v hodnotě 800 pixelů z leva.</span></font>



</p></body></html>

(Moc pěkné. Text se sám vypisuje!)

Vypsání zadaného textu pozpátku (ukázka)

<html><head>

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

<script language="JavaScript">
<!--
function reverseText() {
var msg = (document.reverse.text.value);
var newmsg = "";
for(var i=msg.length; i >= 0; i--) {
    newmsg += msg.substring(i,i-1)
}
alert(newmsg)
}
// -->
</script>

<p align="center">
</p><form name="reverse">
<input type="text" name="text">
<br>
<br>
<input type="button" value="Obrátit vložený text" onclick="reverseText()">
</form>
<p></p> 

</body></html>

(Podívejte se do ukázky)

HTML Kódy‚ Scripty

Krejčovství Knoflíček

Manipulační technika

Truhlářství - Stolařství