<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PRUEBA DE SCRIPT</title>
<link href="../css/paginas.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.textogrande {font-size: 14px; font-weight:bolder;}
body {
margin-bottom: 0px;
}
-->
</style>
<script type="text/javascript">
function contador(textarea, contad, formulario)
{
var area = eval("document."+formulario+"."+textarea+".value");
var resultado = 90 - area.length;
if(resultado >= 0)
eval("document."+formulario+"."+contad+".value = '"+resultado+"'");
else
{
eval("document."+formulario+"."+contad+".value = '"+0+"'");
document.form1.txtMensaje.value = document.form1.txtMensaje.value.substring(0, 90);
}
}
function Limpiar()
{
document.form1.txtMensaje.value = "";
document.form1.txtNombre.value = "";
document.form1.txtNroTelf.value = "";
document.form1.txtCaptcha.value = "";
document.form1.txtContador.value = 90;
}
</script>
<script src="../js/SpryValidationTextField.js" type="text/javascript"></script>
<link href="../css/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/cal/calendar.js"></script>
<script type="text/javascript" src="../js/cal/calendar-setup.js"></script>
<script type="text/javascript" src="../js/cal/calendar-es.js"></script>
<style type="text/css"> @import url("../css/cal/calendar-blue.css"); </style>
</head>
<body>
<br /><form name="form1" method="post" action="pagina.aspx" id="form1">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwNjcwOTQyMDUPZBYCAgEPZBYOAgEPDxYCHgdWaXNpYmxlaGRkAgMPDxYEHgtCb3JkZXJDb2xvcgqcAR4EXyFTQgIQZGQCBQ8PFgQfAQqcAR8CAhBkZAILDw8WBB8BCpwBHwICEGRkAg8PDxYEHwEKnAEfAgIQZGQCEw8PFgQfAQqcAR8CAhBkZAIZD2QWAmYPZBYCAgEPFgIeCWlubmVyaHRtbAW7ATxkaXYgY2xhc3M9J2VtaXNvcic+PHNwYW4gY2xhc3M9J3Ntc05vbWJyZSc+cHJ1ZWJhPC9zcGFuPiA8c3BhbiBjbGFzcz0nc21zVGVsZic+ICZyYXF1bzszMjg1NDY2PC9zcGFuPiA8c3BhbiBjbGFzcz0nc21zRmVjaG9yYSc+KDA5OjAyKTwvc3Bhbj4gOiA8c3BhbiBjbGFzcz0nc21zTWVuc2FqZSc+eHh4eDwvc3Bhbj48L2Rpdj5kGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYBBQxidG5SZWZyZXNjYXLH+JXhpKWCC0t6F0vVFZAiE1x/MA==" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/opcion/WebResource.axd?d=mNH5rQgmWPLRoSB4bA1oBkPPN6vjRVJoKbzBAOGJGXz9y0FQjz0lHmQmk-s-jiwYELZkIfx49BB1u9mN3gvlt5Dy5N41&t=635539883600023750" type="text/javascript"></script>
<script src="/opcion/ScriptResource.axd?d=yQuQ4bTWHHXuiULg-RoWBC6VMz1DU6yQDrzxeapzHveyIahqkP_oJxhHI0DG0YzbD45-Aq9vknoylDA_Cx2HtCjqNA1BLMd4pJnq_Vk1bY3mVBLhUN3_g6ekXoVvMe7VyWPrVxHMKQqWl7aa1-YNK__aJruc8qJDLo44ztL8IGWWW9lF0&t=ffffffffd84e14c6" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/opcion/ScriptResource.axd?d=t0zvoRZlt5igZZai50FpAmw5C9NnXcLt1fKNmFDzbKjjxnOwKfSuEim8FsTufubI10Ly8go9WaFZ_xV76R1mQVYnhdZp70evJcEUaMdUIgOribNPWthxevnlG6yUls84Z3FxXAZDZhWfyvujhFAHd6RwpXnOXQLkg7BwGyb8ycDeF-_00&t=ffffffffd84e14c6" type="text/javascript"></script>
<script src="/opcion/ScriptResource.axd?d=aQvkvYVzY8OqMFmuaSx477OTMKo20yxyIbFp29ZdqSbN9Lz0YhnAxMPb8UsvdW6s21LsVVhmRbih5PWR7QE1ZRgA7O3hiPo_DiVZEOQIQ8bX7KGaJxNdKd28BhlfctU97yLWL8X8E-WBDJrc3peiFNlqd-MBcwOa4E8aayXLjSIj_X0d0&t=ffffffffd84e14c6" type="text/javascript"></script>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="8BB75E25" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCQKlhajqBwKIgMKjDAL298rXDgKtkMGoCwKy1oITAu+Z0b0FAuG+ousKAoO4powLAt/o6qoMlOpfarFaY58EKl8vMzJEBjRVwOk=" />
</div>
<table cellpadding="0" cellspacing="0" class="SMS" id="TABLE1">
<tr>
<td class="celesteK" style="width: 310px">
<table cellpadding="0" cellspacing="0">
<tr>
<td align="center" colspan="3" style="height: 24px" valign="middle">
</td>
</tr>
<tr>
<td style="height: 24px">
Tu Nombre:</td>
<td class="derecha" colspan="2" style="height: 24px">
<input name="txtNombre" type="text" value="prueba" maxlength="10" id="txtNombre" class="grisaseo" style="border-color:SteelBlue;width:100px;" /></td>
</tr>
<tr>
<td style="height: 24px">
<span>Teléfono:</span></td>
<td class="derecha" style="height: 24px;" colspan="2"><input name="txtNroTelf" type="text" value="3285466" maxlength="8" id="txtNroTelf" class="grisaseo" style="border-color:SteelBlue;width:65px;" />
<span id="lbejemplo" style="font-size:7pt;font-weight:normal;">(ej. 3360000)</span></td>
</tr>
<tr>
<td>
Escribe tu mensaje:
</td>
<td class="izquierda">
<input name="txtContador" type="text" value="90" readonly="readonly" id="txtContador" tabindex="100" class="contador" style="width:40px;" /></td>
<td class="derecha" style="width: 40px">
<span class="textoscuro"> de 90</span></td>
</tr>
</table>
<div>
<textarea name="txtMensaje" rows="5" cols="20" id="txtMensaje" class="grisaseo" onkeyup="contador('txtMensaje', 'txtContador', 'form1')" style="border-color:SteelBlue;width:288px;"></textarea><br />
<table cellpadding="0" cellspacing="0">
<tr>
<td width="165" class="centrado">
<div>Código de Verificación :</div>
<div><img id="imgCaptcha" src="../micodigo/js/codigo.ashx" style="border-width:0px;" /></div>
<div><input name="txtCaptcha" type="text" maxlength="4" id="txtCaptcha" class="grisaseo" style="border-color:SteelBlue;width:65px;" />
<input type="image" name="btnRefrescar" id="btnRefrescar" src="../imagenes/refresh.png" style="border-width:0px;" />
</div>
</td>
<td style="border-left: 1px solid #71cbff; width: 128px;" class="centrado">
<table id="calendario" width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td style="width: 149px">
Programar<br />envío:
</td>
<td>
<input type="image" src="../imagenes/calen.png" id="btnCalendario" />
</td>
</tr>
<tr>
<td colspan="2" style="height: 19px">
<input name="txtFechaHora" type="text" value="10/06/2015 09:07" maxlength="16" id="txtFechaHora" class="grisaseo" style="border-color:SteelBlue;width:119px;" />
</td>
<script type="text/javascript">
Calendar.setup({
inputField :"txtFechaHora",
button :"btnCalendario",
//ifFormat :"%Y-%m-%d %H:%M",
ifFormat :"%d/%m/%Y %H:%M",
showsTime :true,
timeFormat :"24",
align :"Tr",
weekNumbers :false//,
/*dateStatusFunc : function (date) {
if ( new Date() >= date )
return true;
else
return false;
} */
});
//Calendar.refresh();
</script>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div class="centrado">
<input type="submit" name="btnEnviar" value="Enviar" id="btnEnviar" class="boton" />
<input type= "Button" id="btnLimpiar" class="boton" onclick="Limpiar()" value ="Limpiar" />
</div>
</td>
<td class="colder">
<div class="textoscuro">
<div class="derecha"> Mensajes<br /> enviados/Recibidos</div></div>
<div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager1', document.getElementById('form1'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tUpdatePanel1'], ['Timer1'], [], 90);
//]]>
</script>
<div id="UpdatePanel1">
<div id="lbMensajes" class="bordeMensajes"><div class='emisor'><span class='smsNombre'>prueba</span> <span class='smsTelf'> »3285466</span> <span class='smsFechora'>(09:02)</span> : <span class='smsMensaje'>xxxx</span></div></div>
</div>
</div>
<span id="Timer1" style="visibility:hidden;display:none;"></span>
</td>
</tr>
</table>
<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
Sys.Application.add_init(function() {
$create(Sys.UI._Timer, {"enabled":true,"interval":30000,"uniqueID":"Timer1"}, null, null, $get("Timer1"));
});
//]]>
</script>
</form>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield", "integer", {validateOn:["change"], useCharacterMasking:true, isRequired:false});
</script>
</body>
</html>