Problema PHP/JQUERY/AJAX Internet Explorer 7
Publicado por Alberto (4 intervenciones) el 01/02/2011 18:02:01
Buenas tardes señores:
Acudo a pediros ayuda ya un poco desesperado porque no sé cómo solucionar un problema que se está dando en un sitio web que he preparado. El caso es que cuando lo he implementado y probado sobre ie 8 y otros navegadores como firefox, chrome, etc, funciona correctamente y la primera persona del cliente que lo prueba con ie 7 falla (esto es empezar bien una validación... jajaja). El problema es que el modal dialog de jquery funciona correctamente con ie 8 pero no lo hace con ie 7. Pego el código completo a ver si alguien ve el error o cómo lo puedo arreglar.
Muchas gracias de antemano por vuestra ayuda.
<!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>
<title>Consejo Canario Procuradores</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="es" />
<meta name="description" content="Consejo Canario de Colegios de Procuradores." />
<meta name="keywords" content="Procurador Canarias, Procurador Las Palmas, Procurador Tenerife, Procurador Lanzarote, Procurador Fuerteventura, Procurador La Palma, Procurador El Hierro, Procurador La Gomera" />
<link rel="stylesheet" type="text/css" href="css/table.css">
<script type="text/javascript"><!--//--><![CDATA[//><!--
IEhover = function() {
var e = document.getElementById("NavBar").getElementsByTagName("LI");
for (var i=0; i<e.length; i++) {
e[i].onmouseover=function() {
this.className=" IEhover";
}
e[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" IEhover\\b"), "");
}
}
}
if (window.attachEvent) {window.attachEvent("onload", IEhover)};
//--><!]]></script>
<link rel="shortcut icon" href="resources/favicon.ico"/>
<script>
function uno(src,color_entrada) {
src.bgColor=color_entrada;src.style.cursor="hand";
}
function dos(src,color_default) {
src.bgColor=color_default;src.style.cursor="default";
}
</script>
<!-- <link type="text/css" href="/ConsejoProcuradores/css/custom-theme/jquery-ui-1.8.7.custom.css" rel="Stylesheet" /> -->
<link type="text/css" href="css/custom-theme/jquery-ui-1.7.3.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.3.custom.min.js"></script>
<!-- <script type="text/javascript" src="/ConsejoProcuradores/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/ConsejoProcuradores/js/jquery-ui-1.8.7.custom.min.js"></script> -->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#dialog").dialog({
modal: true,
title: "Datos de contacto",
width: 540,
minWidth: 400,
maxWidth: 650,
height: 350,
show: "fold",
hide: "scale",
autoOpen: false
});
});
function datos(id) {
var respuesta = $.ajax({
type: "POST",
data: "id="+id,
url: "DatosColegiado.php",
async: false,
}).responseText;
document.getElementById('dialog').innerHTML=respuesta;
}
</script>
</head>
<body>
<div id="page">
<div id="topnavigation">
<ul>
<li><a href="ElConsejo.html" title="El Consejo">El Consejo</a></li>
<li><a href="ElProcurador.html" title="La figura del procurador">El Procurador</a></li>
<li><a href="LosColegios" title="Los Colegios de Procuradores del Consejo">Los Colegios</a></li>
<li><a href="BusquedaColegiados.php" title="Buscador de Procuradores Colegiados">Busqueda Colegiados</a></li>
<li><a href="Enlaces.html" title="Enlaces de Interes">Enlaces</a></li>
<li><a href="Contacto.html" title="Contacto">Contacto</a></li>
<li><a href="Privada.php" title="Área Privada">Area Privada</a></li>
</ul>
</div><!-- close topnavigation div -->
<div id="header">
<div class="header_logo">
<div class="escudo"><a href="ElConsejo.html" title="Inicio"></a></div>
</div><!-- close header_logo div -->
</div><!-- close header div -->
<div id="treaser">
<div class="content">
<h2>Resultados de la búsqueda</h2>
<br />
<?php
error_reporting(0);
session_start();
//header('Content-Type: text/html; charset=iso-8859-1');
$vFlag = $_SESSION['sFlag'];
$nombre = addslashes($_POST['nombre']);
$colegio = $_POST['colegios'];
$partido = '99';
$select = "select concat(a.apellidos,', ',a.nombre), b.nomcolegio, c.descpartido, a.direccion, a.telefono1, a.telefono2, a.fax, a.email, a.observaciones
from colegiados a
,colegios b
,partidos c ";
$where = " where a.idpartido = c.idpartido
and c.idcolegio = b.idcolegio";
include 'conex.php';
conectarse();
if (isset($_POST['partidos'])){
$partido=$_POST['partidos'];
if ($partido=='0') {
$where=$where." and lower(concat(nombre,apellidos)) like lower('%".$nombre."%') and a.idpartido in (select idpartido from partidos where idcolegio = ".$colegio.")";
}else{
$where=$where." and lower(concat(nombre,apellidos)) like lower('%".$nombre."%') and (a.idpartido in (select idpartido from partidos where idcolegio = ".$colegio.")
and a.idpartido = (select idpartido from partidos where codpartido = '".$partido."'))";
}
}else{
$where=$where." and lower(concat(nombre,apellidos)) like lower('%".$nombre."%')";
}
$consulta=mysql_query("select concat(a.apellidos,', ',a.nombre), b.desccolegio, c.descpartido, a.idcolegiado, a.numcolegiado, a.direccion, a.telefono1, a.telefono2, a.fax, a.email, a.observaciones
from colegiados a
,colegios b
,partidos c ".$where);
// echo "<table border='0' cellpadding='0' cellspacing='0' class='tabla' onmouseover=".this.style.borderColor='#B0B0B0';." onmouseout=".this.style.borderColor='#EEEEEE';.">";
echo "<table border='0' cellpadding='0' cellspacing='0' class='tabla'>";
echo "<tr>
<th>Nombre</th>
<th>Colegio</th>
<th>Partido</th>
</tr>";
while($registro=mysql_fetch_row($consulta))
{
$colegiado=$registro[0];
$colegio=$registro[1];
$partido=$registro[2];
$idcolegiado=$registro[3];
$numcolegiado=$registro[4];
$direccion=$registro[5];
$telefono1=$registro[6];
$telefono2=$registro[7];
$fax=$registro[8];
$email=$registro[9];
$observaciones=$registro[10];
/*$registro[0]=htmlentities($registro[0]);
$registro[1]=htmlentities($registro[1]);
$registro[2]=htmlentities($registro[2]);
$registro[2]=htmlentities($registro[3]);
$registro[2]=htmlentities($registro[4]);
$registro[2]=htmlentities($registro[5]);
$registro[2]=htmlentities($registro[6]);
$registro[2]=htmlentities($registro[7]);
$registro[2]=htmlentities($registro[8]);
$registro[2]=htmlentities($registro[9]); */
?>
<tr onMouseOver="uno(this,'#5a8ae8');" onMouseOut="dos(this,'#6394F0');" bgcolor="#6394F0">
<?php
//echo "<tr>
//<a href="ElConsejo.html" title="El Consejo">El Consejo</a>
//<a href="destino.php?saludo=hola&texto=Esto es una variable texto">Paso variables saludo y texto a la página destino.php</a>
//<a href="javascript:abrir_ventana()">Abrir una nueva ventana</a>
?>
<td><a href="#" onclick="datos('<?php echo $idcolegiado; ?>'); jQuery('#dialog').dialog('open'); return false"><?php echo $colegiado."</a></td>"; ?>
<?php echo "<td>".$colegio."</td>
<td>".$partido."</td>
</tr>";
}
echo "</table>";
?>
<div id="dialog">
<p>Nombre: <?php echo $colegiado ?></p>
<p>Dirección: </p>
<p>Teléfono: </p>
<p>Fax: </p>
<p>Email: </p>
<p>Observaciones: </p>
</div>
</div><!-- close content div -->
</div><!-- close treaser div -->
<div id="subpage">
<div id="subpage_entry">
<table>
<tr id="footersection">
<td width="130"><a href="ElConsejo.html" title="El Consejo">Consejo Procuradores</a></td><td width="15">|</td>
<td width="130"><a href="CodigoDeonto.html" title="Código Deontológico">Codigo Deontologico</a></td><td width="15">|</td>
<td width="130"><a href="BusquedaColegiados.php" title="Búsqueda Colegiados">Busqueda Colegiados</a></td><td width="15">|</td>
<td width="130"><a href="Privada.php" title="Área Privada">Area Privada</a></td><td width="15">|</td>
<td width="130"><a href="Contacto.html" title="Contacto">Contacto</a></td>
</tr>
</table>
</div><!-- close subpage_entry div -->
</div><!-- close subpage div -->
</div><!-- close page div -->
</body>
</html>
Acudo a pediros ayuda ya un poco desesperado porque no sé cómo solucionar un problema que se está dando en un sitio web que he preparado. El caso es que cuando lo he implementado y probado sobre ie 8 y otros navegadores como firefox, chrome, etc, funciona correctamente y la primera persona del cliente que lo prueba con ie 7 falla (esto es empezar bien una validación... jajaja). El problema es que el modal dialog de jquery funciona correctamente con ie 8 pero no lo hace con ie 7. Pego el código completo a ver si alguien ve el error o cómo lo puedo arreglar.
Muchas gracias de antemano por vuestra ayuda.
<!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>
<title>Consejo Canario Procuradores</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="es" />
<meta name="description" content="Consejo Canario de Colegios de Procuradores." />
<meta name="keywords" content="Procurador Canarias, Procurador Las Palmas, Procurador Tenerife, Procurador Lanzarote, Procurador Fuerteventura, Procurador La Palma, Procurador El Hierro, Procurador La Gomera" />
<link rel="stylesheet" type="text/css" href="css/table.css">
<script type="text/javascript"><!--//--><![CDATA[//><!--
IEhover = function() {
var e = document.getElementById("NavBar").getElementsByTagName("LI");
for (var i=0; i<e.length; i++) {
e[i].onmouseover=function() {
this.className=" IEhover";
}
e[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" IEhover\\b"), "");
}
}
}
if (window.attachEvent) {window.attachEvent("onload", IEhover)};
//--><!]]></script>
<link rel="shortcut icon" href="resources/favicon.ico"/>
<script>
function uno(src,color_entrada) {
src.bgColor=color_entrada;src.style.cursor="hand";
}
function dos(src,color_default) {
src.bgColor=color_default;src.style.cursor="default";
}
</script>
<!-- <link type="text/css" href="/ConsejoProcuradores/css/custom-theme/jquery-ui-1.8.7.custom.css" rel="Stylesheet" /> -->
<link type="text/css" href="css/custom-theme/jquery-ui-1.7.3.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.3.custom.min.js"></script>
<!-- <script type="text/javascript" src="/ConsejoProcuradores/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/ConsejoProcuradores/js/jquery-ui-1.8.7.custom.min.js"></script> -->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#dialog").dialog({
modal: true,
title: "Datos de contacto",
width: 540,
minWidth: 400,
maxWidth: 650,
height: 350,
show: "fold",
hide: "scale",
autoOpen: false
});
});
function datos(id) {
var respuesta = $.ajax({
type: "POST",
data: "id="+id,
url: "DatosColegiado.php",
async: false,
}).responseText;
document.getElementById('dialog').innerHTML=respuesta;
}
</script>
</head>
<body>
<div id="page">
<div id="topnavigation">
<ul>
<li><a href="ElConsejo.html" title="El Consejo">El Consejo</a></li>
<li><a href="ElProcurador.html" title="La figura del procurador">El Procurador</a></li>
<li><a href="LosColegios" title="Los Colegios de Procuradores del Consejo">Los Colegios</a></li>
<li><a href="BusquedaColegiados.php" title="Buscador de Procuradores Colegiados">Busqueda Colegiados</a></li>
<li><a href="Enlaces.html" title="Enlaces de Interes">Enlaces</a></li>
<li><a href="Contacto.html" title="Contacto">Contacto</a></li>
<li><a href="Privada.php" title="Área Privada">Area Privada</a></li>
</ul>
</div><!-- close topnavigation div -->
<div id="header">
<div class="header_logo">
<div class="escudo"><a href="ElConsejo.html" title="Inicio"></a></div>
</div><!-- close header_logo div -->
</div><!-- close header div -->
<div id="treaser">
<div class="content">
<h2>Resultados de la búsqueda</h2>
<br />
<?php
error_reporting(0);
session_start();
//header('Content-Type: text/html; charset=iso-8859-1');
$vFlag = $_SESSION['sFlag'];
$nombre = addslashes($_POST['nombre']);
$colegio = $_POST['colegios'];
$partido = '99';
$select = "select concat(a.apellidos,', ',a.nombre), b.nomcolegio, c.descpartido, a.direccion, a.telefono1, a.telefono2, a.fax, a.email, a.observaciones
from colegiados a
,colegios b
,partidos c ";
$where = " where a.idpartido = c.idpartido
and c.idcolegio = b.idcolegio";
include 'conex.php';
conectarse();
if (isset($_POST['partidos'])){
$partido=$_POST['partidos'];
if ($partido=='0') {
$where=$where." and lower(concat(nombre,apellidos)) like lower('%".$nombre."%') and a.idpartido in (select idpartido from partidos where idcolegio = ".$colegio.")";
}else{
$where=$where." and lower(concat(nombre,apellidos)) like lower('%".$nombre."%') and (a.idpartido in (select idpartido from partidos where idcolegio = ".$colegio.")
and a.idpartido = (select idpartido from partidos where codpartido = '".$partido."'))";
}
}else{
$where=$where." and lower(concat(nombre,apellidos)) like lower('%".$nombre."%')";
}
$consulta=mysql_query("select concat(a.apellidos,', ',a.nombre), b.desccolegio, c.descpartido, a.idcolegiado, a.numcolegiado, a.direccion, a.telefono1, a.telefono2, a.fax, a.email, a.observaciones
from colegiados a
,colegios b
,partidos c ".$where);
// echo "<table border='0' cellpadding='0' cellspacing='0' class='tabla' onmouseover=".this.style.borderColor='#B0B0B0';." onmouseout=".this.style.borderColor='#EEEEEE';.">";
echo "<table border='0' cellpadding='0' cellspacing='0' class='tabla'>";
echo "<tr>
<th>Nombre</th>
<th>Colegio</th>
<th>Partido</th>
</tr>";
while($registro=mysql_fetch_row($consulta))
{
$colegiado=$registro[0];
$colegio=$registro[1];
$partido=$registro[2];
$idcolegiado=$registro[3];
$numcolegiado=$registro[4];
$direccion=$registro[5];
$telefono1=$registro[6];
$telefono2=$registro[7];
$fax=$registro[8];
$email=$registro[9];
$observaciones=$registro[10];
/*$registro[0]=htmlentities($registro[0]);
$registro[1]=htmlentities($registro[1]);
$registro[2]=htmlentities($registro[2]);
$registro[2]=htmlentities($registro[3]);
$registro[2]=htmlentities($registro[4]);
$registro[2]=htmlentities($registro[5]);
$registro[2]=htmlentities($registro[6]);
$registro[2]=htmlentities($registro[7]);
$registro[2]=htmlentities($registro[8]);
$registro[2]=htmlentities($registro[9]); */
?>
<tr onMouseOver="uno(this,'#5a8ae8');" onMouseOut="dos(this,'#6394F0');" bgcolor="#6394F0">
<?php
//echo "<tr>
//<a href="ElConsejo.html" title="El Consejo">El Consejo</a>
//<a href="destino.php?saludo=hola&texto=Esto es una variable texto">Paso variables saludo y texto a la página destino.php</a>
//<a href="javascript:abrir_ventana()">Abrir una nueva ventana</a>
?>
<td><a href="#" onclick="datos('<?php echo $idcolegiado; ?>'); jQuery('#dialog').dialog('open'); return false"><?php echo $colegiado."</a></td>"; ?>
<?php echo "<td>".$colegio."</td>
<td>".$partido."</td>
</tr>";
}
echo "</table>";
?>
<div id="dialog">
<p>Nombre: <?php echo $colegiado ?></p>
<p>Dirección: </p>
<p>Teléfono: </p>
<p>Fax: </p>
<p>Email: </p>
<p>Observaciones: </p>
</div>
</div><!-- close content div -->
</div><!-- close treaser div -->
<div id="subpage">
<div id="subpage_entry">
<table>
<tr id="footersection">
<td width="130"><a href="ElConsejo.html" title="El Consejo">Consejo Procuradores</a></td><td width="15">|</td>
<td width="130"><a href="CodigoDeonto.html" title="Código Deontológico">Codigo Deontologico</a></td><td width="15">|</td>
<td width="130"><a href="BusquedaColegiados.php" title="Búsqueda Colegiados">Busqueda Colegiados</a></td><td width="15">|</td>
<td width="130"><a href="Privada.php" title="Área Privada">Area Privada</a></td><td width="15">|</td>
<td width="130"><a href="Contacto.html" title="Contacto">Contacto</a></td>
</tr>
</table>
</div><!-- close subpage_entry div -->
</div><!-- close subpage div -->
</div><!-- close page div -->
</body>
</html>
Valora esta pregunta
0