I'm using two scripts on one page, one for a Lightbox gallery effect: <body onload="MM_preloadImages('images/contact_over.gif','images/about_over.gif');initLightbox()">
And one for a DIV fade-in effect: <script type="text/javascript"> $(window).bind('load', function() { $('div').fadeIn('slow'); }); </script>
But adding the Lightbox script breaks my DIV fade-in: [URL]. I have the display:none removed from the style for the offending DIV for the time being, so this page will even work. How can I utilize both the fade-in script and use the LightBox gallery script at the same time?
For a widget I made, I have a dropdown select menu. It is constrained to a very small width and IE does not auto expand on click. I wrote a simple javascript to handle this but I run into two problems. The onmouseout function is fired when I click into a child node, and the onmousedown of the <option> tags doesn't work in IE. The code works fine in all other browsers.
var wid; var campaign_i = 0; function campaignWidget_capture(myID){ wid=document.getElementById(myID).style.width; campaign_i++; } function campaignWidget_SubDes(myID,state){ if(state==0){ [Code]...
I have a button which is animated with a rollover effect, obtained through jQuery of course. I wish to open a lightbox clicking that button and I tried with a simple, self-made lightbox and with FancyBox but in either case the lightbox is displayed without animation.I post the code for my buttons and the lightboxHTML for buttons:
How do I create a Contact form which appears in a lightbox style window?Is this possible? I'm looking to have it pop up infront of the current window and can then be faded out like the lightbox animation.
I needed a sidebar menu that, when a user clicks the <h3>, a submenu expands. When the user then clicks on a different menu item, the previous submenu disappears meaning only one submenu can be visible at one time.
Now the code I have at the moment (from jQuery forums) works. It now needs a bit more refining so that it works the way I intend.
When you first load the page, all of the submenus are collapsed which is a real pain as each submenu has 20 - 30 selections.
Is there a way to have them all hidden initially?
Is there a way to get an open submenu to close by clicking on the H3 title again?
Since the site is local only, I posted up a sample on my JSfiddle account.
[url]
This one, which I also found on google, did what I wanted, but without the smooth slide animation. - [url]
When you then click on one of the H3's, it kicks into action and works great!
I am using the lightbox popup on a page that is called into an iframe... So the boc centers within the iframe.. Is there a way to have it center on the page instead of the iframe?
I have the lightbox working properly on the site but actually want it to pop up/open automatically, say after 2 seconds after the page is loaded and without having to trigger it by klicking a href link. I noticed daniweb has exactly the same function here on this site! What code would I need to add to make this happen?
I have a client which would like to use Adobe Contribute to maintain their website, and the website requires popup windows (for larger images) or a lightbox feature. The problem is how do I make images popup into new windows, without toolbars, etc. I would prefer lightbox than popup windows, if possible. How I can do this, so the client can add more images, as they maintain their website? For anyone that hasn't used Contribute, you can only edit <a href="page.htm"> and nothing else for the links, so it means onclick can't be added to <a href="page.htm">. The only way to add a link is to click on a button in the tools.
I run an adult social network. I'm trying to have a lightbox disclaimer popup once per user visit with an accept/decline button at the bottom. I don't want the user to be able to click out of the lightbox, scroll the window in the back ground, or get around the lightbox any other way... Currently, I paid someone to do this for me and this is the code they came up with. The problem is, all it does is show a white box in the middle of the page, no disclaimer, no content. Also, the webpage in the background is still scrollable...
I want the lightbox window open only once a day for every unique visitor on my website. I understand I should use some sort of cookie implented, but I dont really understand how to.
Been on the lookout for a DHTML tool top style layer popup script that follows the mouse around the screen. I'd seen iton a page last week and someone asked me about it today and I couldnt find it (Google / DynamicDrive etc).
The assignment was supposed to be done in PHP. But I want to know if there is a better way either way. Like can I use AJAX instead of PHP to do that? or change the way the PHP works...
I am trying to use both jQuery and Mootools in one site I am building. I have researched the web including [URL] with no luck. I have tried loading jQuery after Motools with no luck. My research indicates mootools needs to go first. I have also tried below but that doesn't seems to work? (function($){ // code with the jQuery $ can safely go in here })(jQuery);
I have a script that works perfectly on a live site that basically has a menu that reveals a hidden DIV and when you click a link, and then when you click a new link it hides the previous div and reaveals the new one. It is as follows:
Javascript Code: Original - javascript Code LastLayer = "nothing"; // the first div/layer function openObject(theLayer){ // pass the name of the layer you want to bring to the top // Then hide the last layer, and make the layer passed visible. This could have been done using the z-index property if (document.getElementById) { // if it's IE5 or NS6 use this syntax to access the visiblity attribute eval("document.getElementById(LastLayer).style.visibility = 'hidden'") eval("document.getElementById(theLayer).style.visibility = 'visible'") LastLayer = theLayer; } if(document.layers) { // if it's NS4 use this syntax to access the visiblity attribute eval('document.layers[LastLayer].visibility = "hidden"') eval('document.layers[theLayer].visibility = "visible"') LastLayer = theLayer; } .....
Now I am redesigning the site to work with a new style sheet, (There wasn't one before, it was all inline styles. Anyway, it broke my script. The CSS has a class that gives certain DIV's visibility attribute the 'hidden' value by default. I was planning on using the above script to reveal/hide them, but it does nothing. Here is the CSS that affects the divs I am referring to.
CSS Code: Original - css Code .job { border: thin solid #000000; float: right; margin-right: 25px; padding-left: 10px; width: 40%; display: none; } .job { border: thin solid #000000; float: right; margin-right: 25px; padding-left: 10px; width: 40%; display: none;} As you can see there is nothing fancy in the css that would cause any concern.
I am trying to create a basic a accordian style menu. Im guessing i have done 90% of the code, but a little stuck now.I have three widget and what I am attempting to do is hide all the widgets apart from the one actually clicked. My code so far is as follows.
$(".widget-title").click( function () { $("#widget1_content").hide(); //My Widgets $("#widget2_content").hide();
This recursive menu is built with ColdFusion and then Javascript is used to turn the style display on or off. The problem I'm running into is this. The menu currently has 4 levels. MicrosoftMicrosoft TechnicalDynamicSystem CenterWindows ServerHyper V The menu is collapsed and as you mouse over an item that has child elements it expands. The problem happening now is the menu loads expanded only for the 'Microsoft' element. (note this is the only menu tree that has 4 levels).
So it looks like this when loaded initially. MicrosoftMicrosoft TechnicalDynamicSystem CenterWindows Server When you mouseover 'Microsoft' it then expands the 'Hyper V' menu item underneathe Windows Server. Mousing over 'Microsoft' should open 'Microsoft Technical', etc... I imagine the code doesn't support that many levels because if 'Hyper V' is moved out and put under 'Microsoft Technical' as a child the menu works fine.
I'm almost done customizing the Superfish jQuery menu to fit my web site theme. I have all of the menu hover and submenu hover styles in place, but I'm having a problem with the color of the top-level menu item's font when the submenu is expanded. The active top menu item's background matches the hover color, but when I hover overa submenu item, the font color reverts back to the original (non-hovered) color. How do I get the top level menu item's color to match its hover color when the submenu is expanded?
The relevant portions of my CSS are as follows: .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#8C1C39; }.sf-menu a.sfHover { color:#FFFFFF; }.sf-menu li { background:transparent; }.sf-menu li li { background:#FFFFFF; }.sf-menu li li li { background:#9AAEDB; }.sf-menu li:hover, .sf-menu li a:hover { color: #FFFFFF; background:#00207B;outline:0; }.sf-menu a:focus, .sf-menu a:active, .sf-menu li li a:hover, .sf-menu li.sfHover { background:#8C1C39; color: #FFFFFF; outline:0; }
[code]This works in most modern browsers: when my cursor hovers over the menu button the menu pops up because display:none is changed to display:block during the hover. This is great except for one thing, it does NOT work on IE6 and I need an IE6 solution that's not going to break what I already have here.My goal is to add the simplest possible Javascript that will make the above code work in IE6. I'm thinking that something like onmouseover and onmouseout would do the trick, but I don't know what the Javascript code should actually look like or where it should be placed. I'm really trying to keep the code to a minimum too, this is why I prefer to NOT use one of those pre-packaged solutions that fixes this and a dozen other issues with IE but that is relatively large. Small and simple, that's what I'm going for on this website.
I currently have a slideshow working on my client's site, but I can't get lightbox to work properly on it. [URL]...
Is there a way to fix the existing slideshow to work with lightbox? Or is there another way of doing this (keeping the same look that is currently in place)?
This works in most modern browsers when my cursor hovers over the menu button -- but not in IE6. My goal is to add the simplest / smallest Javascript that will make the above code work in IE6 too. I'm thinking that something like onmouseover and onmouseout would do the trick, but I don't know what the Javascript code should actually look like or where it should be placed.
I am working on one project. The requirement for business is like one popup should appear while one menu is moused over. Actually that menu item is "ADDRESS", and client wants that once that pointer will come over "ADDRESS",one small popup will appear with address information and once the mouse pointer comes out of the "ADDRESS", that popup should hide. I need javascript code for this.