Entradas

Mostrando entradas de julio, 2014
Convertir List<String> a String[] List < String > listaNombres = new ArrayList < String >(); list . add ( "jorge" ); list . add ( "christian" ); String [] ar rayNombres = listaNombres . toArray ( new String [ listaNombres . size ()]);
MAXLENGHT DE TEXTAREA HTML <textarea property="sMensaje" styleId="sMensaje" styleClass="text1" cols="100" rows="3"></textarea> JAVASCRIPT $(function(){                 maxLength = 140;                 $("#sMensaje").after("<div><span id='remainingLengthTempId'>" + maxLength + "</span> caracteres</div>");                 $("#sMensaje").bind("keyup change", function(){checkMaxLength(this.id,  maxLength); } )             }); function checkMaxLength(textareaID, maxLength){     currentLengthInTextarea = $("#" + textareaID).val().length;     $(remainingLengthTempId).text(parseInt(maxLength) - parseInt(currentLengthInTextarea));     if (currentLengthInTextarea > (maxLength)){         $("#" + textareaID).val($("#" + textareaID).val().slice(0, maxLength));         $(remainingLengthTempId).text(0);    
Abrir Dialog JAVASCRIPT $(function(){             //No se muestra al inciar            $("#actoresLocales").dialog({                     autoOpen: false,                     modal: true,                     height: 200,                     width: 500,                     show: {                         effect: "blind",                         duration: 1000                     },                     hide: {                         effect: "explode",                         duration: 1000                     }                 }); }); function abrirDialog(){         $("#actoresLocales").dialog("open"); } HTML <input type="button" value="Abrir Dialog" onclick="abrirDialog();"> <div id="actoresLocales" title="Actores locales participantes">             <table border="0" width="100%">                 <tr>            

Utilizando BlockUI

BLOCKUI Html <div id="mensajitos2" style="display:none"> <br> <table border="0">  <tr>   <td>&nbsp;</td>   <td rowspan=2 valign="top"><div id='mostrar_imagen2'></div></td>   <td width="10px">&nbsp;</td>   <td height="20px" valign="bottom"><b><div id="contenido2"></div></b></td>  </tr>  <tr>   <td>&nbsp;</td>   <td align="center" colspan="3"><input type='button' id='Aceptar' value='Aceptar'></td>  </tr> </table> <br> </div> Javascript $("#contenido2").html("El proceso se realizó satisfactoriamente."); $("#mostrar_imagen2").html("<img src='../images/correcto.png'>");  $.blockUI({             messa
DateTime Picker <script language="javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-ui-timepicker-addon.js"></script> var myControl=  {                     create: function(tp_inst, obj, unit, val, min, max, step){                             $('<input class="ui-timepicker-input" value="'+val+'" style="width:50%">')                                     .appendTo(obj)                                     .spinner({                                             min: min,                                             max: max,                                             step: step,                                             change: function(e,ui){ // key events                                                             // don't call if api was used and not key press                                                             if(e.originalEvent !== undefined)              
Boton HTML sin Marco <html> <head> <style> /*BOTON SIN MARCO*/ .boton { background:none; border:0; margin:0; padding:0; outline:0 none; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> function mostrarAlerta(){ alert("Boton presionado.."); } </script> </head> <body>               <button  type='button' class='boton' onclick="mostrarAlerta();">Presionar</button> </body> </html>
Obtener Atributo en JAVASCRIPT JAVA - Declarando Variable session.setAttribute("oAccion", "SALUDOS"); JAVASCRIPT - Obteniendo Variable var accion = '<%= session.getAttribute("oAccion")%>';
Parsear JSON  a un List de Objetos JAVASCRIPT asignacion = {} asignacion.sDni = nro_doc; asignacion.sPrimerApellido = ape_pat; asignacion.sSegundoApellido = ape_mat; asignacion.sPrimerNombre = nombres; asignacion.sUbigeoAfiliado = cod_ubigeo_afiliado; asignacion.sCodUbigeo = cod_ubigeo_punto_pago; asignacion.sCodigoPtopago = cod_punto_pago; asignacion.sUbigeoNuevaDireccion = cod_ubigeo_nueva_direccion; asignacion.sDireccion = nueva_direccion_ingresado; asignacion.sSolicitado = solicitado_por; asignacion.sMotivo = codigo_motivo; asignacion.sObservacion = observacion; asignacion.sHojaTramite = codigo_hoja_tramite; asignacion.sFechaHojaTramite = fecha_hoja_tramite; asignacion.sDocumentoSustento = nro_documento_sustento; asignacion.sFechaDocumentoSustento = fecha_documento_sustento;                         jsonObj.push(asignacion);               var jsonString = JSON.stringify(jsonObj); var params = 'info=' + jsonString;               $.ajax({          
Convertir LIST a JSON JAVASCRIPT function cargarPuntoPago(codigo){                 var params = 'codigoUbigeo=' + codigo;                                 $.ajax({                     type: "POST",                     async:false,                     url: "jAsignacionEspecialMasivo.do?SAction=cargarPuntoPago",                     data: params,                     cache : false,                     success: function(result){                         resultado = JSON.parse(result);                         selectPuntoPago = "";                         $.each(resultado, function(idx, obj){                             //alert(obj.description);                             selectPuntoPago += "<option value='" + obj.value + "'>" + obj.description + "</option>";                         });                                                 $("#SCodigoPtopago").html(selectPuntoPago);
Eliminar Fila de una Tabla <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> function eliminarFila(t){ var td = t.parentNode;     var tr = td.parentNode;     var table = tr.parentNode; table.removeChild(tr); } </script> </head> <body> <table id="tabla" border="1"> <thead> <tr> <th>Nro.Documento</th> <th>Nombres</th> <th>Accion</th> </tr> </thead> <tbody> <tr> <td>12345678</td> <td>Jorge</td> <td><input type="button" value="Eliminar" onclick="eliminarFila(this);"></td> </tr> <tr> <td>12345679</td> <td>Christian</td> <td><input type="button" val
Obtener valor de un objeto RADIO HTML <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> function valorSeleccionado(){ opcionEspera = $(":input[name=opcionEspera]:checked").val(); alert("opcionEspera : " + opcionEspera); } </script> </head> <body> <input type="button" value="Mostrar Nombres" onclick="valorSeleccionado();"><br><br> Desea Esperar? <input type="radio" name="opcionEspera" value="SI">SI <input type="radio" name="opcionEspera" value="NO">NO </body> </html>
Poblar tabla con JSON <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> function poblarTabla(){ jsonObjPersona = []; var persona = new Object(); persona.numeroDocumento = "12345678"; persona.nombres = "Jorge"; jsonObjPersona.push(persona); var persona = new Object(); persona.numeroDocumento = "12345679"; persona.nombres = "Christian"; jsonObjPersona.push(persona); var persona = new Object(); persona.numeroDocumento = "12345670"; persona.nombres = "Mario"; jsonObjPersona.push(persona); alert("jsonObjPersona : " + JSON.stringify(jsonObjPersona)); fila = ""; $.each(jsonObjPersona, function(idx, obj){ fila += "<tr>"; fila += "<td>" + obj.numeroDocumento + "</td><td>" + obj.
Mostrar valores de la columna de una tabla HTML <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> function recorrerFila(){     $("#tablaPersonas tbody tr").each(function (item) {         var this_row = $(this);         var numeroDocumento = $.trim(this_row.find('td:eq(1)').html());         alert("numero documento : " + numeroDocumento);     }); } </script> </head> <body> <input type="button" value="Mostrar Nombres" onclick="recorrerFila();"> <table id="tablaPersonas" border="1"> <thead> <tr> <th>Nro.Documento</th> <th>Nombres</th> </tr> </thead> <tbody> <tr> <td>12345678</td> <td>Jorge</td> </tr> <tr>
Seleccionar por defecto un valor de un objeto SELECT según el texto <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> $(function(){ $("#cbo_1 option:contains(No)").attr('selected', true); }); </script> </head> <body> <select id="cbo_1" class="combo"> <option value="-1">Seleccionar</option> <option value="1">Si</option> <option value="2">No</option> </select> </body> </html>
Verificar si ha sido seleccionado un grupo de CHECKBOX <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> function cargarchk(){ $(".checkGrupoEspera").each(function(idx, obj){ objeto = $(this).attr("id"); alert("Objeto : " + objeto + "\nisChecked : " + $("#" + objeto).is(":checked")); }); } </script> </head> <body> <input type="button" id="btnCargarChk" onclick="cargarchk();" value="Cargar"><br> <input type="checkbox" id="chk_1" class="checkGrupoEspera">01<br> <input type="checkbox" id="chk_2" class="checkGrupoEspera">02<br> <input type="checkbox" id="chk_3" class="checkGrupoEspera">0
Obtener valor de un SELECT codigoInstitucion = $("#SInstitucion").val(); Obtener texto de un SELECT institucion = $("#SInstitucion option:selected").html();
Deshabilitar objeto HTML $("#SDireccion").attr("disabled", true); Habilitar objeto HTML $("#SDireccion").attr("disabled", false);