Несколько проблем:Расширенные окна всплывающих окон jQuery
1) Я пытаюсь сделать этот скрипт более эффективным.
2) Когда пользователь нажимает кнопку выключения, он открывает окна и скрывает элемент. (В настоящее время я использую .detach() для удаления встроенного видеопроигрывателя, потому что в Firefox .toggle() просто скрывает плеер, но сохраняет воспроизведение звука. Есть ли лучший способ сделать это?
3) Теоретически снова нажав кнопку или закрыв окно вручную, он должен скрывать или .toggle() элемент, но не для видеоплеера из-за отсоединения().
4) Если пользователь всплывает, окно вручную закрывает его, а затем снова выталкивает его, чтобы снова закрыть его, чтобы элемент не возвращался .toggle().
См. Его в действии здесь, http://www.mst3k.tv/.
$(document).ready(function() {
$('#lights').click(function(){$('#darkness').fadeToggle(500);});
$("#lights").toggle(function(){$("#lights").attr('id','lightsoff');},function(){$("#lightsoff").attr('id','lights');});
/**VIDEO**/
var videoWin;
$('#video-toggle').click(function(){
$('#video').fadeToggle(500);
$('#video').detach();
});
$('#video-toggle').click(function(){
if (videoWin && !videoWin.closed) {
videoWin.close();
return false;
}
videoWin = window.open(
$(this).attr('rel'),
'videoWin',
'width=600,height=480,toolbar=0,top=0,left=0,menubar=0,location=0,status=0,scrollbars=0,resizable=1');
return false;
}
);
var watchVideo = setInterval(function() {
if (videoWin.closed) {clearTimeout(watchVideo);$('#video').show(500)}
return false;
}, 1);
/**CHAT**/
var chatWin;
$('#chat-toggle').click(function(){
$('#chat').fadeToggle(500);
/*$('#chat').detach();*/
});
$('#chat-toggle').click(function(){
if (chatWin && !chatWin.closed) {
chatWin.close();
return false;
}
chatWin = window.open(
$(this).attr('rel'),
'chatWin',
'width=320,height=480,toolbar=0,top=0,left=601,menubar=0,location=0,status=0,scrollbars=0,resizable=1');
return false;
}
);
var watchChat = setInterval(function() {
if (chatWin.closed) {clearTimeout(watchChat);$('#chat').show(500)}
return false;
}, 1);
/*$("a.btn").fitText(1.2, { minFontSize: "6px", maxFontSize: "14px" });*/
});