Una excelente forma de que nuestras páginas web sobresalgan a otras es usando pequeños código de JavaScript en ellas, a continuación les dejaré una serie de scripts para que los apliquen a sus páginas web.
Esta porción del código debe ir entre <head> y </head>
<script>
function framesize(id) {
var theheight;
document.getElementById(id).height = 0;
if(document.getElementById) {
theheight = document.getElementById(id).contentWindow.document.body.scrollHeight;
}
document.getElementById(id).height = theheight;
}
</script>
Este el código del marco que se abrirá, en el parámetro src puedes escribir el nombre la página que deseas abrir en tu marco.
<iframe src="pagina.html" id="frame" width="100%" frameborder="0" onload="framesize('frame');"></iframe>
Este código lo puedes usar en los casos en los que el usuario tiene intentos fallidos de acceso a tu sistema o bien el sistema manda un error y automáticamente se debe regresar a la página anterior.
<script type="text/javascript">
window.alert('ERROR!!! debes intentarlo nuevamente.')
function goBack() {
window.history.back()
}
setTimeout ("goBack()", 500);
</script>
Al igual que el código anterior puedes usar este script, pero en este caso se redireccionará a una página específica.
<script type="text/javascript">
window.alert('Bienvenido al sistema, ahora se redireccionará la página principal')
function redireccionar(){
location.href="pagina.html";
}
setTimeout ("redireccionar()", 1000);
</script>
El siguiente código es para introducir relojes digitales en tu página web o blog
Reloj No. 1
<span id="liveclock" style="position:absolute;left:0;top:0;"></span><script language="JavaScript" type="text/javascript">
<!--
function show5(){
if (!document.layers&&!document.all&&!document.getElementById)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here to your desire
myclock="<font size='5' face='Arial' ><b><font size='1'>Hora actual:</font></br>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
else if (document.getElementById)
document.getElementById("liveclock").innerHTML=myclock
setTimeout("show5()",1000)
}
window.onload=show5
//-->
</script>
Reloj No. 2
<script type="text/javascript">
function startTime(){
today=new Date();
h=today.getHours();
m=today.getMinutes();
s=today.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById('reloj').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);}
function checkTime(i)
{if (i<10) {i="0" + i;}return i;}
window.onload=function(){startTime();}
</script>
<div id="reloj" style="font-size:20px;"></div>
Reloj No. 3 - en la pestaña del navegador
<script language="JavaScript" type="text/javascript">
function doTheClock() {
window.setTimeout( "doTheClock()", 1000 );
t = new Date();
if(document.all || document.getElementById){
document.title = t.toString();
}else{
self.status = t.toString();
}
}
doTheClock()
</script>