Respuesta formulario en un div

Como soy un principiante en el uso de javascript, jQuerry y php necesitaría tu ayuda sobre el tema de la respuesta de un formulario. He vista que hace un año ya ofreciste la solución para otro usuario, he aprovechado tus respuestas pero sigo sin funcionar.
Se trata de cargar la respuesta de un formulario en el mismo div del formulario
La página con problemas esta aquí: www.itebalear.es/info

1 respuesta

Respuesta
1
Mete esto dentro del head de "contacto.php":

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://jquery.malsup.com/form/jquery.form.js"></script>
<script> 
$(document).ready(function(){ 
$('#form1').ajaxForm({target:'#principal'}); 
});
</script>

Creo que con eso es suficiente. Si no funciona me lo dices.
No funciona.
Te pego aquí el código de contacto.php:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CONTACTO ITE BALEAR</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://jquery.malsup.com/form/jquery.form.js"></script>
<script>
$(document).ready(function(){
$('#form1').ajaxForm({target:'#principal'});
});
</script>
<script language="javascript1.5" type="text/javascript">
function nuevoAjax(xmlhttp){
   try {
       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
   catch (e) {
       try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (E) {
          xmlhttp = false;
      }
   }
   if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
   }
   return xmlhttp
}
function cargarContenido(pagina,destino){
   var contenedor;
   var ajax;
   contenedor = document.getElementById(destino);
   ajax = nuevoAjax(ajax);
   ajax.open("GET", pagina, true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         contenedor.innerHTML = ajax.responseText;
      }
   }
   ajax.send(null);
}
</script>
<link href="../styles/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #FF0000}
-->
</style>
</head>
<body topmargin="0" class="principal.css">
<img src="../../img/call-us.jpg" width="953" height="30" border="0"></img>
  <strong style="color:#003367"><br>
CONTACTO - ESTAMOS AQUÍ<a href="javascript: cargarContenido('mapa.html','principal')">(MAPA)</a></strong><br />
<br />
<span id="ctl00_cphContent_lblTextoFormulario">Rellene   el  formulario y pulse en 'Enviar'. Nos pondremos en contacto   con Usted en el plazo de tiempo más breve posible.</span>También podrá contactarnos a través del teléfono, fax,  e-mail, o presentándose en la sede de nuestra oficina.<br />
Vamos a respetar su información conforme con la politica de <a href="javascript: cargarContenido('proteccion.html','principal')">protección de datos. </a><br /><br />
<div id="principal">
<form id="form1" name="form1" method="post" action="send.php" >
<table width="903" border="0" class="principal">
<tr>
<td width="229" class="principal">E-mail:<span class="style1">*</span></td>
<td width="206" class="principal"><input name="e-mail" type="text" id="e-mail" maxlength="50" /></td>
<td width="124" rowspan="2">
<div align="center"><img src="img/phone.jpg" border="0" /></div>
</td>
<td width="326"><strong>TELEFONO</strong></td>
</tr>
<tr>
<td class="principal">Nombre y/o Apellidos:<span class="style1">*</span></td>
<td class="principal"><input name="nombre" type="text" id="nombre" maxlength="50" /></td>
<td>971 76 94 14</td>
</tr>
<tr>
<td class="principal">Empresa:</td>
<td class="principal"><input name="empresa" type="text" id="empresa" maxlength="30" /></td>
<td rowspan="2">
<div align="center"><img src="img/fax.jpg" border="0" /></div>
</td>
<td><strong>FAX</strong></td>
</tr>
<tr>
<td class="principal">Dirección:</td>
<td class="principal"><input name="direccion" type="text" id="direccion" maxlength="30" /></td>
<td>971 76 59 36</td>
</tr>
<tr>
<td class="principal">Ciudad:</td>
<td class="principal"><input name="ciudad" type="text" id="ciudad" maxlength="30" /></td>
<td rowspan="2">
<div align="center"><img src="img/email.jpg" border="0" /></div>
</td>
<td><strong>E-MAIL</strong></td>
</tr>
<tr>
<td class="principal">Código postal:</td>
<td class="principal"><input name="codigo" type="text" id="codigo" maxlength="10" /></td>
<td>[email protected]     </td>
</tr>
<tr valign="top">
<td class="principal">Teléfono:</td>
<td class="principal"><input type="text" name="teléfono" id="telefono" /></td>
<td rowspan="2">
<div align="center"><img src="img/address.jpg" border="0" /></div>
</td>
<td><strong><a href="javascript: cargarContenido('mapa.html','principal')">DIRECCION</a></strong></td>
</tr>
<tr valign="top">
<td class="principal" >Comentarios:<span class="style1">*</span></td>
<td class="principal"><textarea name="comentarios" cols="30" rows="5" id="comentarios" class="principal"></textarea></td>
<td>
<p>c\ Antonio Borras nº 2,</p>
<p>07010, Establiments(Palma de Mallorca)</p>
</td>
</tr>
</table>
<label>
  <input name="Enviar" type="submit" id="Enviar" value="Enviar" />
  </label>
