Autor Tema: Coleccion JavaScript  (Leído 512 veces)

4ng3r

  • Moderador
  • Mensajes: 145
    • Ver Perfil
    • 4ng3r Blog
    • Email
Coleccion JavaScript
« : enero 07, 2010, 01:17:45 am »
Cita
Un cordial saludo a todos los miembros de la comunidad RIC, he decidido abrir este espacio para compartir nuestros c
« Última Modificación: enero 07, 2010, 01:19:27 am por 4ng3r »

4ng3r

  • Moderador
  • Mensajes: 145
    • Ver Perfil
    • 4ng3r Blog
    • Email
Re: Coleccion JavaScript
« Respuesta #1 : enero 07, 2010, 01:35:57 am »
Objetivo: Mostrar la fecha actual

Explicaci

4ng3r

  • Moderador
  • Mensajes: 145
    • Ver Perfil
    • 4ng3r Blog
    • Email
Re: Coleccion JavaScript
« Respuesta #2 : enero 07, 2010, 02:07:31 am »
Obejtivo: HTML en tiempo REAL

Explicacion: En este c

4ng3r

  • Moderador
  • Mensajes: 145
    • Ver Perfil
    • 4ng3r Blog
    • Email
Re: Coleccion JavaScript
« Respuesta #3 : enero 08, 2010, 12:06:33 am »
Objetivo: Ver contrase

4ng3r

  • Moderador
  • Mensajes: 145
    • Ver Perfil
    • 4ng3r Blog
    • Email
Re: Coleccion JavaScript
« Respuesta #4 : enero 10, 2010, 02:10:48 pm »
Objetivo: Validar numero en un formulario

Explicaci
« Última Modificación: enero 10, 2010, 02:17:21 pm por 4ng3r »

4ng3r

  • Moderador
  • Mensajes: 145
    • Ver Perfil
    • 4ng3r Blog
    • Email
Re: Coleccion JavaScript
« Respuesta #5 : julio 23, 2010, 11:39:31 pm »
Objetivo: Centrar un div a cualquier tipo de resolucion

codigo :

Código: (html4strict) [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<script>
function getWindowData(){
    var widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal;
    if (typeof window.innerWidth != 'undefined'){
        widthViewport= window.innerWidth;
        heightViewport= window.innerHeight;
    }else if(typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0){
        widthViewport=document.documentElement.clientWidth;
        heightViewport=document.documentElement.clientHeight;
    }else{
        widthViewport= document.getElementsByTagName('body')[0].clientWidth;
        heightViewport=document.getElementsByTagName('body')[0].clientHeight;
    }
    xScroll=self.pageXOffset || (document.documentElement.scrollLeft+document.body.scrollLeft);
    yScroll=self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop);
    widthTotal=Math.max(document.documentElement.scrollWidth,document.body.scrollWidth,widthViewport);
    heightTotal=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight,heightViewport);
    return [widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal];
}
function $(id){
return document.getElementById(id);
}
window.onload=window.onresize=window.onscroll=function(){
var data=getWindowData();
$('pp').style.left=data[0]/2+data[2]-parseInt($('pp').style.width)/2+'px';
$('pp').style.top=data[1]/2+data[3]-parseInt($('pp').style.height)/2+'px';
}

</script>

</head>

<body>
<div id="nada"></div>
<div id="pp" style="border:1px solid #000;position:absolute;width:410px; height:145px;">algo</div> 
</body>
</html>

4ng3r

  • Moderador
  • Mensajes: 145
    • Ver Perfil
    • 4ng3r Blog
    • Email
Re: Coleccion JavaScript
« Respuesta #6 : agosto 02, 2010, 03:45:49 am »
Objetivo: Agregar fila a nuestra tabla

Código: (javascript) [Seleccionar]
<html>
<head>
<script type="text/javascript">
function insRow()
{
var x=document.getElementById('myTable').insertRow(0);
var y=x.insertCell(0);
var z=x.insertCell(1);
y.innerHTML="NEW CELL1";
z.innerHTML="NEW CELL2";
}
</script>
</head>

<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="insRow()" value="Insert row">

</body>
</html>