lunes, 25 de mayo de 2015

JAVASCRIPT Y HTML



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>