Hi
I just started with JQuery and I love it. The fx bit is really cool. Sadly it
seems quite buggy. I tried the following using interface elements and it gives
me an "Object doesn't support this property or method" error on line 93, char
2. Also gave me various other errors. I'm running on IE6 and Firefox 2 with
the latest version of JQuery and Interface elements.
<html>
<head>
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./ifxslide.js"></script>
<script type="text/javascript" src="./ifxdrop.js"></script>
<script type="text/javascript">
$(document).ready
(
function ()
{
$('#nav_div_a').click
(
function()
{
$("#nav_div").SlideOutLeft(1000);
$("#menu_div").SlideInLeft(500);
}
);
$('#menu_div_a').click
(
function()
{
$("#menu_div").SlideOutLeft(500);
$("#nav_div").SlideInLeft(500);
}
);
$('#test').DropInUp(500);
}
);
</script>
</head>
<body style="border: 0px; margin: 0px; padding: 0px;">
<div id="title_div" style="height: 30px; width: 100%; border: 0px;
margin: 0px; padding: 0px; background-color: #aaee44; color: #289922;
text-align: center; font: 900 25px arial;">Dashboard</div>
<a id="nav_div_a" href="#">
<div id="nav_div" style="position: absolute; left: 5px; top: 40px;
height: 400px; width: 29px; border: 0px; margin: 0px; padding: 0px;
background-color: #218621;"><img src="./omutl_db_nav_text.gif"></div>
</a>
<a id="menu_div_a" href="#">
<div id="menu_div" style="position: absolute; left: 5px; top: 40px;
height: 400px; width: 300px; border: 0px; margin: 0px; padding: 0px;
background-color: #218621; color: #ffffff; z-index: 100; font: 900 15px arial;
display: none;">
<ul style="border: 0px; margin: 0px; padding: 0px;">
<li>Charts</li>
<li>Tables</li>
</ul>
</div>
</a>
<div id="test" style="position: relative; background-color: #48a942; top:
200px; left: 200px; width: 200px; height: 200px; z-index: 50;">Hello World</div>
</body>
</html>
I then tried to recreate the animation effects myself using only JQuery, but
that gives me an even weirder error. It doesn't always occur, but most of the
time I get "Error: Invalid argument" at line 1512, char 8; using the following
code:
<html>
<head>
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript">
$(document).ready
(
function ()
{
$("#test").animate
(
{
height: 300,
width: 300,
left: 150,
top: 150,
opacity: 'hide'
},
500
);
}
);
</script>
</head>
<body style="border: 0px; margin: 0px; padding: 0px;">
<div id="test" style="position: relative; background-color: #48a942; top:
200px; left: 200px; width: 200px; height: 200px; z-index: 50;">Hello World</div>
</body>
</html>
Thanks
-----------------------------------------
Please click on the following link to read the
Old Mutual legal notice:
<http://www.oldmutual.co.za/e-mail_legal_notice>
Alternatively, send a "blank" e-mail to
<mailto:[EMAIL PROTECTED]>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
