Esta página esta en desarrollo, Sean bienvenidos.

JQUERY

Como capturar el indice de una fila,  posteriormente mostrar un popup sobre ese indice y descargar archivos sobre el popup en una tabla con jquery o javascript

paso 1. tenemos que tener la tabla creada.

paso 2. agregar referencias de jquery y un css

<script src=”http://code.jquery.com/jquery-1.9.1.js”></script&gt;
<script src=”http://code.jquery.com/ui/1.10.3/jquery-ui.js”></script&gt;

<link type=”text/css” rel=”stylesheet” href=”http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css&#8221; />

paso 3.  Adjunto el script

<script type=”text/javascript”>
$(function() {
$(“#dialog-form”).dialog({
autoOpen: false,
height: 150,
width: 350,
modal: true,
close: function() {
}
});

//muestra popup obtiene la clase del boton

$(‘.create-user’).on(‘click’,function(eEvento){
$( “#dialog-form” ).dialog( “open” );

//id de la tabla
$(‘table tr’).click(function () {

//capturo el indice de la fila

var rowIndex=$(‘table tr’).index(this);

//capturo el valor de una fila en una pocicion especificada
var rowIndexFileDos= document.getElementById(“table”).rows[rowIndex].cells[15].innerHTML

//esto lo explico de rapido navegador de google (10),  firefox (10), explore 8 (0)

//en estas lineas lo que realizo es capturar el popup, y sobre escribir las propiedades es este caso convine lo que es asp con jquery y la otra parte en negritas es unicamente la la posiscion de un arreglo y el quitado de espacios con la funcion trim

//capturo el id del href

$(‘#val1‘).attr({
‘href’: “archivosExistentes.asp?cliente=<%response.write(rtrim(user))%>&archivo=”+$.trim(subCdenArc[0])+“”,
‘style’: ‘color: #f80’
});

$(‘#val2‘).attr({
‘href’: “archivosExistentes.asp?cliente=<%response.write(rtrim(user))%>&archivo=”+$.trim(subCdenArc[0])+””,
‘style’: ‘color: #f80’
});
});
});
});
</script>

//ejemplo de popup desplegado en asp

