Search jQuery

jQuery Forum

Screen name:
tmorrison3

tmorrison3's Profile

3 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Repeating effects
[1Reply]
- 03-Jun-2010 11:44 PM
- Forum: Using jQuery
I've been trying to make a news ticker style...thing. Basically a list of say 5 or so elements (divs, li's, whatever). So the top one shows for 5 seconds, then scrolls up making the others fill the space. My best guess makes the first two boxes act as expected, but it ends there. I can't get the effect to "loop." Here's the code I've been working on for learning purposes. I realize after I get the effect I want working I'll need to set additional paramters (delays and appends). But I just want to get this effect to go all the way through first. Any help will be appreciated. Thanks guys!

<html>
<head>
<script src="jquery.js" type="text/javascript"></script>

<style type="text/css">
#box {
background-color: red;
height: 300px;
width: 300px;
margin-top: 10px; }
</style>

<script type="text/javascript">
$(document).ready(function () {

    $('#box').slideUp('slow', function() {
       $('#box').next(this).slideUp('slow')

       });



});
</script>
</head>

<body>

<a href="#">clicky</a>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>

</body>
</html>

*EDIT
It looks like the best way is to use Javascripts setInterval function, but I'm not familiar with javascript. Any explanations of this method or others will be helpful. Thanks.

Another jQuery and IE problem
[2Replies]
- 01-Jun-2010 08:51 PM
- Forum: Using jQuery Plugins
Hey guys. I think this has to do with the 'extra comma somewhere' that I've read about on the forums all too often, but I can't seem to locate anything. I'm not a coder by trade, just an implementer of plug ins :)

So I have a few plug ins and everything works fine in FF and Chrome, but in IE nothing is displayed (related to the jQuery). In the IE debug console I get a syntax error, character 1 on the line I've highlighted. Any help will be greatly appreciated. Here's the plug in codes I use:

<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('#example1 .kwicks').kwicks({
    max: 500,
    spacing: 1,
    sticky: true,
    defaultKwick: 3

        });
           });
        </script>

<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('ul.tabs').each(function() {
    jQuery(this).find('li').each(function(i) {
      jQuery(this).click(function(){
        jQuery(this).addClass('current').siblings().removeClass('current')
          .parents('div.section').find('div.box').hide().end().find('div.box:eq('+i+')').fadeIn(150);
      });
    });
});

});
})(jQuery) <-Syntax Error Character 1
</script>

<script type="text/javascript">
jQuery(document).ready(function() {

//Caption Sliding (Partially Hidden to Visible)
    jQuery('.boxgrid.caption').hover(function(){
        jQuery(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
    }, function() {
        jQuery(".cover", this).stop().animate({top:'75px'},{queue:false,duration:160});
    });
});

</script>

<script type="text/javascript">
jQuery(document).ready(function() {

        jQuery('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                     //class of the element that will become your tab
            pathToTabImage: 'http://dlchub.com/db/wp-content/uploads/2010/05/avtab.png', //path to the image for the tab //Optionally can be set using css
            imageHeight: '150px',                     //height of tab image           //Optionally can be set using css
            imageWidth: '50px',                       //width of tab image            //Optionally can be set using css
            tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
            speed: 300,                               //speed of animation
            action: 'hover',                          //options: 'click' or 'hover', action to trigger animation
            topPos: '201px',                          //position from the top/ use if tabLocation is left or right
            leftPos: '0px',                          //position from left/ use if tabLocation is bottom or top
            fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
        });

    });

    </script>

Jquery Plug ins not working with IE
[1Reply]
- 01-Jun-2010 03:03 PM
- Forum: Using jQuery Plugins
Hey everybody, I'm not a developer so having some trouble figuring out why these won't work in ie. I have three jquery plugins for my wordpress site. Everything works fine in FF and Chrome, but IE will not show ANY of the jQuery elements. The IE debug console says there's a syntax error on character 1 of a specific line. I'll highlight the line. I've tried playing with syntax, but to no avail. Any help will be greatly appreciated. Here's the code:

<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('#example1 .kwicks').kwicks({
    max: 500,
    spacing: 1,
    sticky: true,
    defaultKwick: 3

        });
           });
        </script>

<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('ul.tabs').each(function() {
    jQuery(this).find('li').each(function(i) {
      jQuery(this).click(function(){
        jQuery(this).addClass('current').siblings().removeClass('current')
          .parents('div.section').find('div.box').hide().end().find('div.box:eq('+i+')').fadeIn(150);
      });
    });
});

});
})(jQuery) <-Debug places error here, syntax error character 1
</script>

<script type="text/javascript">
jQuery(document).ready(function() {

//Caption Sliding (Partially Hidden to Visible)
    jQuery('.boxgrid.caption').hover(function(){
        jQuery(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
    }, function() {
        jQuery(".cover", this).stop().animate({top:'75px'},{queue:false,duration:160});
    });
});

</script>

<script type="text/javascript">
jQuery(document).ready(function() {

        jQuery('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                     //class of the element that will become your tab
            pathToTabImage: 'http://dlchub.com/db/wp-content/uploads/2010/05/avtab.png', //path to the image for the tab //Optionally can be set using css
            imageHeight: '150px',                     //height of tab image           //Optionally can be set using css
            imageWidth: '50px',                       //width of tab image            //Optionally can be set using css
            tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
            speed: 300,                               //speed of animation
            action: 'hover',                          //options: 'click' or 'hover', action to trigger animation
            topPos: '201px',                          //position from the top/ use if tabLocation is left or right
            leftPos: '0px',                          //position from left/ use if tabLocation is bottom or top
            fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
        });

    });

    </script>

Also I had to replace all of the $ with jQuery to fix some other IE debug errors. Thanks for any help guys!

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend