I am trying to implement a simple floating navigation using the DOM and Javascript. The following script is triggered using the onscroll event, but nothing happens and debugging through firebug has not been all that enlightening. function float_nav() { nav = document.getElementById("nav_container"); offset = window.pageYOffset + 'px...
I have an input box: input type="text" class="rulerInputText" id="rulerInputBox" readonly I have Javascript code to detect the selected text and play around with it. The issue comes when I am allowing the user to actually select text. The text is basic with spaces. When the user begins selecting, there is no issue, but when a space is ...
I need to fix a footer to the bottom of the viewport. IE 6 is the problem--and yes, it must work in IE 6. That much, is not my call. Using this: div#footer { width:1020px; position: absolute; top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); left: expression(50%+((e=document.documentElem...
If so, which PNG IE fix would you recommend? ...
Hi, I looking for practical(with computer) web client side exams (javascript, css) because I have 3 hours exam with javascript + css without internet only notepad+browser. I dont know if i will able to use JQUERY, I should prepare for use only regular javascript. (If you know good books or tutorial its may helps too). Edit: my ideas f...
Is there a way in JavaScript to propagate events to elements obscured by another one? Because I have an element with position: absolute that obscures elements that aren't parent elements of it, but I'd like click, mousemove and mousout events to pass through this element. The solution can be Mozilla Firefox specific, because I'll use it ...
I've seen this question asked several times but haven't seen any answers. I have a ul that I'm expanding and collapsing using slideToggle() with jquery. The code is simple: $('#leftMenu li a.moreLess').click(function() { $(this).next().slideToggle('normal'); }); With markup of: <a class="moreLess">Click here to see more</a> <...
Ok so I have a span with a background that is positioned in the left side, and a 20px padding-left to keep text from being rendered on top of the image... pretty standard. I also set white-space:nowrap on the span to stop the line from wrapping. The span is in a div about 200px wide. If the text in the span is long enough to exceed the...
This link displays properly in firefox, but the flash youtube player loads way down the page in chrome. What am I doing wrong? http://www.computerlabsolutions.com/success/video_testimonials_test.cfm ...
Hello everyone! I have a container div tag which wraps an image named "tray" which provides a background to 3 social networking icons spaced out equally along the tray. I would also love to have the icons hover when I rollover them, but I am having some problems positioning it in another one of my divs. I just want it to be aligned to...
How would I go about constructing vertical bars, all adjacent to each other (touching) from the left side of the page to the middle (all the same size in width)? ...
Using plain <img> tags is it possible to offset the image in the same way as you can with CSS background-image and background-position? There are main images on the page and it makes little sense to have separate thumbnails when both will be loaded (thus increasing bandwidth). Some of the images are portrait and some are landscape, howe...
i have text input and select boxes be at a width of 40px... i want the text within these elements to be in the bottom half of the input field. I have successfully been able to do this in firefox (but NOT safari or chrome) by setting padding-top: 20px. i need this to work for safari and chrome however, these browsers seem to auto vertic...
This seems like I'm just missing some syntax or getting it wrong, but on an ie6 specific style-sheet this locks it to the top of the view-port and stays fixed despite scrolling: top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); But, this does not lock it to the bottom in the same manner: bot...
Hey, I have a JavaScript powered navigation bar used for the primary navigation on my website, www.marioplanet.com. I am having some trouble when I try to adjust the width of my nav bar to be flush with the rest of my page, and it appears to throw the height off for some reason. Any suggestions would be helpful and greatly appreciated!...
I've got a small login control on my master page. On the login control, I'm using a LinkButton for the Submit button because I like the way it looks. However, I'm also using jQuery to capture when the 'enter' key is pressed in any of the login control text boxes. It's difficult to trigger the click event of a link button with jQuery in ...
I have a structure like this: <ul class="control tabSet buttons vertical "> <li class="tab first"> <button class="button up" id="source"> <span class="wrap">Label 1</span> </button> </li> <li class="tab last"> <button class="button up" id="save"> <span class="wrap">Label 2</span> </button> </li> <...
I need to find a cross browser way of having two divs contained in a parent div where the first child has a fixed height and the second flows down to be contained in the parent. <div id="parent"><div id="header"></div><div id="body"></div></div> height: 500px _____________________ | _________________ | | | height: 20px | | |...
I am re-writing this question to better convey the problem: I have 3 output mechanisms: Screen PDF Print PDF's are generated using the same media type as screen. On screen: I just want the footer to appear below the content ... Simple... easy! PDF: I want the footer to display at the bottom of the last page of the content Print: ...
Hello all, I have the following HTML code: <input type='file' class="" maxlength="96" size="16" value="" name='headshot' id='headshot' style="width:21.5em;"/> It seems that the "size" value controls the real width of the "headshot" rather than CSS. In order to make it a idea width, I have to use the following code: <input type='file...