Forum Replies Created

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter imnikkilee

    (@imnikkilee)

    Hey, thanks for the suggestion. I switched back to the original theme but the problem still persisted, so it seems that it’s not a theme problem.

    Thread Starter imnikkilee

    (@imnikkilee)

    Update, it’s been a whole day now and it’s still not working. So obviously the cache problem I read about with Go Daddy is not the case here. Any ideas?

    Thread Starter imnikkilee

    (@imnikkilee)

    Yup, here it is

    # BEGIN WordPress
    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.php$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>
    
    # END WordPress
    Thread Starter imnikkilee

    (@imnikkilee)

    Great, thanks!

    I wasn’t aware of what the no-conflict wrapper was actually. I’m surprised that I was able to get jquery working on WordPress in the past without knowing about this. But I looked it up, added it in, and it’s working now, thanks!

    Will always be adding from now on.

    Thread Starter imnikkilee

    (@imnikkilee)

    Okay, the first two errors are from other JS that I have, not this one in particular that I’m trying to solve. But posted all anyway.

    <script type="text/javascript">
    //makes footer stick to bottom
    $(document).ready(function() {
    $("#footer").stickyFooter();
    });</script>

    The problem there is in the $(document) line.

    <script tyle="text/javascript">
    $("img").mousedown(function(){
        return false;
    });
    </script>

    The problem there is in the $(“img”) line.

    <script type="text/javascript">
    			$(function() {
    				var $ps_container		= $('#ps_container'),
    					$ps_image_wrapper 	= $ps_container.find('.ps_image_wrapper'),
    					$ps_next			= $ps_container.find('.ps_next'),

    The problem there is in the $(function() line.

    Thread Starter imnikkilee

    (@imnikkilee)

    Hmm the only errors I’m getting are lines 39, 45, and 249 and the errors read the same:

    Uncaught TypeError: Property ‘$’ of object [object Window] is not a function
    (anonymous function)

    The page is here if it helps to see:
    http://jesszielonka.com/wordpress/portfolio/12-as-i-know-them/

    You’ll have to use an inspector to find the content as the CSS hides div id=”ps_container” (and the JS is supposed to make it reappear).

    Thread Starter imnikkilee

    (@imnikkilee)

    Sure thing,
    but I warn you, it’s a bit lengthy!

    <script type="text/javascript">
    			(function($) {
    				$.fn.preload = function(options) {
    					var opts 	= $.extend({}, $.fn.preload.defaults, options),
    						o		= $.meta ? $.extend({}, opts, this.data()) : opts;
    					return this.each(function() {
    						var $e	= $(this),
    							t	= $e.attr('rel'),
    							i	= $e.attr('href'),
    							l	= 0;
    						$('<img/>').load(function(i){
    							++l;
    							if(l==2) o.onComplete();
    						}).attr('src',i);
    						$('<img/>').load(function(i){
    							++l;
    							if(l==2) o.onComplete();
    						}).attr('src',t);
    					});
    				};
    				$.fn.preload.defaults = {
    					onComplete	: function(){return false;}
    				};
    			})(jQuery);
    		</script>
            <script type="text/javascript">
    			$(function() {
    				var $ps_container		= $('#ps_container'),
    					$ps_image_wrapper 	= $ps_container.find('.ps_image_wrapper'),
    					$ps_next			= $ps_container.find('.ps_next'),
    					$ps_prev			= $ps_container.find('.ps_prev'),
    					$ps_nav				= $ps_container.find('.ps_nav'),
    					$tooltip			= $ps_container.find('.ps_preview'),
    					$ps_preview_wrapper = $tooltip.find('.ps_preview_wrapper'),
    					$links				= $ps_nav.children('li').not($tooltip),
    					total_images		= $links.length,
    					currentHovered		= -1,
    					current				= 0,
    					$loader				= $('#loader');
    
    				var ie 				= false;
    				if ($.browser.msie) {
    					ie = true;
    				}
    				if(!ie)
    					$tooltip.css({
    						opacity	: 0
    					}).show();
    
    				var loaded	= 0;
    				$links.each(function(i){
    					var $link 	= $(this);
    					$link.find('a').preload({
    						onComplete	: function(){
    							++loaded;
    							if(loaded == total_images){
    								//all images preloaded,
    								//show ps_container and initialize events
    								$loader.hide();
    								$ps_container.show();
    								//when mouse enters the pages (the dots),
    								//show the tooltip,
    								//when mouse leaves hide the tooltip,
    								//clicking on one will display the respective image
    								$links.bind('mouseenter',showTooltip)
    									  .bind('mouseleave',hideTooltip)
    									  .bind("click",showImage);
    								//navigate through the images
    								$ps_next.bind("click",nextImage);
    								$ps_prev.bind("click",prevImage);
    							}
    						}
    					});
    				});
    
    				function showTooltip(){
    					var $link			= $(this),
    						idx				= $link.index(),
    						linkOuterWidth	= $link.outerWidth(),
    						//this holds the left value for the next position
    						//of the tooltip
    						left			= parseFloat(idx * linkOuterWidth) - $tooltip.width()/2 + linkOuterWidth/2,
    						//the thumb image source
    						$thumb			= $link.find('a').attr('rel'),
    						imageLeft;
    
    					//if we are not hovering the current one
    					if(currentHovered != idx){
    						//check if we will animate left->right or right->left
    						if(currentHovered != -1){
    							if(currentHovered < idx){
    								imageLeft	= 75;
    							}
    							else{
    								imageLeft	= -75;
    							}
    						}
    						currentHovered = idx;
    
    						//the next thumb image to be shown in the tooltip
    						var $newImage = $('<img/>').css('left','0px')
    												   .attr('src',$thumb);
    
    						//if theres more than 1 image
    						//(if we would move the mouse too fast it would probably happen)
    						//then remove the oldest one (:last)
    						if($ps_preview_wrapper.children().length > 1)
    							$ps_preview_wrapper.children(':last').remove();
    
    						//prepend the new image
    						$ps_preview_wrapper.prepend($newImage);
    
    						var $tooltip_imgs		= $ps_preview_wrapper.children(),
    							tooltip_imgs_count	= $tooltip_imgs.length;
    
    						//if theres 2 images on the tooltip
    						//animate the current one out, and the new one in
    						if(tooltip_imgs_count > 1){
    							$tooltip_imgs.eq(tooltip_imgs_count-1)
    										 .stop()
    										 .animate({
    											left:-imageLeft+'px'
    										  },150,function(){
    												//remove the old one
    												$(this).remove();
    										  });
    							$tooltip_imgs.eq(0)
    										 .css('left',imageLeft + 'px')
    										 .stop()
    										 .animate({
    											left:'0px'
    										  },150);
    						}
    					}
    					//if we are not using a "browser", we just show the tooltip,
    					//otherwise we fade it
    					//
    					if(ie)
    						$tooltip.css('left',left + 'px').show();
    					else
    					$tooltip.stop()
    							.animate({
    								left		: left + 'px',
    								opacity		: 1
    							},150);
    				}
    
    				function hideTooltip(){
    					//hide / fade out the tooltip
    					if(ie)
    						$tooltip.hide();
    					else
    					$tooltip.stop()
    						    .animate({
    								opacity		: 0
    							},150);
    				}
    
    				function showImage(e){
    					var $link				= $(this),
    						idx					= $link.index(),
    						$image				= $link.find('a').attr('href'),
    						$currentImage 		= $ps_image_wrapper.find('img'),
    						currentImageWidth	= $currentImage.width();
    
    					//if we click the current one return
    					if(current == idx) return false;
    
    					//add class selected to the current page / dot
    					$links.eq(current).removeClass('selected');
    					$link.addClass('selected');
    
    					//the new image element
    					var $newImage = $('<img/>').css('left',currentImageWidth + 'px')
    											   .attr('src',$image);
    
    					//if the wrapper has more than one image, remove oldest
    					if($ps_image_wrapper.children().length > 1)
    						$ps_image_wrapper.children(':last').remove();
    
    					//prepend the new image
    					$ps_image_wrapper.prepend($newImage);
    
    					//the new image width.
    					//This will be the new width of the ps_image_wrapper
    					var newImageWidth	= $newImage.width();
    
    					//check animation direction
    					if(current > idx){
    						$newImage.css('left',-newImageWidth + 'px');
    						currentImageWidth = -newImageWidth;
    					}
    					current = idx;
    					//animate the new width of the ps_image_wrapper
    					//(same like new image width)
    					$ps_image_wrapper.stop().animate({
    					    width	: newImageWidth + 'px'
    					},350);
    					//animate the new image in
    					$newImage.stop().animate({
    					    left	: '0px'
    					},350);
    					//animate the old image out
    					$currentImage.stop().animate({
    					    left	: -currentImageWidth + 'px'
    					},350);
    
    					e.preventDefault();
    				}				
    
    				function nextImage(){
    					if(current < total_images){
    						$links.eq(current+1).trigger("click");
    					}
    				}
    				function prevImage(){
    					if(current > 0){
    						$links.eq(current-1).trigger("click");
    					}
    				}
    			});
            </script>
    Thread Starter imnikkilee

    (@imnikkilee)

    Hi again,
    I’m using it in a widget, not a template. Think that makes a difference?

    Thread Starter imnikkilee

    (@imnikkilee)

    Thanks for the quick response!

    I had actually tried that already before posting my original question and it had’t worked. I just tried it again just in case, but I’m still getting the same fatal error.

    Any other ideas?

    In case this extra info helps…
    I’m currently filtering 3 categories into the Special Recent Posts widget. Let’s say they have IDs 1, 2, and 3. When I take out category 3 from the filtering list (leaving 1 and 2), the fatal error goes away. If I add category 3 back in but take out 2 (leaving 1 and 3) the fatal error is back. So something’s going on with the one particular category, not the amount of categories I’m using.
    Again, I don’t know if that helps but it’s just something I noticed when playing around.

    If there’s any other info I could provide, let me know. I’d love to sort this out.

    Thanks so much for your help!

    I’m having the same problem as the original poster, where when I upload songs, they are not appearing in the correct order as I have uploaded them.

    I know the original user said they did a refresh of the WP Admin. I’d love to try that but not sure what it means or how to do it?

    Any help would be great, thanks!

    Thread Starter imnikkilee

    (@imnikkilee)

    Perfect, thank you!

    Thread Starter imnikkilee

    (@imnikkilee)

    I also tried going in and editing the plugin myself. I did a “find” and “replace all” for the word technologies with the word that I wanted. I did this in the main portfolio.php file as well as my template files for the portfolio pages but it didn’t work.

    Thanks again for the help!

Viewing 12 replies - 1 through 12 (of 12 total)