chris_p

Hey I'm stuck on this one so would be grateful for any help. I have an anchor with a span in it. The anchor has position:relative on it and the span has position:absolute;top:0;left:0; I want to hide the span behind the anchor. I've tried using z-index's but this isn't working. I'm guessing that only works if they are both positioned absolute. I know I could use display:none but I don't want to because I'm animated the span as if its coming out from behind the anchor. Thanks for any help

I having problem's fixing a bug in IE7 and IE8. If you go to this link - http://www.whittleseycycleshop.co.uk/ - and on the home page hover over the "About" link at the top and then try and however over one of the sub menu items. You will see when you go to hover over it, it dissapears. I've tried everything I can think of but and still stuck. Also this problem only seems to appear on pages with the slideshow underneath the navigation. I've posted the CSS for the navigation underneath. Thanks for any help! ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none outside none; margin: 0; } ul.dropdown li, ul.dropdown ul { } ul.dropdown { float: left; position: relative; z-index: 597; } ul.dropdown li { float: left; background-color: #222222; color: #ffffff; } ul.dropdown li.hover, ul.dropdown li:hover { cursor: default; position: relative; z-index: 599; background-color: #444444; color: #ffffff; } ul.dropdown ul { left: 0px; position: absolute; visibility: hidden; z-index: 598; width: 190px; } ul.dropdown ul li { float: none; font-weight: normal; } ul.dropdown li:hover ul { visibility: visible; } ul.dropdown li:hover > ul { visibility: visible; } ul.dropdown a { display: block; padding: 10px 13px; font-size: 14px; }

