Problema con las cookies en Opera y en IE (no en Firefox)

carlosgs91 · #1 (**permalink**) 22/06/2008, 09:28

El código es el siguiente:

Código HTML:

<title>Editor HTML by carlosgs91</title><style type="text/css">
<!--
body {
	margin:5px;
}
a:link {
	color: #0066CC;
}
a:visited {
	color: #0066CC;
}
a:hover {
	color: #0066CC;
}
a:active {
	color: #0066CC;
}
.separacion {
margin-top:5px;
margin-bottom:5px;
background-color:#E8E8E8;
height:5px;
width:100%;}
img {
border:0px;}
-->
</style><BODY  onLoad="colorfondo();">
<script language="JavaScript"> 
<!-- 

function cambia(nom){
if(document.all[nom].style.visibility=='visible')
{
document.all[nom].style.visibility='hidden';
document.all[nom].style.position='absolute'; 
if(nom == "b") {
document.getElementById('a').innerHTML = "Mostrar cuadro de texto"; }
else {
document.getElementById('d').innerHTML = "Mostrar preview HTML"; }
}
else 
{
document.all[nom].style.visibility='visible';
document.all[nom].style.position='relative'; 
if(nom == "b") {
document.getElementById('a').innerHTML = "Ocultar cuadro de texto";
}
else {
document.getElementById('d').innerHTML = "Ocultar preview HTML";
}
}
}

function colorfondo() 
{ 
window.setTimeout( "colorfondo()", 1);  
var indice2 = document.form1.texto.value;
document.getElementById('c').innerHTML = indice2+"<div class=separacion></div>";
var caracterestotales = document.form1.texto.value.length;
document.getElementById('f').innerHTML = caracterestotales+" car&aacute;cteres.";
} 

function addTex(let)
{
var story = document.form1.texto.value
if(let == 1) {
var let2 = "<a href=''></a>"
}
if(let == 2) {
var let2 = "<img src=''>"
}
if(let == 3) {
var let2 = "<div align='left'></div>"
}
if(let == 4) {
var let2 = "<div align='center'></div>"
}
if(let == 5) {
var let2 = "<div align='justify'></div>"
}
if(let == 6) {
var let2 = "<div align='right'></div>"
}
if(let == 7) {
var let2 = "<strong></strong>"
}
if(let == 8) {
var let2 = "<em></em>"
}
if(let == 9) {
var let2 = "<s></s>"
}
if(let == 10) {
var let2 = "<ul>\n<li></li>\n</ul>";
}
if(let == 11) {
var let2 = "<ol>\n<li></li>\n</ol>"
}


var story2lol = story+let2
document.form1.texto.value=story2lol
}
function aumentarCuadroTexto(que) {
if(que == "1a") {
document.getElementById('texto').style.height='400px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1b\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'2a\')"><img src="imagenes\/menos.png" height="14"><\/a> | ';
}
if(que == "1b") {
document.getElementById('texto').style.height='500px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1c\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'1a\')"><img src="imagenes\/menos.png" height="14"><\/a> |'; 
}
if(que == "1c") {
document.getElementById('texto').style.height='600px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1d\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'1b\')"><img src="imagenes\/menos.png" height="14"><\/a> |'; 
}
if(que == "1d") {
document.getElementById('texto').style.height='700px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1e\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'1c\')"><img src="imagenes\/menos.png" height="14"><\/a> |'; 
}
if(que == "1e") {
document.getElementById('texto').style.height='800px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1e\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'1d\')"><img src="imagenes\/menos.png" height="14"><\/a> |'; 
}
if(que == "2a") {
document.getElementById('texto').style.height='300px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1a\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'2b\')"><img src="imagenes\/menos.png" height="14"><\/a> |'; 
}
if(que == "2b") {
document.getElementById('texto').style.height='200px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'2a\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'2c\')"><img src="imagenes\/menos.png" height="14"><\/a> |'; 
}
if(que == "2c") {
document.getElementById('texto').style.height='100px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'2b\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'2c\')"><img src="imagenes\/menos.png" height="14"><\/a> |'; 
}
}

--> 

function getCookie(name){
  var cname = name + "=";               
  var dc = document.cookie;             
  if (dc.length > 0) {              
    begin = dc.indexOf(cname);       
    if (begin != -1) {           
      begin += cname.length;       
      end = dc.indexOf(";", begin);
      if (end == -1) end = dc.length;
        return unescape(dc.substring(begin, end));
    } 
  }
  return null;
}

function setCookie(name, value, expires, path, domain, secure) {
  document.cookie = name + "=" + escape(value) + 
  ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
  ((path == null) ? "" : "; path=" + path) +
  ((domain == null) ? "" : "; domain=" + domain) +
  ((secure == null) ? "" : "; secure");
}



function guardarDatos() {

var validez = 9000;
	var caduca = new Date(); 
	caduca.setTime(caduca.getTime() + (validez*24*60*60*1000));
	var Visitante = document.form1.texto.value;
		setCookie ('EditorHTMLCGS',Visitante, caduca);


}

function cargarDatos() {
var datosguardadosendisco = getCookie('EditorHTMLCGS');
document.form1.texto.value=datosguardadosendisco;
}


</script>
<div id="c" style="visibility:visible;position:relative;"></div>


<div id="b" style="visibility:visible;position:relative;">
<form name="form1" method="post" action="">
		  <label>
		  <textarea name="texto" id="texto" style="width:100%;height:300px;"></textarea>
  </label>
</form></div>

<div style="float:left; width:100%;"><div id="f" style="float:right;"></div>
<a href="#" onClick="guardarDatos()"><img src="imagenes/guardar.png"></a> <a href="#" onClick="cargarDatos()"><img src="imagenes/cargar.png"></a> <a href="#" onClick="addTex('1')"><img src="imagenes/page_link.png"></a> <a href="#" onClick="addTex('2')"><img src="imagenes/picture.png"></a> <a href="#" onClick="addTex('3')"><img src="imagenes/text_align_left.png"></a> <a href="#" onClick="addTex('4')"><img src="imagenes/text_align_center.png"></a> <a href="#" onClick="addTex('5')"><img src="imagenes/text_align_justify.png"></a> <a href="#" onClick="addTex('6')"><img src="imagenes/text_align_right.png"></a> <a href="#" onClick="addTex('7')"><img src="imagenes/text_bold.png"></a> <a href="#" onClick="addTex('8')"><img src="imagenes/text_italic.png"></a> <a href="#" onClick="addTex('9')"><img src="imagenes/text_strikethrough.png"></a> <a href="#" onClick="addTex('10')"><img src="imagenes/text_list_bullets.png"></a> <a href="#" onClick="addTex('11')"><img src="imagenes/text_list_numbers.png"></a></div>
<br>
<div id="sumarje" style="float:left; margin-right:2px;"><a href="#" onClick="aumentarCuadroTexto('1a')"><img src="imagenes/mas.png" height="14"></a> <a href="#" onClick="aumentarCuadroTexto('2b')"><img src="imagenes/menos.png" height="14"></a> | </div>
<a href="#" onClick="cambia('b')" id="a">Ocultar cuadro de texto</a> | <a href="#" onClick="cambia('c')" id="d">Ocultar preview HTML</a>
</BODY>

No se porque la parte de las cookies si la pongo no me carga el javascript en opera ni en IE pero si en firefox y si lo quito me carga bien en ambos, asi que os lo pongo para ver si os funciona y si no si sabeis que es lo que falla. La función getCookie y setCookie las saque de internet, pero me parece que se usan mucho y tambien me dan error... igual es porque tengo la página en local no se.