y aqui el html (el js solo deje el js necesario)
Código:
<head>
<link rel="stylesheet" href="general.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/general.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#TextMenu3 .navbar a").hover(function()
{
$(this).children("span").hide();
}, function()
{
$(this).children("span").show();
})
});
</script>
</head>
<body>
<!-- Ventanas -->
<div id="lbca" class="clb2">
<iframe src="./calculadora.html"></iframe>
<a class ="cerrar" href = "javascript:void(0)" onclick = "document.getElementById('lbca').style.display='none';document.getElementById('lbca2').style.display='none'">
X</a>
</div><div id="lbca2" class="clb"></div>
<div id="feedb" class="white_content">
<iframe frameborder="0" scrolling="no" style="width:100%;border:none" src="http://frontwebos.wufoo.com/embed/z7x4a3/"></iframe>
<a class ="cerrar" href = "javascript:void(0)" onclick = "document.getElementById('feedb').style.display='none';document.getElementById('feedb2').style.display='none'">
X</a>
</div><div id="feedb2" class="black_overlay"></div>
<div id="info2" class="white_content">
<iframe src="./infolegal.html"></iframe>
<a class ="cerrar" href = "javascript:void(0)" onclick = "document.getElementById('info2').style.display='none';document.getElementById('info3').style.display='none'">
X</a>
</div><div id="info3" class="black_overlay"></div>
<div id="faqq" class="white_content">
<iframe src="./faq.html"></iframe>
<a class ="cerrar" href = "javascript:void(0)" onclick = "document.getElementById('faqq').style.display='none';document.getElementById('faqq2').style.display='none'">
X</a>
</div><div id="faqq2" class="black_overlay"></div>
<div id="perso" class="config2">
<font class="title" ><b>Color Fondo Contenedor:</b><br />
<input type="text" id="colores" value="Click Aqui para seleccionar el color" onclick="startColorPicker(this)" />
<a href="JavaScript:cold1()" class="style1">Aplicar Color</a><br /><br />
<b>Color Borde:</b><br />
<input type="text" id="colbord" value="Click Aqui para seleccionar el color" onclick="startColorPicker(this)" />
<a href="JavaScript:colbor1()" class="style1">Aplicar Color</a></font>
<a class ="cerrar" href = "javascript:void(0)" onclick = "document.getElementById('perso').style.display='none';document.getElementById('perso2').style.display='none'">
X</a>
</div><div id="perso2" class="config"></div>
<!--Fin Ventanas-->
<div id="container">
<script type="text/javascript">
document.getElementById("container").style.background(cold());
</script>
<script type="text/javascript">
document.getElementById("container").style.borderColor(colbor());
</script>
<img src="images/img0002.png" id="TextArt1" alt="img0002" title="" style="position:absolute;left:263px;top:185px;width:262px;height:38px;text-align:center;z-index:1;" />
<!-- Inicio Buscador -->
<form class="busca3" name="engines" action="" onsubmit="netsearch(engines)">
<center><input type="text" class="busca" maxlength="200" name="TEXT" /><input class="busca2" type="submit" value="Ir" title="Buscar" />
<input style="border:none" type="checkbox" name="bing" value="ON" /><img src = "images/binglogo.png" width = "53px" alt="Bing" />
<input style="border:none" type="checkbox" name="google" value="ON" checked="checked" /><img src= "images/googlelogo.png" width = "53px" alt="Google" />
<input style="border:none" type="checkbox" name="yahoo" value="ON" /><img src = "images/yahoologo.png" width = "53px" alt="Yahoo!" /></center>
</form>
<!-- Redes Sociales -->
<div id="redsocial">
<a href="javascript:ventanaSecundaria('http://facebook.com')" title="Facebook"><img src = "images/facebook.png" alt="FacebooK" title="Facebook" /></a>
<a href="javascript:ventanaSecundaria('http://twitter.com')" title="Twitter"><img src = "images/twitter.png" alt="Twitter" title="Twitter" /></a>
<a href="javascript:ventanaSecundaria('http://myspace.com')" title="MySpace"><img src = "images/myspaces.png" alt="MySpaces" title="MySpace" /></a>
<a href="javascript:ventanaSecundaria('http://hi5.com')" title="Hi5"><img src = "images/Hi5.png" alt="Hi5" title="Hi5" /></a>
</div>
<img src="images/user.png" id="imga" name ="perfil" alt="Imagen Perfil" title="Perfil" />
<p style="position:absolute;left:10px;top:520px;text-align:center;z-index:15;color: white;font-size:10px;"><i><b>Beta V1.0 Rev. 25</b></i></p>
<script type="text/javascript">
document.images['perfil'].src(imagen());
</script>
<script type="text/javascript">
document.body.background(img());
</script>
</div>
</body>
</html>
o mejor, para no complicarme la vida, en vez de ponerlo en una cookie, el borde de la imagen tomara el valor del borde del container, pero no se como hacerlo
asi cuando cargue la cookie, el borde del contenedor tomara el color y a su vez el borde de la imagen.
document.perfil.style.borderColor== document.getElementById("container").borderColor;
pero asi no me da, sabes como hacerlo? gracias de antemano