Lo curioso del caso es que funciona en todos los navegadores excepto en Opera y en Chrome, y no sé por qué. Creo que debe ser algún ligero fallo de código, pero la w3c me lo valida y en estricto.
¿Alguien me podría corregir con algún matiz el código para que funcione en todos los navegadores?
Muchas gracias, a continuación, el código completo de las 2 webs. La web "uno.html" es la que copia y pega de la "dos.html":
"uno.html"
Código:
"dos.html"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Pegado de un html a otro</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#prueba').load('dos.html #otrohtml');; }); </script> </head> <body> <p>Contenido propio</p> <div id="prueba"> </div> </body> </html>
Código:
PD: después también está el archivo jquery.js, que espero que el fallo no esté ahí. Así pues, si el fallo está en la sintaxis de algunas de mis htmls, os agradecería que me hiciéseis saber la corrección. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Pegado de un html a otro</title> </head> <body> <p>Contenido sin pegar</p> <div id="otrohtml"> <p>Contenido que pegará</p> </div> </body> </html>