</div>
</form>
</body>
</html>
Y aqui el codigo del send.php:
<script type="text/javascript" src="http://github.com/malsup/form/raw/master/jquery.form.js?v2.43"> </script>
<script type="text/javascript" src="js/archivo.js">
// JavaScript Document
function nuevoAjax(xmlhttp){
   try {
       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
   catch (e) {
       try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (E) {
          xmlhttp = false;
      }
   }
   if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
   }
   return xmlhttp
}
function cargarContenido(pagina,destino){
   var contenedor;
   var ajax;
   contenedor = document.getElementById(destino);
   ajax = nuevoAjax(ajax);
   ajax.open("GET", pagina, true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         contenedor.innerHTML = ajax.responseText;
      }
   }
   ajax.send(null);
}
</script>
<?php
$email = $_POST['e-mail'];
$nombre = $_POST['nombre'];
$empresa = $_POST['empresa'];
$direccion = $_POST['direccion'];
$ciudad = $_POST['ciudad'];
$codigo = $_POST['codigo'];
$telefono = $_POST['teléfono'];
$comentarios = $_POST['comentarios'];
$header = 'Desde: ' . $email . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";
$mensaje = "Este mensaje fue enviado por " . $nombre . ", de la empresa " . $empresa . ", con la siguiente direccion: " .$ciudad . ", " . $codigo . ", " . $direccion . ", con el telefono: " . $telefono . "\r\n";
$mensaje .= "\r\nSu e-mail es: " . $email . " \r\n";
$comentarios .= "\r\n\r\n" ."Enviado el " . date('d/m/Y', time()) . "\r\n" . $mensaje;
$para = '[email protected]';
$asunto = 'Contacto desde WEB INFO ITE BALEAR';
mail($para, $asunto, utf8_decode($comentarios), $header);
//include('respuesta.html');
echo 'SU MENSAJE SE HA ENVIADO CORRECTAMENTE';
?>
<script>
var params= {target:'#principal1'};
$('#form1').ajaxForm(params);
</script>
Gracias Carlos.
"Send.php" no debería hacer nada más que enviar el mail y sacar el mensaje, es decir, nada de scripts, tan solo el código PHP dentro del body.
Revisa que en "contacto.php", en el código que te he pasado, se está ejecutando el $(document). ready() , poniendo un alert() antes de llamar al ajaxForm.
¿Qué error te da? ¿Hace lo mismo de antes?
Puse alert()
<title>CONTACTO ITE BALEAR</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://jquery.malsup.com/form/jquery.form.js"></script>
<script>
$(document).ready(function(){
alert();
$('#form1').ajaxForm({target:'#principal'});
});
</script>
Pero parece que no se ejecuta
Prueba a traspasar estos scripts a la página principal:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://jquery.malsup.com/form/jquery.form.js"></script>
Los puse en index.html donde tengo toda la estructura del menu y tampoco
no recibo ningun alert
Adjunto otra vez el código de contactos.php y send.php
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CONTACTO ITE BALEAR</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://jquery.malsup.com/form/jquery.form.js"></script>
<script>
$(document).ready(function(){
alert();
$('#form1').ajaxForm({target:'#principal'});
});
</script>
<script language="javascript1.5" type="text/javascript">
function nuevoAjax(xmlhttp){
   try {
       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
   catch (e) {
       try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (E) {
          xmlhttp = false;
      }
   }
   if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
   }
   return xmlhttp
}
function cargarContenido(pagina,destino){
   var contenedor;
   var ajax;
   contenedor = document.getElementById(destino);
   ajax = nuevoAjax(ajax);
   ajax.open("GET", pagina, true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         contenedor.innerHTML = ajax.responseText;
      }
   }
   ajax.send(null);
}
</script>
<link href="../styles/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #FF0000}
-->
</style>
</head>
<body topmargin="0" class="principal.css">
<img src="../../img/call-us.jpg" width="953" height="30" border="0"></img>
  <strong style="color:#003367"><br>