I have a link that when it is hover over it displays a div with a login form. I have then binded the mouseover event to the same function so then when the use hovers over the login form it doesn't dissapear. My problem is that when the user hovers over an autocomplete dialogue for am input field the login form dissapears because it isn't covered my the mouseover event. I have included my code below. function showLogin() { //Hide the basket if visibile hideBasket(); $('.login_or_register').show(); $("#login").addClass("hover"); } function hideLogin() { $('.login_or_register').hide(); $("#login").removeClass("hover"); } $("#loginForm").mouseover(function() { $("#loginForm").bind("mouseenter",function(){showLogin();}).bind("mouseleave",function(){ hideLogin(); }); });

Awesome! Thanks for your help. Although if I was the insert another element between the anchor tag and the input field would that script break?

I have the following code and I'm trying to get the value of the input field "basketQuantity" when anchor tag is clicked. <div class="basketItemMiddle"> <h4>Item name</h4> <label for="basketQuantity">Quantity</label><input type="text" name="basketQuantity" class="basketQuantity" value="2" /> <a href="" id="increase_123" class="basketIncreaseQuantity"><img src="images/plus.png" alt="Increase quantity" /></a> </div> At the moment I am trying to do this in jQuery, so I am trying to go back to the parent element "basketItemMiddle" and then get the input field but it isn't working. var basketQuantity = $(this).parent("#add-to-basket-quantity").val(); Thanks for any help.

On a web page I'm developing I have a file input field that allows the user to upload an image. However is it possible to instead of the input field, have an icon that when clicked launches the window for the user to attach a file. Then once the users has attached an image it stores the path to that image in a hidden input somewhere? Thanks for any help.

Awesome I understand it now. Thanks for your help.

Just wondering if anyone knows a way in jQuery where I can check if all checkboxes are unchecked. I've posted my markup below. I'd want to find out if all the inputs in this list are unchecked. <ul id="submit_tags_sub_ul"> <li><input type="checkbox" name="content_tags[]" value="HTML" /><label for="content_tags">HTML</label></li> <li><input type="checkbox" name="content_tags[]" value="CSS"/><label for="content_tags">CSS</label></li> <li><input type="checkbox" name="content_tags[]" value="JavaScript" /><label for="content_tags">JavaScript/jQuery</label></li> <li><input type="checkbox" name="content_tags[]" value="AJAX" /><label for="content_tags">AJAX</label></li> <li><input type="checkbox" name="content_tags[]" value="PHP" /><label for="content_tags">PHP</label></li> <li><input type="checkbox" name="content_tags[]" value="XML" /><label for="content_tags">XML</label></li> <li><input type="checkbox" name="content_tags[]" value="ASP" /><label for="content_tags">ASP</label></li> </ul> Thanks for any help.

On my webpage I have two columns. A main content area and a right sidebar. Does anyone know the best way to make sure that the height of each column is the same as the other one? For example if the height of my sidebar is 700px how can I make sure the height of my main content is the same? Or if the main content area is 1000px on another page how can I make sure that my sidebar then increases to 1000px? So basically which ever column is tallest the other column will increase to that height. Thanks for any help.

I wasn't sure where the best place to put this was but I'm sure someone here will know the answer. I have a website and I want to create a resources page that will provide links to resources that website designer and developers will find useful. My question is are you allowed to link to other sites without there permission? My list is going to be quite big, around 50 url's so having to get permission from all of these will be a hassle. Thanks for any help.

Thanks bud

I'm making a sitemap but I am stuck on one bit. I've looked at an example sitemap and under the document declaration is this line. <urlset xmlns=""> The thing I'm not sure about is what url do I put where is says "xmlns"? Thanks for any help.

I have a global variable called options that I have defined which is an array. var options = { series: [{ type: 'pie', name: 'Title 2 Rating Distribution', data: [] }] }; How do I then insert something into this array from another function? For example I want to perform an ajax request and then copy the returned data into the variable called "data". However if I try to do the follow it says that "options.series.data is undefined". $.ajax({ url: 'ajax/pie_chart_data.php', success: function(point) { options.series.data.push(point); }, }); Thanks for any help.

I have a link that when pressed I want it to do a slideToggle on the next element with the class of ".article_info". I want to do this because there are lot of elements with this class so I only want it to perform this on the next one. I have tried lots of things but can't get this to work, it just does nothing. Here is my code at the moment $('.article_toggle').click(function () { $(this).nextAll(".article_info").slideToggle(); return false; }); Also here is an example of my HTML. <div class="article"> <div class="article_header"> <h3>Header</h3><p><a class="article_toggle" href="">Toggle</a></p> </div> <p class="content">Content description</p> <div class="article_info"> <p>Article info line 1</p> <p>Article info line 2</p> <p>Article info line 3</p> </div> </div> Thanks for any help.

I'm have a bit of trouble using jQuery bind. I have a function that I want to run on two different event types on 2 different elements. Basically I want to merge the two event types below into one. I have tried using bind but am not sure how to do it. Any help would be great. $(".validate").change(function() { $(".validate2").keyup(function() {

Hi, I'm just wondering if anyone could recommend any lightweight and easy to use content management systems? I have a small to medium size website so I don't really want to use anything like wordpress or Joomla but something a bit simpler for me and the client. Thanks for any help.

I am having a problem using the ".delay()" method. In the code below I am trying to make it so that it shows the div called "loading_bar" and then there is a delay for a while until it performs the ".get()". However it doesn't seem to be working. Does anyone know where I am going wrong? Thanks for any help. $("#loading_bar").show().delay(8000); $.get('includes/inc_load_more_content.php', function(data) { $('#reviews_container ul').append(data) $("#loading_bar").hide(); });

Thanks bud.

I am using JQuery to perform an AJAX request. When the requestion has finished it inserts the following code into a div <p><a href="" class="hint">Search hint 1</a></p> <p><a href="" class="hint">Search hint 2</a></p> <p><a href="" class="hint">Search hint 3</a></p> My problem is that I have A JQuery function that is meant to run when these links are clicked. However because this content is loaded in with AJAX and isn't there when the document initially loads the function does seem to work. Has anyone had a similar problem and can help? I hope that was easy to understand. Thanks for any help.

Thanks for your help. This fills the whole screen but then as soon as I scroll it doesn't fit the screen. Maybe I need to use jquery or something. I'm not sure.

I have a div that I use as a transparent background when a lightbox appears. However how can I get the div to fill the whole screen even when the user scrolls? At the moment I have the width was 100% and the height as 700%. This fills the whole screen but it changes depending on the screen resolution etc. Is there a way I can make sure the the div will cover the whole page regards of the users settings? Thanks for any help.

Thanks. Although I don't think that is the problem. The problem is that I have lots of other elements in between the link and the div I want to open. I don't think next() is the right thing to use.

I have a jquery function which I need a bit of help with. The function is mean to get an id from an "a" tag and then find the next div in the document with the class of "expand_more_content" and then slideToggle that div. However it's not working as I don't think it can find the next div. For examples if I had the following code "<a id="link" href="">Link</a><p>Some text</p><div class="expand_more_content"></div>" When the link is clicked it would find the next div along and add content to it. I have copied my code below. $(".tip_trigger").click(function() { var author = $(this).attr('id'); $("#" + this).next(".expand_more_content").html("data will go here"); $("#" + this).next(".expand_more_content").slideToggle(); return false; });

I have a jquery function that runs when the link is clicked with an id of "this_link". What I want to do is save the id of the link in a variables (so the variable will contain "this_link"). I have tried using jquery's "this" but it doesn't seem to be working. Does anyone know what I am doing wrong? Thanks for any help. $("#this_link").click(function() { var link_id = $(this); });

Thanks! Did you code that example?