<%
response.Write(“<div id=dialog-form title=Seleccione su archivo>”)
response.Write(“<p><a href=# id=val1><img src=imagenes2/guardar.png style=border:0  /> Hoja de envió </a></p>”)
response.Write(“<p><a href=# id=val2><img src=imagenes2/guardar.png style=border:0  /> Orden de compra </a></p>”)
response.Write(“</div>”)
%>

//ejemplo de boton que manda el popup

//mi tabla se lleno con un dowhile con asp. obtengo el valor por fila no uso el id para capturar el boton, uso la clase

response.write(“<button class=create-user type=submit value=archivo=” & archivo & “><img src=imagenes2/guardar.png style=border:0 /></button>”)

//ojo esta pagina me cambia algunos caracteres

jquery y ajax con asp.net

–Problemas que en lo personal encontre

cuando busco un elemento de la tabla no se encuentra como se acostumbra

No se usan los eventos como se acostumbra

es un poco mas complejo cunado se empieza

ejemplo:

$(“#table1”).on(“change”, “.abc .comboIndice”, function(){});

cuando cargamos una tabla con ajax y jquery se usa esas lineas, ya que si lo usamos de la forma cotidiana no encuentra nada. por que se encuntra vacio el html.

en lo personal to use esto “esto es un combo en una tabla pero se puede sustituir por href etc.”

<select id=”comboPruebas’ + i + ‘” name=”comboPruebas” onchange=”eliminaAnuncio(‘ +i +’); return false;” ></select>

en mi caso lo use para capturar el indice de la fila, y yo antes mecionado es una tabla capturaba el valor del select

de esta manera (row_id)<- este es el valor que le asignamos

function eliminaAnuncio(row_id) {

var item =$(‘#comboPruebas’+row_id + ‘  option:selected’).val();

//pues las acciones ya dependen de  ustedes lo que requieran

//ya sea lo comun eliminar, editar inclusive para  insertar. con esto y cualquier lenguaje nivel servidor ya es mas sencillo.

}

saludos 😀

————————————————————————————

Validar un formulario con jquery y asp.net

uso de librerias

jquery-1.8.2.min.js

jquery/jquery.validate.js <- esta libreria se tuvo que buscar ya que con la vercion 1.8.2, lanza una excepcion. asi que si tienen problemas actualmente solo busquen la mas reciente y listo

jquery/additional-methods.js<- esta linea explicacion rápida: por ejemplo si ustedes quieren validar la carga de una archivos, es requerida esa libreria de jquery ya que sin ella jquery validate no valida la carga de archivos.

Lo basico

<script type=”text/javascript”>
$(document).ready(function () {

$(“#form1”).validate({//<- id de formulario
rules: {
nameCampo: {
required: true,
},
nameCampo: {
required: true,
},
DropDownListNumRec: {
required: true,
},
nameCampo: {
required: true,
},
},
messages: {
nameCampo: {
required: “mensaje x”,

minlength: 15,
maxlength: 250,

},

nameCampo: {
required: “mensaje x”,
},
nameCampo: {
required: “mensaje x”,
},
nameCampo: {
required: “mensaje x”,
},

},

success: function () {
alert(“Hola mundo”);
}

});
});

 

Anexo:

Problema: Sucede que, cuando agregas un backgroud a la validación de un campo con una imagen, con Jquery Validate

#form1 label.error
{
background: url(‘ErrorForm.jpg’) no-repeat;

}

 

#form1 input.error {
color: #000000;
font:bold 12px;
background: #FFEEEE;
border: 1px solid #FF0000;
}

Sin embargo se valida, pero el fondo no desaparece.

ErrorForm

 

 

Para este caso anexa este Css,

#form1 label.valid
{
display: none !important;
}

 

saludos …
http://www.itixmih.wordpress.com
jemp_intrepido
jempdulintre
jemp_dulce

 

 

////ESTE EJEMPLO ES DE ASP.NET C# NO HAY NINGUNA DIFERENCIA POR SI LO PIENSAN ES COMPLETAMENTE LO MISMO. SON CONTROLES HTML

<form id=”form1″ runat=”server”>

<div id=”colleft_p”>
<div class=”recuadro_profile” id=”profile_newaccount”>
<div class=”generolbl_prna_pgc”>
<span class=”labelRegistro”>Tipo documento</span><br />
<asp:DropDownList ID=”DropDownList1″ runat=”server” CssClass=”dropdowList”></asp:DropDownList>
</div>

<div class=”generolbl_prna_pgc”>
<span class=”labelRegistro”>Orden de compra</span><br />
<asp:DropDownList ID=”DropDownList2″ runat=”server” CssClass=”dropdowList” Width=”400px”></asp:DropDownList>
</div>

</div></div>

<div class=”cleaner”></div>
<input type=”submit” id=”Button” value=”CLICK” class=”art-button” runat=”server” ValidationGroup=”CLICKgROUP” />  //<- COMO SON CONTROLES ASP.NET PUEDEN USAR SUS MISMAS VALIDACIONES.  ESA PARTE ES OPCIONAL. EN CASO QUE USEN VALIACIONES CON CONTRTOLES ASP.NET SON MUY PRACTICAS INCLUCIVE SENCILLAS.

Nota: type=”submit”  siempre debe de estar de esta manera ya que, si ustedes se lo llegaran a cambiar como por ejemplo  type=”button” las validaciones de jquery no resultaran.

</form>

Espero y les sirva.

Saludos.

Fecha: 2013-26-11

———————

Contar filas de una tabla con  jquery 

alert($(‘#idTble>tbody >tr’).length-1);<- el menos 1 es por que no se incluyen los ecabezados de columna

Espero y les sirva.

Saludos.

Fecha: 2013-11-28

—————–

 JQUERY, propiedades combobox, listbox, DropDownList,

Propiedades básicas, recuerda que esto no discrimina si usas .NET .aspx.

$(“#NombreLista”).empty();<- Para limpiar todos los elementos de una lista, útil cuando se carga elementos por json etc.

$(“select#NombreLista”)[0].selectedIndex = 0; <-Para seleccionar el índice de una lista.

$(“#NombreLista option[value=IdValorSinComillas]”).attr(“selected”, true);<- Para seleccionar algún elemento de una lista en especifico.

 

saludos …
http://www.itixmih.wordpress.com
jemp_intrepido
jempdulintre
jemp_dulce

 

/*_________________________________________________*/

 

Jquery, Validar variables de entrada.

Caso básico, validar entrada de datos vacíos o valores nulos para un insert en una base de datos. Nota: Esto es el cliente y no en el servidor.

Declaración de variables:

var testVariable=””;

Validar campo vacio:

if(testVariable==””)

Validar campo nulo:

if(testVariable==null)

Validar campo sin valor:

if(testVariable==NaN)

Validar campo indeterminado:

if(testVariable==undefined)

 

saludos …
http://www.itixmih.wordpress.com
jemp_intrepido
jempdulintre
jemp_dulce

Fecha: 2014-10-22

 

 

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Nube de etiquetas

A %d blogueros les gusta esto: