This isn't intended to be a book/article recommendation, but those are fine if that's what made jQuery click for you.

Thanks in advance,

Scott

Please help me if anyone is good at Genesis.

Thanks

into here... http://www.truckshow.com/rumble/

Not working. I have had other jq working on the page and have tried moving it around to the header.

Thanks

I'm using jQuery to assign a max-hight to an image. The max height value is generated by getting the height of the slideshow the logo image is next to. Please take a look at the site: http://debourg-dev.ch/lestroisverres/

The affected code is:

  var sliderHeight = $('.flexslider').height();
  $('#logo img').css({'max-height': sliderHeight});

  $(window).resize(function() {

    var sliderHeight = $('.flexslider').height();
    $('#logo img').css({'max-height': sliderHeight});

  });

Once you start resizing the window the logo appears and scales fine as it should, so the issue looks like the script is loading before the slideshow height is determined. I've tried wrapping the affected code in a $(window).load function but it makes no difference.

Any help?

Thanks

The markup is like this:

   <div id="social-stream" class="dcsns">
    <div class="dcsns-content">
      <ul class="stream isotope">
          <li>

              <div class="inner">
                  <span class="section-thumb"></span>
                  <span class="section-text">5 jQuery Responsive Fullscreen Background Image Plugins | jQuery4u</span>
                  <span class="section-user"><a href="https://www.facebook.com/DesignChemical">Design Chemical</a></span>
              </div>

       </li>
     </ul>

   </div>

and the plugin :

     $(document).ready(function () {
          $("#id_search").quicksearch("#socialstream .dcsns-content ul.stream isotope li .inner ", {
              noResults: '#noresults',
              loader: 'span.loading'
          });
      });

Here is a fiddle example and here is the website version

else if (e.ctrlKey && (e.which == 17 || e.which==61) ) {

$("nav li a").css({"font-size":"15px","padding":"18px 12px 18px 12px"}); 

}

else if (e.ctrlKey && (e.which == 17 || e.which==43) ) {

alert("ctrl+plus2");  

}

else if (e.ctrlKey && (e.which == 17 || e.which==45) ) {

alert("ctrl+minus");  

}

});

I am on board with the conditional commenting as outlined in the link above, but have no idea where/how to make that edit in wordpress since the theme my client is using doesn't seem to have a header that loads the scripts.

I found this in the plugin code - // If video is selected, load the video extension if ( $video !== 'false' ) {

  wp_enqueue_script( 'jquery.anythingslider.video', JTD_INSERTJS . '/jquery.anythingslider.video.min.js', array( 'jquery' ), '1.3b' );
  wp_enqueue_script( 'swfobject', JTD_INSERTJS . '/swfobject.js', '', '2.2' );

}

but I sort of don't want to try and mess with that without having more of a clue.

Any help appreciated. Thanks!

(function($) {
  //Infinite Scroll + Waypoints Timeline Nav
  var infinite_scroll = {
    loading: {
      msgText: "Loading the next set of posts",
      finishedMsg: "All posts loaded"
    },
    "nextSelector":"#nav-below .nav-previous-load-more a",
    "navSelector":"#nav-below",
    "itemSelector":"article",
    "contentSelector":"#content .posts"
  };
  $( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll );

 var sections = $("article");
    var navigation_links = $(".navigation-timeline a");
      sections.waypoint({
        handler: function(direction) {
        
          var active_section;
          active_section = $(this);
          if (direction === "up") active_section = active_section.prev();

          var active_link = $('.navigation-timeline a[data-anchor="' + active_section.attr("data-scroll") + '"]');
          navigation_links.removeClass("active");
          active_link.addClass("active");

        },
        offset: '5%'
      })
  })(jQuery);

The Doc i think you can help me with this one! d.

I'm trying to emulate the navigation of the slider seen on the BBC homepage here: http://bbc.co.uk

I did try and fiddle with the built in navigation, and had a good poke around with navigationFormatter, but it doesn't look like that works in any way I can hook into in order to match the Auntie Beeb style.

So then I thought, 'ah ha!', I'll just write my own bit of script that will be triggered whenever the slide changes. And that's where I've come unstuck. How does one use the onSlideComplete callback to trigger another JS function? This is probably a newbie question for the gurus out there, but at the moment I appear to just be breaking the anythingSlider with my ham-fisted attempts to figure out the syntax.

Many thanks in advance for your assistance,

Pete

Before turning the static html files into a WordPress theme, the code below worked great. The code is in a separate file called test.js

The jQuery code appears to be enqueued correctly in the functions file and I have called the test.js code using

/javascripts/whatever.js">

right before the closing body tag. Here is the code that worked fine statically but now doesnt work

 // prepend some images to the headers
$(function() {

$("h4.beechheader")
    .prepend('<img src="/images/beechleft.gif" alt="" />')
    .append('<img src="/images/beechright.gif" alt="" />');
});

I tried adding

<?php echo get_template_directory_uri(); ?> before the trailing slash before images as you would in the html file. My research leads me to believe jQuery files may need to be handled a bit differently but I am unsure of the syntax or what to do. Can anyone help? At Stackoverflow they spoke of using the wp_localize_script but I'm very unsure of the syntax and how Chris originally did this technique when he took it to WordPress. Any ideas. Here are the Stackoverflow suggestions. stackoverflow question

I want to select ".slide-content". I tried next(), nextAll() and now closest(). Isn't possible?

PS: I know I shouldn't have that extra div but I need that for other script.

I'm using this code to animate scrolling on all my anchor tags:

