Foros del Web » Programando para Internet » Jquery »

Problema Modal - jquery. IE7 Y 8

Estas en el tema de Problema Modal - jquery. IE7 Y 8 en el foro de Jquery en Foros del Web. CHICOS TENGO UN MODAL DE VALIDACION, QUE SE DESPLIEGA INDICANDO LOS CAMPOS VACIOS. ESTO LO ASE CORRECTAMENTE EN CUALQUIER EXPLORADOR AL PRESIONAR "REGISTRARSE", EXEPTO EN ...
  #1 (permalink)  
Antiguo 03/09/2013, 16:02
 
Fecha de Ingreso: agosto-2013
Mensajes: 7
Antigüedad: 11 años, 3 meses
Puntos: 0
Exclamación Problema Modal - jquery. IE7 Y 8

CHICOS TENGO UN MODAL DE VALIDACION, QUE SE DESPLIEGA INDICANDO LOS CAMPOS VACIOS. ESTO LO ASE CORRECTAMENTE EN CUALQUIER EXPLORADOR AL PRESIONAR "REGISTRARSE", EXEPTO EN IE7 Y IE8.

ESTOY EN PHP, CON JQUERY.

LES DEJO EL CODIGO

Código HTML:
<div class="reg_container_botones">
        					<input type='submit' name='submit' value='Registrarse' />
        					<input type="button" name='cancel' value='Cancelar' onclick="javascript: parent.$('#dialog-modal-registro').dialog('close');" />   
						</div> 
Código:
$(document).ready(function () { 

$("a#change-image").click(function(e){
                $("#change-image").src='captcha/captcha.php?'+Math.random();
                               e.preventDefault();
                               });



	$("#USR_RUT").Rut();
	$("#dialog-message").dialog({
			beforeClose: function(event, ui) { $("#dialog-message").html(''); },
			closeOnEscape: false,
			autoOpen: false,
			height: 400,	
			width: 400,
			modal: true,
			
			buttons: {
				Ok: function() {
					$(this).dialog('close');
					$("#dialog-message").html("");
				}
				
				}
		});	
		

		$("#register").validate({


errorPlacement: function(error, element) {
//				alert(error);
				error.appendTo('#dialog-message');
	
			},
			errorLabelContainer: ("#dialog-message ul"),
			invalidHandler: function() {
				$("#dialog-message").dialog('open');
			
			},
			
			onfocusout: false,
			onclick: false,
			onkeyup: false,
			wrapper: "li",
			focusCleanup: true,
		  onblur: false,
          debug: true,
         rules: {
						USR_NOMBRE: "required",
						USR_RUT: {
							required: true,
							ValidarRut: true,
							existeRut:true
						},
						USR_CARGO: "required",
						USR_INSTITUCION: "required",
						USR_EMAIL: {
							required: true,
							email: true,
							existeEmail:true
						},
						USR_PASSWORD: "required",
						chk_terminos: "required",
						captcha: {
							required:true,
							ValidarCaptcha:true
							}
						},
			messages: {
						USR_NOMBRE:	"Ingrese su nombre",
						USR_RUT:	{
							required:"Ingrese su Rut",
							ValidarRut:"Ingrese un rut válido",
							existeRut:"Rut ingresado ya existe"
						},
						USR_CARGO: "Ingrese su cargo",
						USR_INSTITUCION: "Ingrese su institución",					
						USR_EMAIL: 		{
							required:"Ingrese su correo electrónico", 
							email:"Ingrese un correo válido",
							existeMail:"Correo electrónico ya existe"
						},
						USR_PASSWORD:	"Ingrese su contraseña",
						chk_terminos:   "Debe leer y aceptar los términos y condiciones",
						captcha: {	
									required:"Ingrese el texto de la imagen captcha",
									ValidarCaptcha:"Captcha no coincide"
						}
						}
						
		});
});
		jQuery.validator.addMethod("ValidarRut", function(value, element) {
			return this.optional(element) || $.Rut.validar(value);
		});
		jQuery.validator.addMethod("ValidarCaptcha", function(value, element) {
			return this.optional(element) || ValidaCaptcha(value);
		});
		jQuery.validator.addMethod("existeRut", function(value, element) {
			return this.optional(element) || existeRut(value);
		});
		jQuery.validator.addMethod("existeMail", function(value, element) {
			return this.optional(element) || existeMail(value);
		});
		function existeMail(txtEmail){
			var resultado;
			 $.ajax({
					url: 'ExisteMail.php',
					data: {email:txtEmail},
					type: 'POST',
					async: false,
					dataType: 'html',
					success: function(datos){
						if(datos=="true")
							resultado=true;
						else
							resultado=false;
						}
				});
			
			return resultado;
		}

FAVOR AYUDENME
  #2 (permalink)  
Antiguo 04/09/2013, 21:52
Avatar de fhederico  
Fecha de Ingreso: agosto-2009
Mensajes: 247
Antigüedad: 15 años, 4 meses
Puntos: 23
Respuesta: Problema Modal - jquery. IE7 Y 8

Hola,

Mira... si mal no recuerdo, lei sobre esto hace un tiempo, y la solucion era crear una variable global y declarar el modal, asi

Código:
<script type="text/javascript">
		
	var cuadroDialog = "";

       $(document).ready(function()
	{
		cuadroDialog = $("#dialog-modal").dialog({
		autoOpen: false,
		width: 450,
		height: 280,
		modal: true,
		buttons: {
				"Cerrar": function() {
				    cerrar();
                                }
			}
	        });
	});

       //abrimos asi
      //cuadroDialog.dialog('open');

       function cerrar()
	{
		cuadroDialog.dialog('close');
	}
</script>
Obviamente el cerrar no es necesario que lo pongas asi, lo puse por si acaso, puedes probar, no pierdes nada.

Saludos
__________________
Si encuentras que tu pregunta fue respondida, se agradeceria enormemente que la marcaras como solucionada... si... es el boton verde gigante que esta al final de la pagina :)
  #3 (permalink)  
Antiguo 05/09/2013, 10:47
 
Fecha de Ingreso: agosto-2013
Mensajes: 7
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Problema Modal - jquery. IE7 Y 8

hola fhederico, intente probar, lo que ase es validarme en cada campo, "es una buena opcion,YA que nome abre otro modal" y lo ase correctamente , lo malo es que en IE7 Y IE8 sigue el mismo problema. :( , alguna otra solucion
  #4 (permalink)  
Antiguo 05/09/2013, 18:20
Avatar de fhederico  
Fecha de Ingreso: agosto-2009
Mensajes: 247
Antigüedad: 15 años, 4 meses
Puntos: 23
Respuesta: Problema Modal - jquery. IE7 Y 8

Hola,

Hice una simple prueba con tu codigo y me funciona perfectamente en IE 7 y 8.

Consulta, que versiones estas ocupando? para la prueba lo hice con estas

- jquery-1.9.1.min.js
- jquery-ui-1.10.3.custom.min.js

Saludos
__________________
Si encuentras que tu pregunta fue respondida, se agradeceria enormemente que la marcaras como solucionada... si... es el boton verde gigante que esta al final de la pagina :)
  #5 (permalink)  
Antiguo 06/09/2013, 08:05
 
Fecha de Ingreso: agosto-2013
Mensajes: 7
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Problema Modal - jquery. IE7 Y 8

Cita:
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link href="style/fg_membersite.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/pwdwidget.js" ></script>

<!--<script type="text/javascript" src="../lib/js/jquery-1.6.1.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type='text/javascript' src='scripts/jquery.validate.1.9.0.js'></script>
<script type="text/javascript" src="scripts/jquery.Rut.js" ></script>
<script type="text/javascript" src="../js/jquery-ui.min.js"></script>
<!--<script src="scripts/jquery.watermark.js" type="text/javascript"></script>-->

<script language="JavaScript" type="text/javascript">

$(document).ready(function () {

/*$("#USR_NOMBRE").watermark("Nombre Completo");
$("#USR_RUT").watermark("Rut");
$("#USR_EMAIL").watermark("Correo Electrónico");
$("#USR_CARGO").watermark("Cargo");
$("#USR_INSTITUCION").watermark("Institución");
$("#USR_PASSWORD").watermark("Contraseña");
$("#captcha-form").watermark("Caracteres captcha");*/
si comento el watermark (etiqueta agua) me funciona ok en IE8, pero en IE7 persiste,
estuve leyendo que el tema del validate de jquery, puede ser un error por la version?
  #6 (permalink)  
Antiguo 06/09/2013, 08:21
Avatar de fhederico  
Fecha de Ingreso: agosto-2009
Mensajes: 247
Antigüedad: 15 años, 4 meses
Puntos: 23
Respuesta: Problema Modal - jquery. IE7 Y 8

Emmm...

No tenia idea que estabas ocupando ese "watermark " xD

Por lo menos en el validate que ocupo yo, la version es:

Código:
/*! jQuery Validation Plugin - v1.11.1 - 3/22/2013\n* https://github.com/jzaefferer/jquery-validation
Y si, podria ser por la version, normalmente las ultimas versiones tienen fix que fueron detectados en versiones anteriores y se implementa una solucion o parche a ellos.

Saludos
__________________
Si encuentras que tu pregunta fue respondida, se agradeceria enormemente que la marcaras como solucionada... si... es el boton verde gigante que esta al final de la pagina :)
  #7 (permalink)  
Antiguo 10/09/2013, 07:26
 
Fecha de Ingreso: agosto-2013
Mensajes: 7
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Problema Modal - jquery. IE7 Y 8

Cita:
Iniciado por fhederico Ver Mensaje
Emmm...

No tenia idea que estabas ocupando ese "watermark " xD

Por lo menos en el validate que ocupo yo, la version es:

Código:
/*! jQuery Validation Plugin - v1.11.1 - 3/22/2013\n* https://github.com/jzaefferer/jquery-validation
Y si, podria ser por la version, normalmente las ultimas versiones tienen fix que fueron detectados en versiones anteriores y se implementa una solucion o parche a ellos.

Saludos
tienes el link para descargar la libreria? o cargaste la url?
cual que lib especificamente utilizaste? la validate.1.9.1?

gracias
  #8 (permalink)  
Antiguo 10/09/2013, 21:18
Avatar de fhederico  
Fecha de Ingreso: agosto-2009
Mensajes: 247
Antigüedad: 15 años, 4 meses
Puntos: 23
Respuesta: Problema Modal - jquery. IE7 Y 8

Hola,

Lo descargue de la pagina de Jquery

http://jqueryvalidation.org/

Ocupo

- jquery-1.9.1.min.js
- jquery-ui-1.10.3.custom.min.js
- validate.js version 1.11.1

Descargas y verifica, porque yo por lo menos no tengo problemas para IE 7 con este modal, si aun asi no te funciona, no es esta libreria, deberas hacer una prueba en un archivo nuevo instalar solo este modal y probarlo, si te funciona, ir integrando los demas JS que poseas

Saludos
__________________
Si encuentras que tu pregunta fue respondida, se agradeceria enormemente que la marcaras como solucionada... si... es el boton verde gigante que esta al final de la pagina :)

Etiquetas: ajax, html, ie7, input, javascript, modal, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:36.