Hola, tengo un código para abrir una ventana emergente. me funciona genial, pero cuando intento abrir 2 ventanas usando dos funciones solo me abre una. Bueno a ver si me podéis ayudar que ando desesperada. Gracias
codigo ventana
<div id="pie">
<div id="not1">
<h2>Soporte</h2>
<p>Soporte Técnico de calidad, atención 24 horas, seguridad informática.</p>
<div class="readmore" style="position: static;"><a style="" href="#" id="windowOpen" title="Soporte">Leer más... <img src=web/ima/ico-leermas.gif alt="Leer más" align="texttop" border="0" height="13" width="13" /></a></div>
<div style="display: none; top: 261px; left: 440px;" id="window">
<div id="windowTop">
<div id="windowTopContent">Soporte Tecnico</div>
<img src="web/ima/window_min.jpg" name="windowMin" width="12" height="12" id="windowMin" />
<img src="web/ima/window_max.jpg" id="windowMax" />
<img src="web/ima/window_close.jpg" id="windowClose" /> </div>
<div id="windowBottom"><div id="windowBottomContent"> </div></div>
<div id="windowContent"><p>texto</p>
</div>
Funcion
<script type="text/javascript">
$(document).ready(
function()
{
$('#windowOpen').bind(
'click',
function() {
if($('#window').css('display') == 'none') {
$(this).TransferTo(
{
to:'window',
className:'transferer2',
duration: 400,
complete: function()
{
$('#window').show();
}
}
);
}
this.blur();
return false;
}
);
$('#windowClose').bind(
'click',
function()
{
$('#window').TransferTo(
{
to:'windowOpen',
className:'transferer2',
duration: 400
}
).hide();
}
);
$('#windowMin').bind(
'click',
function()
{
$('#windowContent').SlideToggleUp(300);
$('#windowBottom, #windowBottomContent').animate({height: 10}, 300);
$('#window').animate({height:40},300).get(0).isMin imized = true;
$(this).hide();
$('#windowResize').hide();
$('#windowMax').show();
}
);
$('#windowMax').bind(
'click',
function()
{
var windowSize = $.iUtil.getSize(document.getElementById('windowCon tent'));
$('#windowContent').SlideToggleUp(300);
$('#windowBottom, #windowBottomContent').animate({height: windowSize.hb + 13}, 300);
$('#window').animate({height:windowSize.hb+43}, 300).get(0).isMinimized = false;
$(this).hide();
$('#windowMin, #windowResize').show();
}
);
$('#window').Resizable(
{
minWidth: 200,
minHeight: 60,
maxWidth: 700,
maxHeight: 400,
dragHandle: '#windowTop',
handlers: {
se: '#windowResize'
},
onResize : function(size, position) {
$('#windowBottom, #windowBottomContent').css('height', size.height-33 + 'px');
var windowContentEl = $('#windowContent').css('width', size.width - 25 + 'px');
if (!document.getElementById('window').isMinimized) {
windowContentEl.css('height', size.height - 48 + 'px');
}
}
}
); $("#window").hide()
}
);
</script>
para poner una segunda ventana y una segunda funcion como seria??