$('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
      || location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
         if (target.length) {
         $('html,body').animate({
           scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });

The code works great but I have some links in an SVG and it's not targeting them. jQuery doesn't seem to recognize the attribute "xlink:href". Is there any way to accomplish this?

Thanks in advance.

The jsFiddle is located here.

As of right now, it just keeps restarting the animation on hover. I'd like to have the dropshadow & blur removed for the duration of the hover. Is using .stop() the right direction or am I totally off the mark with this? Thanks for the help! (Also love the podcast Chris & Dave if you read this! )

    $("#menu_text").mouseover(function() {
        $("#menu_text").stop()
       });

  $("#menu_text").mouseout(function() {
        // apply spans
        $("#menu_text").lettering();

        var text = $("#menu_text"),
          numLetters = text.find("span").length;

        function randomBlurize() {
        text.find("span:nth-child(" + (Math.floor(Math.random()*numLetters)+1) + ")")
          .animate({
            'textShadowBlur': Math.floor(Math.random()*10)+2,
            'textShadowColor': 'rgba(255,255,255,' + (Math.floor(Math.random()*200)+55) + ')'
          });
        // Call itself recurssively
        setTimeout(randomBlurize, 5);
        } // Call once
        randomBlurize();
  });

Code:

$(document).ready(function(){       
                
  $('.fifty p.description').each(function(i){
    
    len=$(this).text().length;
    
    var par = $(this).text();
        
    if (len>215) {
          
    $(this).text($(this).text().substr(0,215)+'...').append("see more");
    
        $('.fifty a').click(function(){
          
        $('#more').text(par);
  
        $('#close').fadeIn();
  
        $('#more').fadeIn();
      
        });       
      
    }
    
    $().add
    
  });
        
  $('#close').click(function(){
  
  $('#close').fadeOut();
  
  $('#more').fadeOut();
    
  });
    
})

Link to live example:

http://www.llt-group.com/clients/estelle-international/server/rescue-skin-care-product.html

I am creating a responsive website, you can see it here: http://www.cairngorm-holistics.co.uk/dev/index.shtml

I'm using Flexslider for my main slider. I'm using backstretch.js for the background images in the slider
(later I hope to make two more BackStretch scripts so that smaller files can be loaded for mobile and tablet devices using something like: if ( $(window).width() > 1024) {)

Before I implement that, the problem I'm having at the moment is that the backstretch images are not showing. The jQuery is working and kinda doing its thing, as its showing up in firebug when I inspect it so I know the js is working and putting in the extra div but the actual image isn't showing.

Also, inside the .li slide is a div with text. That is showing, but the absolute positioning of it is wierdly not. I wonder whether the two problems above are related.

Firstly and most importantly I need to sort the problem with the background image not showing, and I'd appreciated any help anyone could provide with this.

Thanks in advance!

without stealing the code.

So far I've got this : http://jsfiddle.net/attilahajzer/6Sxak/5/

I've gotten to a comfortable medium. but can't seem to figure out how to disable the animation on the active class of a navigation item.

This is my first thread, so I thank all beforehand for responding to it.

Yesterday I found this thread about how to make an invoice. This is incredibly powerful and just amazing how simple it is -- no software, no computer swap, no printer juggling. Nothing, just add and print or save. The thread is here: Your text to link here...

As amazing as this is, I am having challenges modifying it for my company's needs. Here are the things I want to change but I am having challenge with:

1. Don't need the dollar sign ($) - I see how great this is for users that have dollars as a currency, however I don't and I would like to remove all the dollars from the script. However when I do so, the script gets horribly disfigured and doesn't operate properly:

• You can no longer edit the fields where the dollar was present
• There is blank space in the field that cannot be removed
• You cannot add or remove rows

1. Adding a "Open Invoice" script - This is what my company needs, the ability to modify upon existing invoices. Its simpler to open an invoice and change a couple of figures and/or text than completely write a new one. If someone has a different idea that doesn't involve saving the last invoice code as a html file because that's the only solution I can think of right now.

Much appreciated. (p.s - I put this thread in Javascript but it can be moved anywhere)

how to create animation on logo like this? http://www.sennep.com

I want to get this kind of animation on my logo.

Please advice.

Have a wonderfulday

http://cdpn.io/ykvBr

      if (isNaN( $("#field").val() ) && val.length >= min && val.length <= max) {
        showMessage('Your password is good!');
      }

http://jsfiddle.net/wGVMW/

 $("#menu-toggle").on("click", function(e) {
    e.preventDefault();
    $("body").toggleClass("show-menu");
  });

This currently works fine. However what it shows is the .menu ul, which I would like to do a slidedown transition, and not sure how to go about adding it.

Also if there is a way to remove the .show-menu when expanded back out to my break point (768px at the moment), it would be helpful to know.

Over all there's quite a bit of js files being loaded, I'm trying to reduce http requests and it looks like removing some JS files would be a good start.

I'm also hoping that the JS files that are in-use, on specific pages.... i might be able to determine which pages and simply make some if statement to load them in the header If.... its actually needed and not just on every page.

Could anyone help me figure out how to do this? I'v been told to combine js files but I dont understand that, like if i just copy the contents of one js file, paste in another... then remove the old one.. things will still work? seems like i might be missing something

Thank you!

I think something is missing in the main.js doc ready statement. Codepen link: http://codepen.io/j-nice/full/BrIbA

Any ideas? Gracias.

I love this sites editor options "Bold, Italic, link, quote, code", and the way they work.

I want to build this for myself and just wondering were to get started. I'm using coldfusion server-side and don't have much in the way of adding new server side stuff like Pearl.

I have tried a few other json urls to check my code and they work.

I've even run the json from my url in the jsonlint website and it validates fine.

Can anyone help me. I've tried so many variations of things but all with the same response.

$.getJSON( 'http://arcgisweb.fife.gov.uk/Fife/Nearest/Street.asp?long=-2.8215&lat=56.1904&format=json&jsoncallback=?', function(data){
        if (data.stat=='ok') {
          console.log(data);
        }else{
          console.log('boo hoo'); 
        } 
      });

http://jsfiddle.net/c9BZB/

In the above link, when you click on the type of car (Sedan, Coupe, SUV etc.), the page updates by showing the specific cars within its type.

How do I do that? Can I find a plugin somewhere?