CONTACTO - ESTAMOS AQUÍ<a href="javascript: cargarContenido('mapa.html','principal')">(MAPA)</a></strong><br />
<br />
<span id="ctl00_cphContent_lblTextoFormulario">Rellene   el  formulario y pulse en 'Enviar'. Nos pondremos en contacto   con Usted en el plazo de tiempo más breve posible.</span>También podrá contactarnos a través del teléfono, fax,  e-mail, o presentándose en la sede de nuestra oficina.<br />
Vamos a respetar su información conforme con la politica de <a href="javascript: cargarContenido('proteccion.html','principal')">protección de datos. </a><br /><br />
<div id="principal">
<form id="form1" name="form1" method="post" action="send.php" >
<table width="903" border="0" class="principal">
<tr>
<td width="229" class="principal">E-mail:<span class="style1">*</span></td>
<td width="206" class="principal"><input name="e-mail" type="text" id="e-mail" maxlength="50" /></td>
<td width="124" rowspan="2">
<div align="center"><img src="img/phone.jpg" border="0" /></div>
</td>
<td width="326"><strong>TELEFONO</strong></td>
</tr>
<tr>
<td class="principal">Nombre y/o Apellidos:<span class="style1">*</span></td>
<td class="principal"><input name="nombre" type="text" id="nombre" maxlength="50" /></td>
<td>971 76 94 14</td>
</tr>
<tr>
<td class="principal">Empresa:</td>
<td class="principal"><input name="empresa" type="text" id="empresa" maxlength="30" /></td>
<td rowspan="2">
<div align="center"><img src="img/fax.jpg" border="0" /></div>
</td>
<td><strong>FAX</strong></td>
</tr>
<tr>
<td class="principal">Dirección:</td>
<td class="principal"><input name="direccion" type="text" id="direccion" maxlength="30" /></td>
<td>971 76 59 36</td>
</tr>
<tr>
<td class="principal">Ciudad:</td>
<td class="principal"><input name="ciudad" type="text" id="ciudad" maxlength="30" /></td>
<td rowspan="2">
<div align="center"><img src="img/email.jpg" border="0" /></div>
</td>
<td><strong>E-MAIL</strong></td>
</tr>
<tr>
<td class="principal">Código postal:</td>
<td class="principal"><input name="codigo" type="text" id="codigo" maxlength="10" /></td>
<td>[email protected]     </td>
</tr>
<tr valign="top">
<td class="principal">Teléfono:</td>
<td class="principal"><input type="text" name="teléfono" id="telefono" /></td>
<td rowspan="2">
<div align="center"><img src="img/address.jpg" border="0" /></div>
</td>
<td><strong><a href="javascript: cargarContenido('mapa.html','principal')">DIRECCION</a></strong></td>
</tr>
<tr valign="top">
<td class="principal" >Comentarios:<span class="style1">*</span></td>
<td class="principal"><textarea name="comentarios" cols="30" rows="5" id="comentarios" class="principal"></textarea></td>
<td>
<p>c\ Antonio Borras nº 2,</p>
<p>07010, Establiments(Palma de Mallorca)</p>
</td>
</tr>
</table>
<label>
  <input name="Enviar" type="submit" id="Enviar" value="Enviar" />
  </label>
