473,583 Members | 3,413 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Having trouble with j-query.

Hi all,

I've been working on my personal portfolio website and been struggling a lot because of J-query. Since my j-query level is not like master.. I usually modify existing j-query plugins to meet my needs and this time I'm trying to combine both accordion plugin and slideshow plugin.

I used the tutorial for accordion from this website -
http://acrisdesign.com/2010/03/jquery-tutorial-toggle-effect-on-hoverclick

also used the tutorial for slideshow from this website - http://sorgalla.com/jcarousel

These two j-query plug-ins work fine when they're not combined together but when I combined two plug-ins and implemented on my website they don't work properly.

This is the page where I'm having trouble. http://jsikcom.ipage.c om/portfolio-test3.htm

once you click the banner in the middle, it expands but the slide show function doesn't work properly.

Can anyone help me out??

Here is the html code
Expand|Select|Wrap|Line Numbers
  1.  
  2. <script type="text/javascript" src="jquery.js"></script>
  3. <script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
  4. <script type="text/javascript">
  5.     $(document).ready(function(){
  6.         //Hide the tooglebox when page load
  7.         $(".contentbox").hide();
  8.         //slide up and down when click over heading 2
  9.             $(".affiliates a").click(function(){
  10.         // slide toggle effect set to slow you can set it to fast too.
  11.         $(this).next(".contentbox").slideToggle("normal");
  12.         return false;
  13.         });
  14.     });
  15. </script>
  16.  
  17.  
  18. <script type="text/javascript">
  19. jQuery(document).ready(function() {
  20.     jQuery('#mycarousel').jcarousel({
  21.                 scroll: 1,
  22.                 width: 557,
  23.                 height: 221,
  24.                 visible: 1,
  25.                 animation:600,
  26.                 wrap:"both"
  27.     });
  28.      $(".image").fadeIn(1900);
  29. });
  30.  
  31.  
  32. $(function() {  
  33. $('a').click(function() {  
  34. $('.image').fadeOut(1500);  
  35. setTimeout('window.location = url', 1500);
  36. });  
  37. }); 
  38.  
  39. </script>
  40. <link href="_css/style.css" rel="stylesheet" type="text/css" />
  41. <link rel="stylesheet" type="text/css" href="skins/tango/skin.css" />
  42. </head>
  43.  
  44. <body>
  45.  
  46. <div class="container">
  47.   <div class="header">
  48.       <div class="logo"><a href="index.html"><img src="_image/logo.png" width="248" height="146" alt="Logo" /></a></div>
  49.       <div class="menu">
  50.        <ul>
  51.         <li><a href="about.html" class="about">ABOUT</a></li>
  52.         <li><a href="portfolio.html" class="portfolio">PORTFOLIO</a></li>
  53.         <li><a href="blog.html" class="blog">BLOG</a></li>
  54.         <li><a href="contact.html" class="contact">CONTACT</a></li>
  55.        </ul>
  56.       </div>  
  57.       </div>  
  58.  
  59.   <div class="content">
  60.     <div class="title"><img src="_image/portfolio.png" width="795" height="71" alt="Product designer" /></div>
  61.      <p>&nbsp;</p>   
  62.  
  63.     <div class="affiliates">
  64.         <a href="#" class="p1"><img src="_image/project01.jpg" alt="" /></a>
  65.         <div class="contentbox">
  66.  
  67.   <ul id="mycarousel" class="jcarousel-skin-tango">
  68.     <li><img src="img/picture1.jpg" width="557" height="281" alt="" /></li>
  69.     <li><img src="img/picture2.jpg" width="557" height="281" alt="" /></li>
  70.     <li><img src="img/picture3.jpg" width="557" height="281" alt="" /></li>
  71.   </ul>
  72.  
  73.     </div>
  74.  
  75.         <!--Content Here--></div>
  76.     </div>
  77.  
  78.  
  79.     <!-- end .content --></div>
  80.  
  81.  
  82.  
  83.   <div class="footer">
  84.     <p>Copyright</p>
  85.     <!-- end .footer --></div>
  86.   <!-- end .container --></div>
  87. </body>
  88. </html>
  89.  
