Ya he buscado sin encontrar solución al asunto de las palabras que tienen acentos, le he agregado esta linea a mis paginas
Código:
e individualmente se ven bien las palabras con sus acentos, pero cuando invoco la misma pagina en otra mediante un DIV, ya no me reconoce las palabras acentuadas, si alguien conoce una solución agradeceria su ayuda. Saludos, agrego codigo de la pagina madre.<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
Código:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <script type="text/javascript"> var loadedobjects="" var rootdomain="http://"+window.location.hostname function ajaxpage(url, containerid){ var page_request = false if (window.XMLHttpRequest) // if Mozilla, Safari etc page_request = new XMLHttpRequest() else if (window.ActiveXObject){ // if IE try { page_request = new ActiveXObject("Msxml2.XMLHTTP") } catch (e){ try{ page_request = new ActiveXObject("Microsoft.XMLHTTP") } catch (e){} } } else return false page_request.onreadystatechange=function(){ loadpage(page_request, containerid) } page_request.open('GET', url, true) page_request.send(null) } function loadpage(page_request, containerid){ if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) document.getElementById(containerid).innerHTML=page_request.responseText } function loadobjs(){ if (!document.getElementById) return for (i=0; i<arguments.length; i++){ var file=arguments[i] var fileref="" if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding if (file.indexOf(".js")!=-1){ //If object is a js file fileref=document.createElement('script') fileref.setAttribute("type","text/javascript"); fileref.setAttribute("src", file);} else if (file.indexOf(".css")!=-1){ //If object is a css file fileref=document.createElement("link") fileref.setAttribute("rel", "stylesheet"); fileref.setAttribute("type", "text/css"); fileref.setAttribute("href", file); } } if (fileref!=""){ document.getElementsByTagName("head").item(0).appendChild(fileref) loadedobjects+=file+" " //Remember this object as being already added to page } } } </script> <style type="text/css"> #rightcolumn{ float:left; width:"auto"; min-height: 400px; border: none; margin-left: 10px; padding: 5px; padding-bottom: 8px; } * html #rightcolumn{ /*IE only style*/ height: 400px; } </style> </head> <body> <table border = 0> <tr> <td > <div id="leftcolumn" style="width:500px; height:250px; overflow: scroll;"> <img src = "imagen_mapeada.jpg" usemap="#Map1" border=0> <map name="Map1"> <area shape="circle" coords="111,480,22" href ="javascript:ajaxpage('archivo_con_acentos1.htm', 'rightcolumn');"> <area shape="circle" coords="111,560,22" href ="javascript:ajaxpage('archivo_con_acentos2.htm', 'rightcolumn');"> <area shape="circle" coords="111,640,22" href ="javascript:ajaxpage('archivo_con_acentos3.htm', 'rightcolumn');"> <area shape="circle" coords="271,520,22" href ="javascript:ajaxpage('archivo_con_acentos4.htm', 'rightcolumn');"> </map> </div> </td> <td> <p class=MsoHeader style='text-align:justify'><b><span lang=ES-MX style='font-size:10.0pt;font-family:Tahoma'>encabezado </span></b></p> <p class=MsoHeader style='text-align:justify'><span lang=ES-MX style='font-size:10.0pt;font-family:Tahoma'>Contenido 1</span></p> <p class=MsoHeader style='text-align:justify'><span lang=ES-MX style='font-size:10.0pt;font-family:Tahoma'>contenido 2</span></p> </td> </tr> <tr> <td colspan = 2> <div id="rightcolumn"></div> </td> </tr> </table> </body> </html>