<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
      <title>JavaScript Jungle - CSS-Tricks Forums</title>
      <link>http://css-tricks.com/forums/categories/javascript/p85/feed.rss</link>
      <pubDate>Fri, 24 May 13 14:36:14 -0400</pubDate>
         <description>JavaScript Jungle - CSS-Tricks Forums</description>
   <language>en-CA</language>
   <atom:link href="/forums/discussions/feed.rss" rel="self" type="application/rss+xml" />
   <item>
      <title>[Solved] Hover animation help</title>
      <link>http://css-tricks.com/forums/discussion/8987/solved-hover-animation-help</link>
      <pubDate>Wed, 25 Aug 2010 17:24:00 -0400</pubDate>
      <dc:creator>noahgelman</dc:creator>
      <guid isPermaLink="false">8987@/forums/discussions</guid>
      <description><![CDATA[I have a drop down navigation menu. Very normal. I want the dropdown to animate open when you hover the parent list-item, like a slideToggle(), but at the same time fade in from 0 opacity to 1 opacity and I am having trouble getting them both to work at the same time. It don't want to use .hide('fast') because that animates open from the top left corner. I want to animate straight down. Makes sense?<br /><br />Any Ideas?]]></description>
   </item>
   <item>
      <title>Has anyone hgot a working, finished example of these tabs I can use?</title>
      <link>http://css-tricks.com/forums/discussion/8967/has-anyone-hgot-a-working-finished-example-of-these-tabs-i-can-use</link>
      <pubDate>Tue, 24 Aug 2010 09:43:23 -0400</pubDate>
      <dc:creator>Danny9</dc:creator>
      <guid isPermaLink="false">8967@/forums/discussions</guid>
      <description><![CDATA[Hi, I've downloaded these popular tabs but all I can get is the tabs with a line running to the right, I can not complete the border that would finish the tab off.If you look on his page there's no left, right or bottom line <a href="http://www.stilbuero.de/jquery/tabs_3/" target="_blank" rel="nofollow">http://www.stilbuero.de/jquery/tabs_3/</a>       anyone have any experience of finishing off these tabs? I'd love, love, love some source code to customise if you've got any.  Thanks in advance.]]></description>
   </item>
   <item>
      <title>[Solved] Moving Sidebar</title>
      <link>http://css-tricks.com/forums/discussion/8955/solved-moving-sidebar</link>
      <pubDate>Mon, 23 Aug 2010 13:18:17 -0400</pubDate>
      <dc:creator>noahgelman</dc:creator>
      <guid isPermaLink="false">8955@/forums/discussions</guid>
      <description><![CDATA[My client wants the sidebar to follow up and down the screen as the user scrolls. Above it is the header and below it is the footer. To the left is the content, pretty basic layout. How would I keep the sidebar in the window for the user to see without it overflowing into the header or footer? A CSS solution would be even better but I don't think it could be done that way.]]></description>
   </item>
   <item>
      <title>Applying Slide Content function to prettyPhoto</title>
      <link>http://css-tricks.com/forums/discussion/8876/applying-slide-content-function-to-prettyphoto</link>
      <pubDate>Mon, 16 Aug 2010 16:07:37 -0400</pubDate>
      <dc:creator>cocosurfer</dc:creator>
      <guid isPermaLink="false">8876@/forums/discussions</guid>
      <description><![CDATA[Hey people<br />hope some one can help - I have used the imgbrowz0r tutorial to create a website<br />now i would like to know how i would make the content load as a slider <br />two things i was thinking<br /><br />1st: add a some functions inside the prettyPhoto light box script to make my content behave like a slider so i<br />am on one page<br /><br />2nd: to put the prettyPhoto lightbox plugin into a content slider like the &quot;Anything Slider&quot;<br /><br />could some suggest a simple way of doing either <br /><br />what i am going for is something similar to this website but in jquery<br /><a class="postlink" rel="nofollow" href="http://www.tristangodefroy.com/#photographers/2/">http://www.tristangodefroy.com/#photographers/2/</a><br /><br />I like how when you click the thumbnails the images slide - but I also like how light box opens up one your current page!<br /><br />many thanks<br />xxxxx]]></description>
   </item>
   <item>
      <title>[Solved] jQuery Masonry &amp; Google Fonts</title>
      <link>http://css-tricks.com/forums/discussion/8949/solved-jquery-masonry-google-fonts</link>
      <pubDate>Sun, 22 Aug 2010 19:10:54 -0400</pubDate>
      <dc:creator>GreatPotato</dc:creator>
      <guid isPermaLink="false">8949@/forums/discussions</guid>
      <description><![CDATA[<a href="http://bytecast.org/masonry/masonry.htm" target="_blank" rel="nofollow">http://bytecast.org/masonry/masonry.htm</a><br /><br />Why does masonry break when I use the Google font library?]]></description>
   </item>
   <item>
      <title>IE7 Form problem</title>
      <link>http://css-tricks.com/forums/discussion/8925/ie7-form-problem</link>
      <pubDate>Thu, 19 Aug 2010 19:58:35 -0400</pubDate>
      <dc:creator>Preeminent</dc:creator>
      <guid isPermaLink="false">8925@/forums/discussions</guid>
      <description><![CDATA[Hey all,<br />           I am using a form that validates and sends without a refresh via jquery and an error is being thrown when testing in IE7 :<br /><blockquote class="Quote"><div class="QuoteText">Webpage error details<br />Message: Expected identifier, string or number<br />Line: 17<br />Char: 3<br />Code: 0<br />URI: <a class="postlink" rel="nofollow" href="http://www.snipped.com/jigowattprocess.js">http://www.snipped.com/jigowattprocess.js</a><br /></div></blockquote><br /><br />Here is the FORM itself:<br /><div class="PreContainer"><pre>&lt;div id=\&quot;form\&quot;&gt;<br />           &lt;form action=\&quot;contactprocess.php\&quot; method=\&quot;post\&quot; id=\&quot;info\&quot;&gt;<br /><br />          &lt;div id=\&quot;message-wrap\&quot;  class=\&quot;slider\&quot;&gt;<br />             &lt;label for=\&quot;Message\&quot;&gt;Message&lt;/label&gt;<br />                &lt;textarea cols=\&quot;32\&quot; rows=\&quot;10\&quot; id=\&quot;message\&quot; name=\&quot;message\&quot;&gt;&lt;/textarea&gt;<br />               &lt;/div&gt;&lt;!--end comment-wrap--&gt;<br />               <br />              &lt;div id=\&quot;name-wrap\&quot; class=\&quot;slider\&quot;&gt;<br />               &lt;label for=\&quot;name\&quot;&gt;Name&lt;/label&gt;<br />               &lt;input type=\&quot;text\&quot; id=\&quot;name\&quot; name=\&quot;name\&quot;&gt;<br />             &lt;/div&gt;&lt;!--end name-wrap--&gt;<br />    <br />                &lt;div id=\&quot;email-wrap\&quot;  class=\&quot;slider\&quot;&gt;<br />                  &lt;label for=\&quot;email\&quot;&gt;E&amp;ndash;mail&lt;/label&gt;<br />                  &lt;input type=\&quot;text\&quot; id=\&quot;email\&quot; name=\&quot;email\&quot;&gt;<br />                    &lt;/div&gt;&lt;!--end email-wrap--&gt;<br />                    <br />                    &lt;div id=\&quot;antispam-wrap\&quot; class=\&quot;antispam\&quot;&gt;<br />                    &lt;label for=\&quot;url\&quot;&gt;&lt;/label&gt;<br />                    &lt;input type=\&quot;url\&quot; id=\&quot;antispam\&quot; name=\&quot;antispam\&quot; /&gt;<br />                    &lt;/div&gt;&lt;!--end antispam-wrap--&gt;<br />                    &lt;input type=\&quot;submit\&quot; id=\&quot;btn\&quot; name=\&quot;btn\&quot; value=\&quot;submit\&quot;&gt;<br />                    &lt;/form&gt;<br />     <br />               &lt;/div&gt;&lt;!--end form--&gt;<br />               </pre></div><br /><br />And finally here is the Jquery:<br /><div class="PreContainer"><pre>jQuery(document).ready(function(){<br />	<br />	$('#info').submit(function(){<br />	<br />		var action = $(this).attr('action');<br />		<br />		$('#info #btn').attr('disabled','disabled').after('&lt;img src=\&quot;ajax-loader.gif\&quot; class=\&quot;loader\&quot; /&gt;');<br />		<br />		$(\&quot;#form\&quot;).slideUp(750,function() {<br />		$('#form').hide();			<br />		<br />		$.post(action, { <br />			name&#58; $('#name').val(),<br />			email&#58; $('#email').val(),<br />			message&#58; $('#message').val(),<br />			<br />		},<br />			function(data){<br />				document.getElementById('form').innerHTML = data;<br />				$('#form').slideDown('slow');<br />				$('#info img.loader').fadeOut('fast',function(){$(this).remove()});<br />				$('#info #submit').attr('disabled',''); <br />				if(data.match('success') != null) $('#info').slideUp('slow');<br />				<br />			}<br />		);<br />		<br />		});<br />		<br />		return false; <br />	<br />	});<br />	<br />});</pre></div><br /><br />I did not post the PHP form processor since this is the javascript forum, but if it will help, please let me know and I will post as well.<br />Thanks in advance!]]></description>
   </item>
   <item>
      <title>AJAX Image Loader And Fade In</title>
      <link>http://css-tricks.com/forums/discussion/8865/ajax-image-loader-and-fade-in</link>
      <pubDate>Sun, 15 Aug 2010 08:57:46 -0400</pubDate>
      <dc:creator>iKaspars</dc:creator>
      <guid isPermaLink="false">8865@/forums/discussions</guid>
      <description><![CDATA[Hi guys,<br />Can somebody could tell me have to create this kinda image fade in effect?  <br /><br />http&#58;//themeforest&#46;net/item/preview/full_screen_preview/91058?clickthrough_id=&amp;redirect_back=true&amp;ref=75<br /><br />Its looks REALLY good]]></description>
   </item>
   <item>
      <title>Image reload problem</title>
      <link>http://css-tricks.com/forums/discussion/8871/image-reload-problem</link>
      <pubDate>Mon, 16 Aug 2010 10:53:16 -0400</pubDate>
      <dc:creator>andyjoe81</dc:creator>
      <guid isPermaLink="false">8871@/forums/discussions</guid>
      <description><![CDATA[I have a couple pictures that take forever to load on my site. I've got to do some more optimization work on the pictures themselves, but I think its true that jquery could help me to make it so that the images don't have to reload for every new page one views. However, I know nothing really about jquery. Could anyone point me in the right direction to learn this particular function?]]></description>
   </item>
   <item>
      <title>Help With EasySlider Plugin needed (how to hide something if javascript is disabled)</title>
      <link>http://css-tricks.com/forums/discussion/8942/help-with-easyslider-plugin-needed-how-to-hide-something-if-javascript-is-disabled</link>
      <pubDate>Sat, 21 Aug 2010 18:31:19 -0400</pubDate>
      <dc:creator>Danny9</dc:creator>
      <guid isPermaLink="false">8942@/forums/discussions</guid>
      <description><![CDATA[Hi,<br />I've got Easyslider<br /><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding" target="_blank" rel="nofollow">http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding</a><br />working in my website and it's great but if javascript is disabled the images stack on top of each other and messes up the layout.<br /><br />Let's say I've put the slider html in a div called "container" I need that div to either display:none or  display an alternative bit of html (such as just showing a static picture instead of the slideshow) if javascript is disabled.<br /><br />I am a bit lost as to how to achieve this kind of thing - not sure if I need to alter the Easyslider.js file, the easyslider  script in my html or the css or all 3!<br /><br />So if javascript enabled show slideshow html but if disabled show static pic html is what I'm after, I guess.<br /><br />  <br /><br />]]></description>
   </item>
   <item>
      <title>anyslider problem</title>
      <link>http://css-tricks.com/forums/discussion/8914/anyslider-problem</link>
      <pubDate>Thu, 19 Aug 2010 06:17:26 -0400</pubDate>
      <dc:creator>robortsmith</dc:creator>
      <guid isPermaLink="false">8914@/forums/discussions</guid>
      <description><![CDATA[Hi, <br /><br />I have used the anyslider from this site and it works great bar one thing - It seems to make the x axis huge in that it has all the images there hidden.<br /><br />The page I have is:<br /><br /><a class="postlink" rel="nofollow" href="http://www.interiorswithflair.co.uk/projects.html">http://www.interiorswithflair.co.uk/projects.html</a><br /><br />Its not a problem on normal browsers but if you look at it via an iphone/ipad it tries to fit all the hidden images on the screen too so that actual content is squashed up to the left.<br /><br />Any ideas or have I written the page wrong?<br /><br />Thanks for any help<br /><br />:)]]></description>
   </item>
   <item>
      <title>Help with Jquery sliding navigation.</title>
      <link>http://css-tricks.com/forums/discussion/8912/help-with-jquery-sliding-navigation-</link>
      <pubDate>Wed, 18 Aug 2010 20:48:55 -0400</pubDate>
      <dc:creator>SamOrf</dc:creator>
      <guid isPermaLink="false">8912@/forums/discussions</guid>
      <description><![CDATA[First of all I should say I know very little about jquery and web dev in general. The little I do know is in thanks to this wonderful site.<br /><br />I am using a few different freebie snippets from around the net that i tried to hack as much as possible. I think I have a simple question.<br /><br />My site is <a class="postlink" rel="nofollow" href="http://www.samuelorf.com/?page_id=233#">http://www.samuelorf.com/?page_id=233#</a><br /><br />What I want is the animated triangle used in the nav to remain in place on whichever the active link is. Currently it just snaps back to starting position no matter what page I am on.<br /><br />Here is the CSS I used and modified from the interwebs. Let me know if I am missing something you geniuses might need.<br /><br />All I modified was the #animated-tab<br /><br />#minislide {<br />        float: left;<br />        margin: 0;<br />        padding: 0px 26px 0px 10px;<br />        position:relative;<br />        z-index:2;<br />        }<br /><br />#minislide li {<br />        float: left;<br />        margin: 0;<br />        padding: 0 15px 0 0;<br />        display: inline;<br />        list-style: none;<br />        position:relative;<br />        }<br /><br />#minislide a:link, #minislide a:visited {<br />        float: left;<br />        line-height: 19px;<br />        font-weight: 300;<br />        margin: 0 10px 0px 10px;<br />        text-decoration: none;<br />        color: #fff;<br />        }<br /><br />#minislide a.active:link, #minislide a.active:visited {<br />        border-bottom: 5px solid #fff;<br />        padding-bottom: 1px;<br />        color: #fff;<br />        }<br />		<br />#minislide a:hover {<br />        border-bottom: 5px solid #fff;<br />        padding-bottom: 1px;<br />        color: #fff;<br />        }<br />    <br />#animated-tab {<br />        position: absolute;<br />        z-index: 1;<br />        /*font-size: 85%;*/<br />        line-height: 40px;<br />        margin-bottom: 17px;<br />        <br />		background: transparent url(images/icon-uparrowsmallwhite2.png) bottom no-repeat;<br />		width:100%;<br />        }<br />		<br />br<br />        {<br />        clear:both;<br />        }<br /><br />Thank you sooooo much.<br />Sam]]></description>
   </item>
   <item>
      <title>Mysterious----&gt;      id=&quot;header&quot;</title>
      <link>http://css-tricks.com/forums/discussion/8867/mysterious-idheader</link>
      <pubDate>Sun, 15 Aug 2010 15:57:04 -0400</pubDate>
      <dc:creator>aaronheine</dc:creator>
      <guid isPermaLink="false">8867@/forums/discussions</guid>
      <description><![CDATA[I'm working with this contact dropdown thing. <br /><br /><a class="postlink" rel="nofollow" href="http://inspectelement.com/demos/jquerycontactus/">http://inspectelement.com/demos/jquerycontactus/</a><br /><br />I'm having some problems with the    id=&quot;header&quot;    that is found in the container div. Why is it there? There is no reference to it in the CSS or anywhere! And the dropdown does not work unless it is there<br /><br />Anyone know what the purpose of it is?<br /><br />Thanks,<br />Aaron]]></description>
   </item>
   <item>
      <title>Expanding and Collapsing Accordion Script?</title>
      <link>http://css-tricks.com/forums/discussion/8784/expanding-and-collapsing-accordion-script</link>
      <pubDate>Mon, 09 Aug 2010 10:59:12 -0400</pubDate>
      <dc:creator>jimmykup</dc:creator>
      <guid isPermaLink="false">8784@/forums/discussions</guid>
      <description><![CDATA[Hi everyone,<br /><br />For the life of me I can't find a good accordion-style script for revealing and hiding information. I'm hoping the image below can accurately illustrate the kind of thing I'm looking to accomplish.<br /><br /><a class="postlink" rel="nofollow" href="http://www.iavi.com/example.jpg">http://www.iavi.com/example.jpg</a><br /><br />The image is a before and after screenshot. When the user clicks on the &quot;Expand&quot; button in the first image (or on anywhere on that banner dark green/blue banner), I would like the content of that full-width banner to extend and push (scroll) all of the content below it down to make room.<br /><br />Then in the after screenshot there is a &quot;Close&quot; button that I would like to collapse that banner to it's original state, and all of the information below it will scroll back up into view.<br /><br />I'm very competent in the HTML and CSS involved in making this happen, but I'm having a hard time finding some javascript designed to do this. Any help?]]></description>
   </item>
   <item>
      <title>Page Takes Time Loading</title>
      <link>http://css-tricks.com/forums/discussion/8878/page-takes-time-loading</link>
      <pubDate>Tue, 17 Aug 2010 01:00:14 -0400</pubDate>
      <dc:creator>Kestral</dc:creator>
      <guid isPermaLink="false">8878@/forums/discussions</guid>
      <description><![CDATA[This page here. (Best viewed in Mozilla FireFox, I'll get to WebKit later. And no, no IE.) is taking an obscene amount of time to load, considering.<br /><br />I don't understand why, before the page loads, there is no loading of images. Images are only loaded after the page fully loads one at a time. <br /><br />Here's the script&#58;<br /><div class="PreContainer"><pre>$(function() { <br /><br />    bgs = new Array(<br />        'ff13',             'fonv',<br />        'crysis2',             'batmanac',<br />        'bioshock',            'dragonage'<br />    );<br />    <br />    $(\&quot;.selector\&quot;).css('background-image', 'url(sel/' + bgs&#91;0&#93; + '.jpg)');<br />    $(\&quot;.supplement&#91;rel='1'&#93;\&quot;).show();<br />    <br />    $(\&quot;.control li\&quot;).mouseenter(function() {<br />        rel = $(this).attr('rel');<br />        if(bgs&#91;rel - 1&#93; == '') {<br />            $(this).remove();<br />            return false;<br />        }<br />        $(\&quot;.selector\&quot;).css('background-image', 'url(sel/' + bgs&#91;rel - 1&#93; + '.jpg)');<br />        $(\&quot;.supplement\&quot;).hide();<br />        $(\&quot;.supplement&#91;rel='\&quot; + rel + \&quot;'&#93;\&quot;).show();<br />    });<br />});</pre></div><br />Sel/<br /><br />As you can see, it will only load one image once the page is done loading, and it will then load new images whenever an event occurs. <br /><br /><br />Is there something I'm missing here?<br /><br /><br />Edit:<br />Critiquing would also be appreciated.]]></description>
   </item>
   <item>
      <title>AnythingSlider Collision Problem</title>
      <link>http://css-tricks.com/forums/discussion/8885/anythingslider-collision-problem</link>
      <pubDate>Tue, 17 Aug 2010 13:55:55 -0400</pubDate>
      <dc:creator>90alper90</dc:creator>
      <guid isPermaLink="false">8885@/forums/discussions</guid>
      <description><![CDATA[Hi everybody,<br /><br />AnythingSlider is awesome plugin, thanks to Chris. <br /><br />At the same page I also use Simple Slider plugin (<a class="postlink" rel="nofollow" href="http://plugins.jquery.com/project/jquerysimpleslider">http://plugins.jquery.com/project/jquerysimpleslider</a>). But there is a collision problem; either anything slider or simple slider works. I thnik they collide.<br /><br />What can i do to use these two plugins at the same page?<br /><br />Thanks a lot...]]></description>
   </item>
   <item>
      <title>How to move start/stop button in anythingslider</title>
      <link>http://css-tricks.com/forums/discussion/8535/how-to-move-startstop-button-in-anythingslider</link>
      <pubDate>Wed, 21 Jul 2010 16:37:41 -0400</pubDate>
      <dc:creator>FalconFanatics</dc:creator>
      <guid isPermaLink="false">8535@/forums/discussions</guid>
      <description><![CDATA[Hello,<br /><br />I need the start/stop button in anything slider (anythingslider) moved above the images instead of below it for accessibility/semantic reasons.  I can move it using CSS, but it does not fulfill our needs for disabled visitors.<br /><br />Thanks,<br />FF]]></description>
   </item>
   <item>
      <title>Having trouble with Anything Slider and Wordpress.</title>
      <link>http://css-tricks.com/forums/discussion/8837/having-trouble-with-anything-slider-and-wordpress-</link>
      <pubDate>Fri, 13 Aug 2010 01:50:53 -0400</pubDate>
      <dc:creator>sebgonz</dc:creator>
      <guid isPermaLink="false">8837@/forums/discussions</guid>
      <description><![CDATA[I can't seem to get my slider to work properly. Can anyone see what I'm doing wrong? I've been at this for a couple hours now, and I'm sure I'm missing something simple, but my brain is most likely not functioning properly anymore. :)<br /><br />All the css rules aren't in place, but that shouldn't be causing it to not run, would it?<br /><br />Here's my code:<br /><div class="PreContainer"><pre>&lt;div id=\&quot;feature\&quot;&gt;<br />	&lt;div class=\&quot;anythingSlider\&quot;&gt;   <br />	  &lt;div class=\&quot;wrapper\&quot;&gt;<br />				&lt;ul&gt;<br />				&lt;?php<br />				$featured_posts = query_posts('posts_per_page=3&amp;cat=7' . '&amp;paged=' . get_query_var('paged'));<br />				foreach($featured_posts as $post) &#58;<br />				setup_postdata($post);<br />				?&gt;<br />				&lt;li&gt;	&lt;div class=\&quot;featItem\&quot;&gt;<br />							&lt;div class=\&quot;featBody\&quot;&gt;<br />							&lt;h3&gt;&lt;?php the_title(); ?&gt;&lt;/h3&gt;<br /><br />							&lt;?php excerpt('50'); ?&gt;<br />							&lt;/div&gt;<br />							&lt;div class=\&quot;featImage\&quot;&gt;<br />							&lt;?php the_post_thumbnail(); ?&gt;<br />							&lt;/div&gt;<br />						&lt;/div&gt;&lt;!-- END featItem --&gt;<br />				&lt;/li&gt;<br />				&lt;?php endforeach; ?&gt;<br />				&lt;/ul&gt;<br />		&lt;/div&gt;&lt;!-- END Wrapper --&gt;<br />	&lt;/div&gt; &lt;!-- END AnythingSlider --&gt;<br />&lt;/div&gt;&lt;!--End Feature--&gt;</pre></div><br /><br />Here's the site it's running on. <br /><br /><a class="postlink" rel="nofollow" href="http://www.logoworkgloves.com/wp/">http://www.logoworkgloves.com/wp/</a><br /><br />I'm not PHP expert by any means, but this seemed to be pretty straight forward to me. (Until I started digging in... )<br /><br />NOTE: For those of you that will catch it, &lt; ?php excerpt('50'); ?&gt; is a custom function. Don't freak out.]]></description>
   </item>
   <item>
      <title>Does Anyone Know How...</title>
      <link>http://css-tricks.com/forums/discussion/8843/does-anyone-know-how-</link>
      <pubDate>Fri, 13 Aug 2010 11:27:32 -0400</pubDate>
      <dc:creator>Meep</dc:creator>
      <guid isPermaLink="false">8843@/forums/discussions</guid>
      <description><![CDATA[Does anyone know how to make a background move/fade in JS like at <a class="postlink" rel="nofollow" href="http://www.trump.com">http://www.trump.com</a>]]></description>
   </item>
   <item>
      <title>Dynamic page load not working (AJAX)</title>
      <link>http://css-tricks.com/forums/discussion/8820/dynamic-page-load-not-working-ajax</link>
      <pubDate>Wed, 11 Aug 2010 18:39:26 -0400</pubDate>
      <dc:creator>yupimrich</dc:creator>
      <guid isPermaLink="false">8820@/forums/discussions</guid>
      <description><![CDATA[Hey guys. <br /><br />I am looking to Ajax up my website in order to keep a song rolling in the footer as users click around the site. I am a total NOOB when it comes to javascript/ajax and I need some help.<br /><br />I have watched Chris's screencast on how he does this and have tried to implement the code on my site, but the navigation just isn't working with this code in place. This would be a huge first step toward having the site done to have this navigation working correctly. Any help at all would mean a lot to me.<br /><br />the site: simplyrichdesign.com/testsounds<br /><br />Thanks<br /><br />Mike]]></description>
   </item>
   <item>
      <title>Swap Image with Content</title>
      <link>http://css-tricks.com/forums/discussion/8778/swap-image-with-content</link>
      <pubDate>Mon, 09 Aug 2010 02:19:10 -0400</pubDate>
      <dc:creator>Locke</dc:creator>
      <guid isPermaLink="false">8778@/forums/discussions</guid>
      <description><![CDATA[Hey Hi!<br /><br />well I'm starting to learn jquery and I can say that I'm newbie trying to create something in jquery ...... so I ask for some Master Jedi that can help me in this issue....<br /><br />I'm trying to swap an image with some content I mean:<br /><br /><br /><div class="PreContainer"><pre>&lt;section id=\&quot;cases\&quot;&gt;&lt;div id=\&quot;case_wrapper\&quot;&gt;<br />			<br />			&lt;div class=\&quot;branch swap\&quot;&gt;<br />				&lt;img class=\&quot;cover\&quot; src=\&quot;branch1.jpg\&quot;/&gt;<br />				&lt;div class=\&quot;captions\&quot;&gt;<br />					&lt;h3&gt;The Nonsense Society&lt;/h3&gt;<br />					&lt;p&gt;Art, Music, Word&lt;br/&gt;&lt;a href=\&quot;http&#58;//www.nonsensesociety.com\&quot; target=\&quot;_BLANK\&quot;&gt;Website&lt;/a&gt;&lt;/p&gt;<br />				&lt;/div&gt;	<br />			&lt;/div&gt;<br /><br />			<br />			&lt;div class=\&quot;branch swap\&quot;&gt;<br />				&lt;img class=\&quot;cover\&quot; src=\&quot;branch2.jpg\&quot;/&gt;<br />				&lt;div class=\&quot;captions\&quot;&gt;<br />					&lt;h3&gt;The Nonsense Society&lt;/h3&gt;<br />					&lt;p&gt;Art, Music, Word&lt;br/&gt;&lt;a href=\&quot;http&#58;//www.nonsensesociety.com\&quot; target=\&quot;_BLANK\&quot;&gt;Website&lt;/a&gt;&lt;/p&gt;<br />				&lt;/div&gt;	<br />			&lt;/div&gt;<br />	<br />	&lt;section&gt;&lt;/div&gt;</pre></div><br /><br /><br />and using this jquery for the Swap propose:<br /><br /><div class="PreContainer"><pre><br />$(document).ready(function(){<br />			<br />           $(\&quot;div.captions\&quot;).css('display','none');	<br />				<br />				$('.branch.swap').hover(function(){<br />					$(\&quot;.cover\&quot;, this).stop().animate({opacity&#58;0},{queue&#58;false,duration&#58;300});<br />					$(\&quot;div.captions\&quot;, this).css('display','block');<br /><br />                                     }, function() {	<br /><br />					$(\&quot;.cover\&quot;, this).stop().animate({opacity&#58;1},{queue&#58;false,duration&#58;300});<br />					$(\&quot;div.captions\&quot;, this).css('display','none');<br />                            });	<br />			});<br /><br /></pre></div><br /><br /><br />But I think the jquery is wrong..... I'm mean it works but ... something tells me that The code is wrong hahaha.. <br /><br />well hope somone can take some time to  read this and give a hand<br /><br />thanks<br /><br />and see'a]]></description>
   </item>
   <item>
      <title>Grid Accordion with jQuery</title>
      <link>http://css-tricks.com/forums/discussion/7279/grid-accordion-with-jquery</link>
      <pubDate>Fri, 09 Apr 2010 20:45:34 -0400</pubDate>
      <dc:creator>gaweb</dc:creator>
      <guid isPermaLink="false">7279@/forums/discussions</guid>
      <description><![CDATA[Working on making my site to use the css-tricks.com article on “Grid Accordion with jQuery” as my main site. Basically I want to make each tab a page of its own. My site will be a single page using the Grid Accordion” to get around.<br /><br />During this I have had to make several modifications and I’m still having some problems. <br /><br />Just wanted to see if anyone had a quick answer to my problems, can point me in the right direction or even let me know if it cannot be done.<br /><br />1st thing the way the top artwork clicks to open that column, then a 2nd click goes to the link is great. But I also want to have links within each tab. Currently the links show up as links and I can right click on them to open a new page. But nothing happens by just clicking on them. I think I need to rewrite and add some more javascript for the “page-wrap” js. Still a newbie with js, can this be done without breaking the whole Grid Accordion?<br /><br />The end result I want pictures with links, plain links, logins and even web based forms within the “dd” tags. Basically I want to past HTML code between the “dd” tags. And the dd tags are within the page-wrap js control for links. <br /><br />2nd other thing I want to do but have not started yet. Some tabs will also show a gallery just below the Grid Accordion or other content while the tab is being displayed. Then disappear when another tab is selected. I’m sure I can do this with CSS but just want to make sure the js will not stop this.<br /><br />Thanks for any help or info.<br /><br />Mike]]></description>
   </item>
   <item>
      <title>Coda Slider and Prev - Next Links</title>
      <link>http://css-tricks.com/forums/discussion/8826/coda-slider-and-prev-next-links</link>
      <pubDate>Thu, 12 Aug 2010 05:09:15 -0400</pubDate>
      <dc:creator>juju95</dc:creator>
      <guid isPermaLink="false">8826@/forums/discussions</guid>
      <description><![CDATA[Hi,<br /><br />First thanks for your great script Coda Slider, exactly what i'm needing<br /><br />i just want to know if it is possible to add previous and next buttons like other slides ?<br />I'm not using the thumbs at bottom of the window ( thumbs are too small ) and i would prefer to use previous and next link<br /><br />Did someone alrady done it ?<br /><br />Thanks in advance<br /><br />Julien]]></description>
   </item>
   <item>
      <title>anything slider numbers to text</title>
      <link>http://css-tricks.com/forums/discussion/8187/anything-slider-numbers-to-text</link>
      <pubDate>Fri, 18 Jun 2010 09:55:57 -0400</pubDate>
      <dc:creator>awaterson</dc:creator>
      <guid isPermaLink="false">8187@/forums/discussions</guid>
      <description><![CDATA[I've been playing with the anything slider and need some help changing the dynamic numbers to text.  I'm trying to set up up the numbers as vertical with a description of each slide.  <br />For instance:<br />Slide Description | Slide Number<br />Brooks Ghost 3 | 1<br />Free 2 day | 2<br />And so on...  I really want to keep the boxed numbers but be able to add text next to them.<br /><br />Here is an example of my slider so far. <br />http&#58;//andrewwaterson&#46;com/images/sliderF/index&#46;html<br />Any help would be awesome! :D<br />Thanks]]></description>
   </item>
   <item>
      <title>Webkit and Variables?</title>
      <link>http://css-tricks.com/forums/discussion/8806/webkit-and-variables</link>
      <pubDate>Wed, 11 Aug 2010 05:51:38 -0400</pubDate>
      <dc:creator>jamy_za</dc:creator>
      <guid isPermaLink="false">8806@/forums/discussions</guid>
      <description><![CDATA[I created a few variables and put them into an IF statement.<br /><br />It almost worked cross-browser.. It even worked in IE6, however, Chrome refused to see the variables properly. (I'm assuming I would have the same problem in Safari).<br />I did a bit of debugging and finally realized that the variables were the problem. I managed to fix this, but now I have an IF statement that is illegible due to it's length.<br /><br />Is there something simple that could take care of this problem and I'm not aware of?]]></description>
   </item>
   <item>
      <title>Chat2 javascript ie6 error</title>
      <link>http://css-tricks.com/forums/discussion/8766/chat2-javascript-ie6-error</link>
      <pubDate>Sat, 07 Aug 2010 09:55:44 -0400</pubDate>
      <dc:creator>jmcall10</dc:creator>
      <guid isPermaLink="false">8766@/forums/discussions</guid>
      <description><![CDATA[Hi,<br /><br />I have installed the chat2 from this site located here:<br />http&#58;//css-tricks&#46;com/chat2/<br /><br />Now it seems to work in the latest versions of IE and Firefox.<br /><br />However when I try it on IE6 (which I know sucks) it has some javascript errors for example &quot;object expected&quot;.<br /><br />After some research it seems to be regarding some sort of variable not being set or declared or something like this.<br /><br />Could someone have a look at the code and test it on IE6 to see what they find?<br /><br />This would be greatly appreciated thank you.<br /><br />Jmcall10]]></description>
   </item>
   <item>
      <title>AnythingSlider numbers to image</title>
      <link>http://css-tricks.com/forums/discussion/8203/anythingslider-numbers-to-image</link>
      <pubDate>Sun, 20 Jun 2010 12:56:29 -0400</pubDate>
      <dc:creator>return84</dc:creator>
      <guid isPermaLink="false">8203@/forums/discussions</guid>
      <description><![CDATA[Hi everybody,<br /><br />I want to customize the navigation button of AnythingSlider. I want to replace numbers by images.<br />Can you help me ?<br /><br />I apologize for my english<br /><br />Thank you]]></description>
   </item>
   <item>
      <title>a tree like problem,  table</title>
      <link>http://css-tricks.com/forums/discussion/8817/a-tree-like-problem-table</link>
      <pubDate>Wed, 11 Aug 2010 16:59:57 -0400</pubDate>
      <dc:creator>darkporn</dc:creator>
      <guid isPermaLink="false">8817@/forums/discussions</guid>
      <description><![CDATA[Now, I want to enter a form, which has multiple MENTIONS, and they have multiple [PATTERNS] and these other more, but for now, enough.<br /><br />I did this in jQuery, with EditableInvoice Css-tricks, which he added as he wanted,<br /><br />the mistake is.<br /><br />add a mencion1, ok,<br />add modalidades1.1, ok.<br />add modalidades1.2, ok.<br /><br />add a mencion2, ok,<br />add modalidades2.1, ok.<br />add modalidades2.2, ok.<br /><br />now I want to add<br />in the other modality mencion1<br />But the inserts in the mencion2<br /><br />like a tree.<br /><br />I'm using: last, take it out, I put: first, we got nothing, horn ...<br /><br />if you can give me some great idea, I send the code ...<br /><br /><br /><a class="postlink" rel="nofollow" href="http://www.megaupload.com/?d=MQLGEZ3D">http://www.megaupload.com/?d=MQLGEZ3D</a><br /><br />sorry, but I use the translate.google.com service, <br />any problem with the (writing) reading, i'm sorry.]]></description>
   </item>
   <item>
      <title>[Solved] Weird IE Problem MK II</title>
      <link>http://css-tricks.com/forums/discussion/8829/solved-weird-ie-problem-mk-ii</link>
      <pubDate>Thu, 12 Aug 2010 06:38:57 -0400</pubDate>
      <dc:creator>EamonnMac</dc:creator>
      <guid isPermaLink="false">8829@/forums/discussions</guid>
      <description><![CDATA[Hi Guys n' Gals,<br />I had posted this in the 'Other Discussions' group, but it's more likely a Javascript problem so I'll stick it here and see how we go.<br /><br />I've only seen the following strangeness on IE8 on Win7 - it does not replicate on IE Tester.<br /><br />If you visit my site (http&#58;//www&#46;ashbrookstud&#46;ie) using IE8 and click on a link, the page freezes. If you then try to scroll the page, the screen lags horribly and everything gets blurred together. <i>However</i>, if at that point you refresh the page, then the page you were trying to click into loads, no problem. Until you click a link again... WTF? This is an entirely new occurrence, and I don't recall doing anything to upset the IE gods lately.<br /><br />There was also a 'Done, but with errors on page' message to be seen on the bottom status bar - the debugger had an issue with my search form - I think there may by a &quot; too many:<br />		<br /><div class="PreContainer"><pre>		&lt;li class=\&quot;search-li\&quot;&gt;<br />			&lt;form id=\&quot;form\&quot; method=\&quot;get\&quot; action=\&quot;&lt;?php bloginfo('url'); ?&gt;/\&quot;&gt;<br />				&lt;input id=\&quot;s\&quot; type=\&quot;text\&quot; onfocus=\&quot;if (this.value == 'Search the Website') <br />					{this.value = '';}\&quot; onblur=\&quot;if (this.value == '') <br />					{this.value = 'Search the Website';}\&quot; onclick=\&quot;this.value = \&quot;\&quot;;\&quot; value=\&quot;Search the Website\&quot; name=\&quot;s\&quot; /&gt;<br />			&lt;/form&gt; <br />		&lt;/li&gt;     </pre></div><br /><br />I've removed the above from the page, and therefore done away with the error msg, but the freezing/lagging problem remains. If anyone has experience with either of the above problems (particularly the former!) I'd HUGELY appreciate some assistance. <br /><br />(Chrome, Firefox, Safari, and Opera - all latest versions - no probs)<br /><br />Thanks!]]></description>
   </item>
   <item>
      <title>Dynamic Page Load</title>
      <link>http://css-tricks.com/forums/discussion/8814/dynamic-page-load</link>
      <pubDate>Wed, 11 Aug 2010 12:38:39 -0400</pubDate>
      <dc:creator>jackreichert</dc:creator>
      <guid isPermaLink="false">8814@/forums/discussions</guid>
      <description><![CDATA[Hey,<br /><br />I am trying to use the Dynamic Page Load code. And it's working with most browsers, except for firefox 3.6 in Windows.<br /><br />Any ideas?<br /><br />I changed it a little to make the hashes look more natural. But this problem started before I made those adaptations.<br /><br />Here is my adapted code:<br /><br /><div class="PreContainer"><pre><br />$(function() {<br /><br />	var newHash      = \&quot;\&quot;,<br />        $mainContent = $(\&quot;#flash\&quot;),<br />        strLength 	 = 0;<br />            <br />    $(\&quot;.nav\&quot;).delegate(\&quot;a\&quot;, \&quot;click\&quot;, function() {<br />    	newHash = $(this).attr(\&quot;href\&quot;);<br />    	strLength = newHash.length;<br />		newHash = \&quot;#\&quot;+newHash.substring(0,strLength-5);<br />    	window.location.hash = newHash;<br />        return false;<br /><br />    });<br />    <br />     $(window).bind('hashchange', function(){<br />    <br />		newHash = window.location.hash.substring(1)+\&quot;.html\&quot;;<br />		$mainContent.load(newHash + \&quot; #guts\&quot;);<br />		strLength = newHash.length;<br />		newHash = \&quot;#\&quot;+newHash.substring(0,strLength-5);<br />		console.log(newHash);<br />        $.scrollTo(newHash);<br />    });<br />    <br />    $(window).trigger('hashchange');<br /><br />});<br /></pre></div><br /><br />Thanks in advance!<br /><br />Jack]]></description>
   </item>
   <item>
      <title>Issue On JavaScript if-else statement</title>
      <link>http://css-tricks.com/forums/discussion/8808/issue-on-javascript-if-else-statement</link>
      <pubDate>Wed, 11 Aug 2010 06:43:45 -0400</pubDate>
      <dc:creator>sithum</dc:creator>
      <guid isPermaLink="false">8808@/forums/discussions</guid>
      <description><![CDATA[Hi All !<br /><br />following is the code segment:<br /><br />if(document.images)<br />{<br />//some statements<br />}<br /><br /><br />Why &quot;some statements&quot; are executing eventhough if block is having non-boolean thing?<br /><br />Thanks in advance.]]></description>
   </item>
   </channel>
</rss>