[jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

[jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.5730.11" name=GENERATOR></HEAD>
<BODY>
<P><FONT size=2>hi liquid, nice, really nice!<BR><BR>i spend the last 30 minutes
to play around with jAssistant and figured out some issues and another 30
minutes to write this down. hope it supports you to fix things...<BR><BR>1.) in
FF 2.0, browsing your demo site: if i drag the window handle, sometimes the
dialog frame "jumps" with it's header above the browser page. after that, the
window title (drag handle) is in the unreachable part of the screen and there is
no way to close the dialog. this problem is only on your demo page. the
downloaded and locally installed example is ok.</FONT><FONT size=2><BR>see the
screenshot @ <A
href="http://flicks.homeip.net/_dev/images/jassi_sc.jpg">http://flicks.homeip.net/_dev/images/jassi_sc.jpg</A>
to get an idea...<BR></FONT></P>
<P><FONT size=2>2.) you can also drag the handle outside the window - - with the
same effect as above</FONT></P>
<P><FONT size=2>3.) your download example works fine in FF2 but produces an
error in IE7 wich says "variable, string or number expected in line 19" wich is
the higlighted one in the following snipplet!??? - once again FF2 is
fine:</FONT></P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P><FONT size=+0><FONT face=Courier size=2><!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "</FONT><A
title=blocked::http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><FONT
title=blocked::http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
face=Courier
size=2>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</FONT></A><FONT
face=Courier size=2>"><BR><html xmlns="</FONT><A
title=blocked::http://www.w3.org/1999/xhtml
href="http://www.w3.org/1999/xhtml"><FONT
title=blocked::http://www.w3.org/1999/xhtml face=Courier
size=2>http://www.w3.org/1999/xhtml</FONT></A><FONT face=Courier
size=2>"><BR><head><BR><meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" /><BR><title>Untitled
Document</title> <BR><script
src="jQuery.js"></script><BR><script
src="jAssistant.js"></script><BR><script><BR>$(document).ready(function()<BR>{<BR> $('#showAssistant').click(function()<BR> {
<BR>  $('#assist').jAssistant(<BR>  {<BR>   tabsNum:
4,<BR>   tabs: {1: {name: "Your Files", content:
"content-1"},<BR>          2:
{name: "Your Recent
Downloads",content:"content-2"},<BR>         
3: {name: "Your Comments",content:"<h1>Comments</h1>", type:
"html"},<BR>   </FONT><FONT size=2><FONT face=Courier><FONT
color=#ff0000><STRONG>       4: {name: "Your
Settings",content:"1.html", type:
"ajax"},<BR></STRONG></FONT>        
},<BR>   title: "jAssistant - The jQuery Dialog
Box",<BR>   theme: "aero",<BR>   show: "yes",
<BR>   top: 250, <BR>   left: 400,
<BR>   width: 650, <BR>   height: 550,
<BR>   resizable:
"yes"<BR>  });<BR>  $("#assist").css('visibility',
'visible');<BR> });<BR>});</FONT></FONT></FONT></P></BLOCKQUOTE>
<P><FONT face=Arial size=2>4.) the fourth tab (ajax get to 1.html) didn't work
at all. firebug just reports the expected result "<h1>Settings</h1>"
as HTTP response, but the content didn't show up.</P>
<P dir=ltr style="MARGIN-RIGHT: 0px">5.) when first popup the dialog, the CSS of
the containing page is modified. check the download example, the button first
has a top-left margin/padding - after clicking the button the padding
disappears. i think this is because you inject main2.css wich contains the
following global rules:<BR><BR><FONT face=Courier><SPAN
class=cssSelector>      body, div, dl, dt, dd, ul, ol,
li, h1, h2, h3, h4, h5, h6, <BR>      pre, form,
fieldset, input, p, blockquote, th, td {<BR></SPAN><SPAN
class="cssPropName editable">       
margin</SPAN><SPAN class=cssColon>:</SPAN><SPAN
class="cssPropValue editable">0pt</SPAN><SPAN class=cssSemi>;</SPAN><SPAN
class="cssPropName editable">padding</SPAN><SPAN class=cssColon>:</SPAN><SPAN
class="cssPropValue editable">0pt</SPAN></FONT><FONT face=Courier><SPAN
class=cssSemi>;<BR></SPAN>      }</FONT><FONT
face="Courier New"><BR></FONT><BR>my understanding is, that you have to avoid
the usage of global CSS rules that will be injected into an existing page,
because you break every CSS based layout. work with classes/ids instead (as do
do in the most cases)</P>
<P>6.) last thing - i'm really missing a short parameter documentation. for
example what means start: "center"? is the dialog pops up in the center of the
frame/window? btw - I try it, but it didn't "center" at all... </P>
<P>regards, steff<BR></P></FONT></BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/