</div>
</form>
</body>
</html>
send.php:
<?php
$email = $_POST['e-mail'];
$nombre = $_POST['nombre'];
$empresa = $_POST['empresa'];
$direccion = $_POST['direccion'];
$ciudad = $_POST['ciudad'];
$codigo = $_POST['codigo'];
$telefono = $_POST['teléfono'];
$comentarios = $_POST['comentarios'];
$header = 'Desde: ' . $email . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";
$mensaje = "Este mensaje fue enviado por " . $nombre . ", de la empresa " . $empresa . ", con la siguiente direccion: " .$ciudad . ", " . $codigo . ", " . $direccion . ", con el telefono: " . $telefono . "\r\n";
$mensaje .= "\r\nSu e-mail es: " . $email . " \r\n";
$comentarios .= "\r\n\r\n" ."Enviado el " . date('d/m/Y', time()) . "\r\n" . $mensaje;
$para = '[email protected]';
$asunto = 'Contacto desde WEB INFO ITE BALEAR';
mail($para, $asunto, utf8_decode($comentarios), $header);
//include('respuesta.html');
echo 'SU MENSAJE SE HA ENVIADO CORRECTAMENTE';
?>
Joer, que raro que no salga el alert.
Solo por descartar: ¿Tienes acceso a los scripts que están en internet desde el navegador donde estás haciendo las pruebas? Es como si no cargara jQuery
pongo las dirreciones(http://jquery.malsup.com/form/jquery.form.js y http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js) en el navegador y muestra contenido.
Creo que el problema lo tienes porque el div principal no lo actualizas usando jQuery, por lo que las páginas que luego se cargan en el div no ejecutan el $(document). Ready().
Prueba a cambiar la función cargarContenido() para que use jquery:
function cargarContenido(pagina,destino){ 
$('#' + destino).load(pagina);
}
Prueba y me cuentas.
Tampoco funciona,
He cambiado la función cagarContenido con la que me indicaste, incluso en index.html donde cargo todas las opciones y no funca.. lo siento
Vale, intenta lo siguiente:
En "contacto.php", quita el $(document). Ready(), y mete ese código al final de la página, dentro de un tag de script:

<script>
alert('modificando form...');
$('#form1').ajaxForm({target:'#principal'});
alert('form modificado');

</script>
No funciona.. no me salen los alerts.. esto no lo entiendo
Te pego otra vez el código del contactp.php
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CONTACTO ITE BALEAR</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://jquery.malsup.com/form/jquery.form.js"></script>
<script language="javascript1.5" type="text/javascript">
function nuevoAjax(xmlhttp){
   try {
       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
   catch (e) {
       try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (E) {
          xmlhttp = false;
      }
   }
   if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
   }
   return xmlhttp
}
function cargarContenido(pagina,destino){
  /* var contenedor;
   var ajax;
   contenedor = document.getElementById(destino);
   ajax = nuevoAjax(ajax);
   ajax.open("GET", pagina, true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         contenedor.innerHTML = ajax.responseText;
      }
   }
   ajax.send(null);*/
   $('#' + destino).load(pagina);
}
</script>
<link href="../styles/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #FF0000}
-->
</style>
</head>
<body topmargin="0" class="principal.css">
<img src="../../img/call-us.jpg" width="953" height="30" border="0"></img>
  <strong style="color:#003367"><br>
CONTACTO - ESTAMOS AQUÍ<a href="javascript: cargarContenido('mapa.html','principal')">(MAPA)</a></strong><br />
<br />
<span id="ctl00_cphContent_lblTextoFormulario">Rellene   el  formulario y pulse en 'Enviar'. Nos pondremos en contacto   con Usted en el plazo de tiempo más breve posible.</span>También podrá contactarnos a través del teléfono, fax,  e-mail, o presentándose en la sede de nuestra oficina.<br />
Vamos a respetar su información conforme con la politica de <a href="javascript: cargarContenido('proteccion.html','principal')">protección de datos. </a><br /><br />
<div id="principal1">
<form id="form1" name="form1" method="post" action="send.php" >
<table width="903" border="0" class="principal">
<tr>
<td width="229" class="principal">E-mail:<span class="style1">*</span></td>
<td width="206" class="principal"><input name="e-mail" type="text" id="e-mail" maxlength="50" /></td>
<td width="124" rowspan="2">
<div align="center"><img src="img/phone.jpg" border="0" /></div>
</td>
<td width="326"><strong>TELEFONO</strong></td>
</tr>
<tr>
<td class="principal">Nombre y/o Apellidos:<span class="style1">*</span></td>
<td class="principal"><input name="nombre" type="text" id="nombre" maxlength="50" /></td>
<td>971 76 94 14</td>
</tr>
<tr>
<td class="principal">Empresa:</td>
<td class="principal"><input name="empresa" type="text" id="empresa" maxlength="30" /></td>
<td rowspan="2">
<div align="center"><img src="img/fax.jpg" border="0" /></div>
</td>
<td><strong>FAX</strong></td>
</tr>
<tr>
<td class="principal">Dirección:</td>
<td class="principal"><input name="direccion" type="text" id="direccion" maxlength="30" /></td>
<td>971 76 59 36</td>
</tr>
<tr>
<td class="principal">Ciudad:</td>
<td class="principal"><input name="ciudad" type="text" id="ciudad" maxlength="30" /></td>
<td rowspan="2">
<div align="center"><img src="img/email.jpg" border="0" /></div>
</td>
<td><strong>E-MAIL</strong></td>
</tr>
<tr>
<td class="principal">Código postal:</td>
<td class="principal"><input name="codigo" type="text" id="codigo" maxlength="10" /></td>
<td>[email protected]     </td>
</tr>
<tr valign="top">
<td class="principal">Teléfono:</td>
<td class="principal"><input type="text" name="teléfono" id="telefono" /></td>
<td rowspan="2">
<div align="center"><img src="img/address.jpg" border="0" /></div>
</td>
<td><strong><a href="javascript: cargarContenido('mapa.html','principal')">DIRECCION</a></strong></td>
</tr>
<tr valign="top">
<td class="principal" >Comentarios:<span class="style1">*</span></td>
<td class="principal"><textarea name="comentarios" cols="30" rows="5" id="comentarios" class="principal"></textarea></td>
<td>
<p>c\ Antonio Borras nº 2,</p>
<p>07010, Establiments(Palma de Mallorca)</p>
</td>
</tr>
</table>
<label>
  <input name="Enviar" type="submit" id="Enviar" value="Enviar" />
  </label>
</form>
</div>
</body>
<script>
alert('modificando form...');
$('#form1').ajaxForm({target:'#principal1'});
alert('form modificado');
</script>
</html>
Sigue mis indicaciones y pega el siguiente código al final de "contacto.php", no de "send.php":

<script> 
alert('modificando form...'); 
$('#form1').ajaxForm({target:'#principal1'}); 
alert('form modificado'); 
</script>

... y quítalo de "send.php", al que por cierto le vuelve a sobrar todos los scripts.
Otra cosa: no definas las funciones "cargarContenido()" y "nuevoAjax()" en las páginas que cargues vía ajax. Al estar declaradas en la página contenedora, no es necesario que estén en el resto de páginas.
Bueno Carlos,
Hice (por lo menos es lo que pienso yo-- me puedo equivocar) todos los cambios que me has dicho.
El send.php solo contiene código php, en contactos.php tengo solo el código que me has mandado.. en index.html() he dejado solo estos scripts:
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script language="javascript1.5" type="text/javascript">
function cargarContenido(pagina,destino){
   $('#' + destino).load(pagina);
}
</script>
En cambio sigue sin funcionar.
Hola Carlos,
He pensado que podría ser lo siguiente: no se carga la librería jQuerry desde Google -- he mirado en internet y salia este código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://jquery.malsup.com/form/jquery.form.js"></script>
<script>!window.jQuery && document.write('<script src="js/jquery-1.5.2.min.js"><\/script>')</script>
Intente insertarlo en index.html y contactos.php.. pero tampoco funciona..
Gracias y saludos.
Perdona la confusión: me he pasado de scroll y he visto posts antiguos.
Respecto a tu último post: yo pondría las llamadas a los scripts de jquery en "index.html" (creo que no están), si esa es la página que luego invoca vía ajax al resto de páginas. En las páginas que son llamadas vía ajax, quita los scripts de cargarContenido, etc. Tan solo mete en "contacto.php" el script de jquery para "customizar" el formulario.
Solo tengo este script:
function cargarContenido(pagina,destino){
   $('#' + destino).load(pagina);
} en index.html,
en los demas fuera.
Ni siquiera en contactos.php... No se colocar otra vez el código de contactos.php, send.php o index.html te puede ayudar.
Sigo pendando(con mis humildes conocimientos) que no carga jquerry desde google
¿Tienes la llamada al jquery de google en el index? Me dijiste que podías acceder sin problemas a los js, ¿no? Prueba a descargarte en local el javascript de jquery y llamarle de forma local en el index.
Lo hice local y tampoco... si que me carga el jquerry.. local y desde el navegador.
Siento la molestia.. ¿pero qué más podría hacer?
Coloco otra vez el código del inde, ¿contacto y send?
¿Tienes la última versión en www.itebalear.es/info? Para echarle un vistazo
¿Qué contenido te subo o como lo hacemos?
¿En la última version funciona todo menos lo del formulario, o no carga ninguna página con ajax? Si no funciona nada, puedes crear un "/infoParaCarlos" para que yo acceda, colgando ahí la nueva versión
Ok..
¿Cómo te pongo un privado con los datos de acceso?
[email protected]
He modificado el archivo "contacto.php". Súbelo a la web para probar.
Lo he subido pero tampoco funciona.. de hecho lo puedes comprobar en www.itebalear.es/infoparaCarlos
Me he bajado a mi entorno las páginas index.html y contacto.php. Me está funcionando todo bien, haciendo lo siguiente:
En "index.html", he borrado la función "nuevoAjax", que ya no se usa, y he borrado el código antiguo. Estaba comentado, por lo que no debería influir
En "contacto.php" he borrado todos los scripts que hay en el head, dejando tan solo el del final de la página.
Como te digo, en local me va bien. Prueba a realizar esta "limpia" a ver que tal.
Buenos días Carlos,
Gracias por tú paciencia
Ocurre una cosa rara.. he comprobado el enlace infoparaCarlos en otro ordenador(WXP -IE7) y funcionaba(hace un hora) vengo al de casa (W7 + IE9 o Mozilla 4 o G-Chrome) y no funciona.. tengo los contacto.php e index.html idénticos que en la carpeta infoparaCarlos.. pero no funciona.
¿Podrías subir de nuevo los archivos contacto.php e index.html que te funcionan local en infopara Carlos?
Saludos
Otra cosa que he observado es que a veces me salen los alerts y después ya no
Bufff, no se que hacer con lo tuyo...¿has avanzado algo desde la última vez que hablamos?
Te propongo otra cosa: cuando quieras cargar vía ajax la página de contacto, no llames a cargarContenido, sino a otra nueva que se defina así:
function cargarPaginaContacto(destino){ 
   $('#' + destino).load('php/contacto.php', function(){
      alert('página de contacto cargada');
      $('#form1').ajaxForm({target:'#principal1'});  
      alert('form modificado');
   }); 
}
También tendrías que quitar el código jquery de contacto.php.
Prueba y me cuentas, ¿ok? Venga, a ver si esta vez damos con la tecla...

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Botón atrás en ajax

Estoy creando una web modular, tengo la página principal en la que tengo todos los enlaces a diferentes secciones y las cargo en un div mediante ajax con este código: <script type="text/javascript"> function ajaxFunction() { var xmlHttp; try {...
1 respuesta

Valor JavaScript a ASP

Mi pregunta es como pasar un valor JavaScript a Asp. Se que para pasarlo de ASP a JavaScript es de la siguiente manera: <script language='javascript'> var cadena=""; cadena = '<%=hora3%>'; </script> ¿Pero cómo lo hago de forma contraria?
1 respuesta

Problema con ajax y jquery

Tengo un problemilla con jquery y ajax.. Te explico: hace un par de días vi un carrusel de imágenes construido con jquery, me gustó mucho y quería hacer varias pruebas Hola! Tengo un problemilla con jquery y ajax.. Te explico: hace un par de días vi...
1 respuesta

Problema con efecto Accordion en AJAX

Tengo un problema con el efecto Accordion en AJAX, cuento con un archivo el cual realiza una consulta y la muestra dentro de la misma página, utilizando AJAx, en esta misma página en los resultados mostrados quiero que se muestre el efecto, pero el...
2 respuestas

Validar datos en base de datos

Tengo un problemita con un formulario los datos ingresan bien a la base de datos esta todo prefecto pero el problema es que hay usuarios que se registran más de 2 veces lo que quiero hacer es que cuendo se registre le salga un mensaje de que su...
3 respuestas

Cargar varios div

Me gustaría saber como podría cargar varios div, estoy probando pero se queda el archivo loading cargando pero no carga, pero carga el segundo getdata. Cargando un solo div sale estupendamente, pero con dos ya no este es mi código [PHP] // here we...
2 respuestas

Llenar arreglo desde formulario

Gusto en saludarte, tengo un problema que no he podido solucionar, tengo un formulario con 2 cajas de texto más un botón, en donde el usuario deberá ingresar los códigos del productos que desea comprar más la cantidad y al presionar el botón estos...
1 respuesta

Consulta base de datos con AJAX y PHP

Tengo un problema no logro realizar una consulta a base de datos mediante un formulario utilizando AJAX, la página no me muestra nada... Encontré un ejemplo en la red pero utiliza una lista desplegable en donde realiza una consulta a la base de datos...
1 respuesta

Cargar página en un div

Hace unas semanas te escribí para ver como podía hacer para cargar una página en un div según al enlace que pulsases. Me explico tengo un div menu y un div content, según el enlace que pulse del menu muestra una página u otra en el div content. Ya se...
1 respuesta

Paginador con php mysql y ajax

Que tal tengo el siguiente código de un paginador y listador de noticias, que no le puedo complementar con un leer más, está hecho con php, mysql y ajax, a ver si me puedes dar una mano gracias <?php require('dbconexion.php'); $RegistrosAMostrar=3;...
1 respuesta