Code - White Space Surrounding The Buttons On The Left Nave Menu
May 19, 2009
Ok so the problem is when I mouse over the left nav menu all is great, when I mouse over the newly created DHTML menu in the middle the seperators(black before mouse over of the DHTML menu) disapear on the left nav menu and there is now white space surrounding the buttons on the left nave menu. IF you switch to full screen mode(F11 I think) I can see the actual graphic on the left nav menu changing and that is what is causing this, but I cant find it in the code.
I have narrowed it down to my framework.js script but no idea where it is within this code. I can post that code in here and maybe you can see what I mean and I will attach a screen shot of the problem.
I'm thinking of putting a pop-up on one of my sites using the following javascript. I only want it to pop-up when a visitor visits every 25 days or so. Can someone tell me where I put the code for that in the below script or point to a script where this is already done? Code:
I am creating a class for all of my code snippets, using a formatted paragraph (and "word-wrap: pre") to keep formayting intact. The problem is that in keeping my HTML files formatted nicely, they are indented, and due to the "pre" formatting the indentation is kept. Code:
Right now when someone clicks on my listbox I immediately do an update on the form to populate the selected item.
Is there a way to detect if a user has clicked on some white area of a list box? If my list is sized 8 items but the list only has 4 items, if the user clicks near the bottom of the list where there is no item to select, can I detect that? Currently I get the form updating even if I click on the white area of the list and I'd like the form to update only if I actually click on an item in the list.
I have a frame that includes a hidden <div> at first (before any action), the problem is that when opening the page, I have a white space, and i can't reduce the size of the frame because the content of the <div> will not appear!
how to hide the white space of the frame without reducing it's size?
When addClass('choose') to li, there is always a white space right under it. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URl]"> <html xmlns="[URL]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript" src="demo_inc/jQuery.js"></script> .....
I am trying to adapt the form validation script at [URL] to a site that already has tons of pages with forms. Unfortunately, the forms include selection lists that often have SELECT names with white spaces included, and these do not work when passed as a variable to the frmvalidator function
The site I want to use the script on is being database generated and has something like 25,000 item pages, each with several SELECT list options. The Option variable uploaded to the database looks like:
Code:
"Optional Out Going Mail Slot" "Choose" "None, " "Add Mailslot in Top Left (Item # na) (+$15.00)" "Add Mailslot in Top Right (Item # na) (+$15.00)" "Add Mailslot in Bottom Left (Item # na) (+$15.00)" "Add Mailslot in Bottom Right (Item # na) (+$15.00)"so it would be a serious task to download the database, loop through and replace white-space characters with dashes or underscores on the first element in each option sequence. Is there some way to make names with white spaces work? I could switch to a script that simply checks all selection lists to make sure that option 0 is not selected. But I love all the other features of name, format and combined verification in the above script. Unfortunately, the script relies on the name and validation action of each form element being passed to its function onSubmit.
I am learning JS and ajax.. successfully writing my own working scripts.. but, being a newbie, still hit the wall alot. Today's wall really has me stumped:
Developing locally, I am calling a page with a working XMLHttpRequest object.. and getting the response, fine. The problem is that the response is coming back with some space chars tacked on. There are like 10-12 space chars prefixed, and one space char suffixed to my response text. Even if I just stick in a single "a" char in the (now static) page that I call, it still returns
i am using the following regular expression for the validation of Email address /^.+@([?)[a-zA-Z0-9-.]+.([a-zA-Z]{2,3}|[0-9]{1,3})(]?)$/; but the problem is that if user enters any white space character while entering email address then email is considered as valid how ever we know that an email address can not contain any white space character i have tried a lot but could not get a correct regular expression
I have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....
I made this function to duplicate form elements with a little html-code surrounding the input fields. First i clone the html of the first child found (always gets rendered by php). Then, everytime the add-button is pushed, i append a cloned piece of that stored html. It's working fine except for the delete button.
It's seems that whenever a cloned html is removed, the other cloned elements aren't recognized anymore by the delete buttons (although the delete buttons are in them)
I am trying to declare a variable inside a function and use it later on in my code... but it just already returns white space... i.e. not variable value. I am setting it within this function:
function show_video1(){ document.getElementById('video1').style.display="block"; var video1Name = "Education World News (Part 1)"; document.getElementById('video2').style.display="none"; document.getElementById('video3').style.display="none"; document.getElementById('video4').style.display="none"; [Code]...
and trying to call it later on with this: <script type="text/javascript">document.write(video1Name)</script> It might be worth noting that each one of my 11 videos will hace a different name.
I'm curious if anyone knows how to fix this. Most of the content of my page is 940px wide. The superfish menu, expanding as it should to fit my drop-down heading text, is only about 700px wide. I want to apply a color background to the div that the superfish menu is housed in so that the menu appears to be 100% width.
For some reason, in webkit and firefox, the color of the div that the menu is contained in does not show up, so there's just an empty space in that last 25% or so of the bar.
In IE, it looks correct, though. (the color of the containing div shows through the blank space in the menu, making the menu bar appear to fill the entire width).
Am I missing something in the Superfish menu that makes it appear at 100% width?
I'm using superfish menu jquery plugin, and I'm wondering if someone know how to update plugin that you can decide if sub - sub menus wil be shown on the right (that is in the original) or on the left side of the parent menu.
The problem is, that if the last menu is near the end of the browser, than the sub - sub menu will go off side the browser.
Am working on a web template similar to this one: [URL] and would like to change the hover color for the menus (in blue with white text). What would be the best color to match if the menu background is left as it is when hovering on a menu item?
Currently I'm trying to modify OOTB code for a search box.
I'm not sure if this is best addressed within the JavaScript or CSS.
After a search term has been typed in, the users picks a match which opens in a new window, then they close the new window, and try to back space over the typed term, there is a white bar that remains below the text entry box.
For example, if the word bathroom is typed in the text box, a list of possible matching topics is displayed. You pick the option to Where is the bathroom?. This opens a new window/tab - just close the tab. The original search box still displays the term bathroom, but if you backspace to remove the term, then a white bar remains below the text entry box.
How do I get rid of the white bar when the text entry box is empty?
The code being used is shown below - attachment shows the problem as it appears in IE and FF:
I am having problems with a template I bought. When I customize the menu, and the items have many sub items. the white background slides down way too much. I am learning jquery and can´t find where to correct this URL...See the items: "Diplomados" "Servicios a alumnos" and "convenios".
It is supposed be just 2 different lines of changing buttons. I was planning to use the "+" and "-" buttons to add/subtract button lights from a column. Unless I did something wrong, I think it should work, but it doesn't... Why?
I want an event to be triggered when I use left and right arrow buttons like this: Code: $(document).keypress(function(e){ if (e.keyCode == 39 && key_pressOK) { e.preventDefault(); $("#next").trigger('click'); key_pressOK = 0; }}); This works on firefox, but not chrome, haven't even bothered checking the other browsers since it didn't even work on chrome.
I have been using the JQuery Cycle plugin on my website and love it! It has so many options and seems customizable to do basically anything. My question is about the previous and next buttons. At the moment I am using next:'#next2, .pics img', prev:'#prev2', to make previous and next arrows underneath the image as well as use the image itself a "next" button. I would like to remove the arrows underneath the image and just use left and right halves of the image as a previous and next button. Previous being the left half and next being the right half of course. I've been searching for this being posted before and have not found any discussions on it. Also, the JQuery Slideviewer does what I'm trying to accomplish: JQuery Slideviewer Demo
Is there a way to incorporate this type of button in JQuery Cycle? It seems easy enough to make the image a next button I feel like dividing it between the two shouldn't be that much more difficult.