Oct 20 '10 #1
3 1496
JKing
1,206 Recognized Expert Top Contributor
You have a javascript error on line 35 of the code you posted.

setTimeout('win dow.location = url', 1500);
That is the offending line and the error is "url is undefined".

I'm going to assume you need to replace url with an actual url on your site.
Oct 20 '10 #2
jaesik
1 New Member
Hi Jking,

I actually removed the line 35 because it's not important to main function but it still fails to work.
Oct 20 '10 #3
JKing
1,206 Recognized Expert Top Contributor
Can you be more specific as to what is and isn't working and how it should be working?
Oct 21 '10 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

1
2580
by: Anand | last post by:
Hi i am having trouble adding a recordset into the access database, the code seems to be working fine it passs and parses through all variables just fine without showing any errors and also when i access the recordset it displays the results, what the real issue is that the entry is not made into the database even though i use the Update...
2
2518
by: ed | last post by:
i'm having trouble with a form. I want to be able to type in the address of the form with the data for the form items in the URL (ie: http://somesite.com/formpage.html?field1=data1&field2=data2). It saves the data if I type it in manually to an html file. But it won't do that if I use the URL notation above. How do I get it to do this. ...
1
1791
by: Lauren Wilson | last post by:
I'm having trouble with the Access VBA help on my installation of A2K with Dev tools. Every time I try to retrieve help for items listed in the Object Browser (and SOME other items as well), Access tells me that the "feature is broken" and prompts me to repair it. When I do so, it goes through the motions but does NOT repair the help files....
2
4536
by: Jozef | last post by:
Hello, I am trying to put together a module and open a workspace on a database that has a simple password (using Access XP). This is the lin that I'm having trouble with; Set wrk = CreateWorkspace("TestWrkspc", "Admin", conDbPwd) conDBPwd is a variable that contains the password. There is no independant workgroup file, just the...
0
1527
by: Jozef | last post by:
Hello, I'm having trouble with the download links on my web server. The error I'm getting is; CGI Timeout The specified CGI application exceeded the allowed time for processing. The server has deleted the process. It's a fresh Windows 2000 server install, but I also installed the ASP.net
1
1615
by: Jozef | last post by:
Hello. I'm having trouble creating a blank solution (and ASP.net web application) from my laptop. I own the server (in fact it's sitting right next to me) and have added the URL to the trusted sites on my laptop. Here are the details; This is what I'm selecting from the start page.... >Add New Blank Solution >Visual Basic Projects,
1
5138
by: MLH | last post by:
Am having trouble with the filter property setting below. Would like to filter the listing to car makes beginning with "D". I'm blowing it on the filter spec somehow??? Sub OpenRecordsetX() Dim MyDB As Database Dim rstTemp As Recordset Dim rstTemp2 As Recordset Set MyDB = CurrentDb()
2
1748
by: Jake Barnes | last post by:
I've read over the documentation for these effects: http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo I want to include them on my page. I tried attaching using onload, but that didn't work. In fact, I can not get them to work even as inline commands. I click on the DIV with the id of newMailList, I only get an errror....
3
5735
by: Michael | last post by:
Hi all, I'm having trouble PInvoking a TCHAR within a struct. I'll paste the specific struct's API definition below. I've tried so many numerous variations. The main Win32 error I get is 0x3f0 / 515L which amounts to ERROR_NO_TOKEN. Every single instance of this in the past was due to mistakes I made while within PInvoked structs. Is...
2
2011
by: Stu | last post by:
Hi guys, I've been having trouble getting the clock function to work portably, please could I get some thoughts? <Possibly OT comments> It works fine on my laptop (under WinXP) and on my office computer (under Linux), but I have to write some code for the system simulator for the Cell BE processor (the thing inside the PS3), which is...
0
7894
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7821
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
8172
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
1
7929
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
1
5697
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
3814
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
0
3841
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1424
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1152
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.