[jQuery] how could jmp3 work in a thickbox window? onready problem?
<span class="gmail_quote">
</span>
<div>jmp3 & thickbox are both great plugins that using jquery,</div>
<div> </div>
<div>then, how could jmp3 work in a thickbox window? </div>
<div>jmp3 works fine alone, it seems that</div>
<div> </div>
<div>$(document).ready(function(){
$(".mp3").jmp3();</div>
<div>});</div>
<div> </div>
<div> not work when loaded by thickbox</div>
<div> </div>
<div>then which event should it been binded? any sugestion would be grateful.</div>
<div> </div>
<div>another question , how could thickbox work when loaded in a thickbox window? that's thickbox over thickbox, :-)</div>
<div> </div>
<div>i'm using jquery with <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://ztooo.com/default/zt/default.htm" target="_blank">http://ztooo.com/default/zt/default.htm</a> , maybe you'll see what i mean.
</div>
<div> </div>
<div>i'm using slighter thicker box, and have patched a few flaws in it. </div>
<div>such as animated gif problem, tiny picture problem, selects disapear when thickbox closed</div>
<div>maybe someone will like it, see diff</div>
<div> </div>
<div>19d18
< TB_VisibleSelects = $("select:visible");
100c99
< $("body").append("<div id='TB_load'><div id='TB_loadContent'><img src='/data/main/circle_animation.gif' /></div></div>");
---
> $("body").append("<div id='TB_load'><div id='TB_loadContent'><img src='images/circle_animation.gif' /></div></div>");
110d108
<
imgPreloader.onload = null;
117,122d114
< var GifOnLoad;
< if (urlType == '.gif') {
< GifOnLoad = "'";
< } else {
< GifOnLoad = "' onload='TB_ShowBox();'";
< }
142,145c134,135
< if (TB_WIDTH < 260) { TB_WIDTH = 260; }
< TB_HEIGHT = imageHeight + 100;
< if (TB_HEIGHT < 180) { TB_HEIGHT = 180; }
< $("#TB_window").append(TB_PrevHTML + TB_NextHTML + "<div id='TB_closeWindow'><a id='TB_closeWindowButton'>close</a></div>" + "<div id='TB_ImageDIV' align='center' valign='middle'><a id='TB_ImageOff' title='Close'><img border=0 id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+GifOnLoad+"/></a></div><div align='left' id='TB_caption'>"+caption+"</div>");
---
> TB_HEIGHT = imageHeight + 80;
> $("#TB_window").append("<div id='TB_caption'>"+caption+"</div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ImageDIV'><a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"' onload='TB_ShowBox();'/></a></div>");
164d153
< if (urlType == '.gif') { TB_ShowBox(); }
175c164
< $("#TB_window").append("<div id='TB_caption'>"+caption+"</div><div id='TB_closeWindow'><a id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ImageDIV' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'><a href='' id='TB_ImageOff' title='Close'><embed id='TB_Movie' src='" + url + "' autostart='true'></embed></div>");
---
> $("#TB_window").append("<div id='TB_caption'>"+caption+"</div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ImageDIV' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'><a href='' id='TB_ImageOff' title='Close'><embed id='TB_Movie' src='" + url + "' autostart='true'></embed></div>");
201c190
< $("#TB_window").append("<div align='left' id='TB_caption'>"+caption+"</div><div id='TB_closeAjaxWindow'><a id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>");
---
> $("#TB_window").append("<div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>");
228c217,218
< TB_VisibleSelects.hide();
---
> TB_VisibleSelects = $("select:visible");
> TB_VisibleSelects.toggle();
307c297
< TB_VisibleSelects.show();
---
> TB_VisibleSelects.toggle();
315c305
< // TB_VisibleSelects.toggle();
---
> TB_VisibleSelects.toggle();
322d311
<
380c369
< }
---
> }
</div>
<div> </div>
<div>thanks a lot</div>
<div> </div>
<div> </div>
<div> </div><br clear="all">
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/