I'm using a script for a drop down panel and it works fine, however I need to add a bit of a margin for the inner content but the script seems to be stripping it out in firefox, it works fine in ie and chrome. I've tried every trick in the book outside of editing the actual js file. I currently have a transparent image as a spacer at the top and it even ignores that. It seems that firefox just wont display anything above the first form field for some reason. Could someone take a look at this script quick and give me an idea on what to change to I can add like a 5px margin to the top of the content?
//** DD Drop Down Panel- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//** Oct 21st, 08'- Script created
//** March 23rd, 09' v1.01- Arrow images now preloaded
i am trying to use As you see if u click control panel the content box is showing up but i cannot click any href inside the box (img or text). Can anyone help me how to fix this problem ?? it seams that the problem is inside class "closepanel".Here is css:
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/ width: 301px; height: 76px;
I have a <select style="" name="" size="2"> <option value="1">Name 1</option> <option value="1">Name2</option> </select>.
It will popup and display as a drop down list with "gray'ed" vertical scrollbar. So how can I make it like a panel without the vertical scrollbar at the right side?
how to create a drop down login panel.I've read any tut about drop down from DynamicDrive.com but it's not really what i'm looking forward.I try to change the content in "Drop Down Panel" script released into the relevant tut but it's not working.
I used the copy/paste dropdown panel from this site, and I'm having trouble with it. Whenever I click the very top panel it drops down, but it moves behind all my other content. Heres my page currently [URL].
I wonder if it's possible to implement a menu like the one ofcbs.com?Basically, when mouse over some of the menu items, a menu panel shows up with a few columns of links. The many panel disappears when the mouse moves out. I think it's quite neat and I'm hoping to be able to do something like that with jQuery.
I'm loving this: Sliding Login Panel with jQuery 1.3.2 However, I'd like it to work so the 'Close Panel' link actually appears in the #panel itself and doesn't swap/toggle with the 'Login | Register' part.
I am implementing the following example into a project I'm working on...Simple Slide PanelWhen clicking Slide Panel, the panel pushes everything down. How do you modify it so that instead of pushing everything down, it just slides down over the top of everything else?
I need some help with creating drop down menus for use in a script i am creating. What needs to be done is when a specific option is selected in one drop down menu, this defines the content in another one. What I would also need was for the content for the second drop down menu to be stored in a separate .js file, just to avoid cluttering up my code.
get the information selected from the drop down boxes in my form to display in a pop up. The text field and text area information diplays fine. Can anyone tell me why this isnt working?
JavaScript....
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function displayHTML(form) {
I have an assignment where I have a drop down list that is created dynamically that uses the content from the h3 tags in the body as the options in addition to the first option being "Show entire script"
The content of the body is actually a screenplay with <h3> and <blockquote>
My goal is to only show the character's (who is selected in the drop down) name and dialogue while hiding the rest of the screenplay
I am not too sure how to go about this at all, but this is what I have so far: All it does is gets rid of the names of the characters who aren't selected and not the block quotes underneath
I'm using javascript to show and hide (via display:none & block) a drop down horizontal menu. But it pushes my content down the page. Can I keep it in a set space so nothing moves when it shows up?
We are using the jquery droppable plugin on our portal. We have a situation when drag n drop brings in the IE 8 mixed content warning dialog. There is a AJAX load request which is fired when there is a drop. Does this plugin have support over SSL? Is there any way to fix this issue. I did use Fiddler, HTTPWatch Basic and also the FireFox Net tab and the AJAX requests are indeed https://.
I am adding drop down boxes to a div using javascript on a user action, if these boxes are assigned a value by the user then the user adds more boxes the values previously selected are cleared.
It does not happen if an option is selected in the HTML when the page is loaded.
I need to set a divs margin-left value into a var, ive tried a few different ways and i always get undefined. Ideally id like it without the px too but thats not essential.
I've set my margin as a % and am trying to get the value via jquery. It's being returned as a pixel value from safari and firefox, chrome is returning the percentage. OuterWidth returns an incorrect value (reporting as 1px more than innerWidth and I know it's 4px).
I'm wondering whether anyone else has experienced the <ul>s remaining visible on mouseout to the bookmark bar in Chrome. Giving the whole thing a top margin doesn't seem to be working.
I have just been making a JavaScript chat applet, which should open in a new child window. It does all of this fine, and works within Firefox beatifully. However, IE thinks it's necessary to stop my iFrames from spaning the entire length and width of the Window, and add about 7-8mm of padding/margin to the inside of the Window.
I can't figure out, whether it's adding it to the inside of the window, or the outside of the frame.
Please could someone point out how I might be able to go about removing this padding? It's rediculous. I don't mind the border one bit, but no matter what I do, it's chopping off 14-16mm of the bottom iFrame. The window needs to be resizable, so unfortunately, the bottom iFrame is a set pixel hight, but the top iFrame works with a percentage (i.e 100% of the frameset surrounding it).
I would like to get the height of a div. This div contains other markups tag like some paragraph. However, I don't manage to get the height of this div if some paragraphs inside of it have some margin defined, even when using outerHeight(true)...
ps : a test case (simpel html file wit the required javascript) can be found there : [URL]
I occasionally need to set a negative margin on objects for positioning but 1.6.x ignores the declarations. This use to work fine with earlier versions. Has this issue been addressed? I tried all the combinations I could think of and the setting is ignored if a value is negative. (did not find a problem reference when setting a negative value in the forums)
My code works great except that the margin and padding CSS isn't doing anything. Which doesn't make sense to me because the font size, style, and alignment is affected by the CSS. Does anyone know why this is??
I already have most of the code to successfully float my sidebar and make it follow your scrollbar.The problem I have however, is that there is a small margin between the sidebar and the footer when the scrollbar reaches its end.How do I correct this little margin? Nothing, that important but I do want to fix it badly.
What I want: An images of a phone is in a fixed position on the right side of the page. When it is clicked, a div with a phone number slides in from the right (pushing the image of the phone left with it). When the image of the phone is clicked again, it slides to the right and is no longer visible again. I've been trying this out with jQuery for a while and cant seem to get anything to work (came close once but it only worked in firefox for some reason. Good example: [URL].