JQuery :: Set Background Position To Position Of Parent
Aug 11, 2009
#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
I have used JQuery to change CSS styles for my Navigation Bar elements.Ok so after a bit of research I discovered that " background-position-y " and "background-position-x" are not supported by the Mozilla Firefox / Opera browsers.Anyone know of an alternate method of getting the background-y / x positions?
I'm very new to Jquery but have finally worked out how to change the background-image (a sprite) of my #contentContainer when hovering over a separate 'trigger' image. However, for the life of me I cannot work out how to apply a fade effect to the transition. Basically, instead of the current abrupt background image transition I would like it to fade in smoothly on mouseover and mouseout.
I tried to create a mouse over effect using jquery. When user hovers #box1_trigger link, the #service_box1 div should change it's background position. The code I created is the following it's not working for some reason.
I need the top of a background image to always be 50% from the top. I think I read that some browsers do not like the backgroundPositionY property so I used the following script which finds the right value but doesn't apply it to the background position. What should I change?
I wish to display some text dynamically below a series of images. I need to get the position of each image, and so I require some way of getting the position of an image in relation to the div holding the images.
I managed to get the position of the image in relation to the entire page, but this was no good for my purposes.
I have the following simple test statement: alert($(this).css("background-position"));
positioned in an each() loop. In Firefox, the correct value is returned as is specified in the stylesheet (the stylesheet reads "-1px top" and jQuery returns "-1px 0%" which is fine by me).
Precisely the same code yields an "undefined" value in IE 8.EDIT: Wow. Even THIS test failed, even though the border shows up on the page.$("#left-nav1").css("border", "1px solid blue"); alert($("#left nav1").css("border")); It still says "undefined". What is wrong with IE?
I have a HTML file that has a lot of content. In it I have a <div id="d1">somecontent</div> block. Would it be possible for me to know the position of this d1 (absolute or relative) displayed on the page / window if not setting it first ?
I have a div inside another div, I want to keep inner div centered vertically at the visible portion of outer div. Say the outer div is 3000px in height, most of the monitors can not display all of it, only a portion will be seen, I want the inner div to be centered in the view port, if users scroll down the browser window, they will see another portion of outer div but the inner div should still be centered vertically.
I want to do something but here is an example. (That explain much more) : Here you have a toolbar called content-header. It change from position:static to position:fixed if it leave the screen. (whan you scroll down) I want to do the same thing with my first <tr> : That way on a my long table you will never loose the title of each columns. I tried to copy this website by using his stuff but it didn't work.
I'm using a div with contenteditable=true, and I need to know where the caret is for operations like splitting the html contents of that div where the caret is. Ultimately, if a piece of text is selected, I'll want to split that html content on the selection start / end.jCaret only seems to work for textareas.Is this possible in a div?
Do you know how to calculate position of image to move it to vertical center of screen? I mean especially the general problem of scrolling. The image doesn't change its absolute position, but when user scrolls or views a page with images, so he sees how the image gets more and more close to the top edge of screen, till the distance is 0. And now imagine the image is positioned absolute, 1000 from top. And on the screen it is at the position 0. How can I calculate its position from the top of screen?
I am trying to build this interface where there are icons and onmouseover, it displays menu choices for the corresponding. Instead of fixing the position of the menu box, is there a way to specify the left and top of that, relative to the icon that is being hovered? Here is part of my code: