I'm using slimbox 2, a lightbox that is jquery based. It works ok in Coda locally on my copmputer but when I upload to the web, the lightbox opens to the right of the screen (mostly off to the side of the screen). This has happened with a couple different lightbox scripts I've tried. I am not sure what the conflict is in my css that is causing this.
Here is the site [URL]
When you click the photo the script opens and then closes and never shows the slide show. Test site : [URL]
Blackbox.css
#lightbox{
position: absolute;
top: 0px;
[Code].....
I have seen this script a few places, not sure it was jquery but I figured it was.
I am looking for a script that opens a lightbox when someone moves the mouse over to close the browser window or change the url or type in the search bar, a lightbox pops up.
I spend a bit of time searching and can't find the script.
I was just wondering what's the best way to lay say a black 50%opacitycolour over the whole page like they do in lightboxes?
View 2 Replies View RelatedI'm trying to add an overlay (similar to how lightbox works) over the entire screen. The problem is that in IE6, it only seems to work if the DIV overlay is added at the top of the page before any other content is displayed. IE6 (only IE6!) displays about a 15px bar across the top of the page (representing the overlay).[code]
View 2 Replies View RelatedCurrently when you click on the "Login" button then it opens and when you click it again while it is open it closes ands opens again.What I want is when you click the login button while it is open then it closes as toggleable button.I have posted the javascript to this page: http://jsbin.com/uhefoc/edit#javascript,html,liveSo there it is possible to make realtime updates to the script and see the result real timeI also posted the script here so not to break the rules:
$(document).ready(function() {
$("#login-menu a.signin").click(function(event) {
var link = $(this),
[code]....
I have to following jquery lightbox code:
<script type="text/javascript">
$(function() {$('#largerview a').lightBox({
fixedNavigation:true,
[code]....
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)?
Same thing for the height parameter; for to set in the centre some popup with images what is better? what are the difference?
View 6 Replies View RelatedI have 2 monitors from a different size. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located.
View 6 Replies View RelatedI have a div that has a negative top margin and a negative right margin. The right margin is because I want to have the div slide onto the page from the right. The top margin is because without it my page height is the height of the visible elements plus the height of the off-screen div.On a button click, I move the div down and then animate it onto the screen from the right. On button click again, I animate the div to the right, off the screen, and then move it up. I also toggle its width & padding so it will appear to grow/shrink as it moves on/off screen. At least that's what I am trying to do. The animation onto the screen looks good, but going off the screen, it appears to happen intantaneously, instead of animatedDoes anyone know how I can fix this?
$(".addPanels").live("click", function(){//now and in the future, show the add panels menu
var thisAddPanelsMenu = $(this).parent().prev(".addPanelsMenu");//get the addPanelsMenu
if(thisAddPanelsMenu.length) {//if the addPanelsMenu exists
[code]....
I have a page with categories of images. When clicked, each image on the left opens a div with it's own gallery of thumbnails.
[URL]
Right now, to close a div, the category image has to be clicked a second time. How can I set it so that when one div opens, the other closes automatically? The client wants only one category displayed at a time.
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
I need to change this function to DO NOT open "slidelinks" in new window, but in same window as the image witch uses this function.
i created one blog . In that i put other site links . When users clicked that link it opened in the same tab . i need html codings to open in another tab if users click that link .
View 2 Replies View RelatedThe documentation for the Accordion component clearly states,
NOTE: If you want multiple sections open at once, don't use an accordion An accordion doesn't allow more than one content panel to be open at the same time, and it takes a lot of effort to do that.
However, why not having multiple accordion instances, each with a single <div>?
I am using the below code to assign the javascript function on select on radio button. This may vary based on radio button selection. For some radio button selection the button will be disabled.
if(yes)
{
document.getElementById("Name").href = "javaScript:functionA()";
document.getElementById("Name").onclick = "javaScript:functionA()";
}else
{
document.getElementById("Name").href = "#";
}
This is the code i am using to activate the button or disable the button. For some causes i am getting "javaScript:functionA()" in the address bar instead of calling that java script method. So my new window is not showing me the correct result.
I'm just learning javascript. I need one script for the following data. I'm having three headings.
heading 1
heading 2
heading 3
on clicking heading 1 it opens
subheading 1
subheading 2
on clicking subheading 1 it opens
subsubheading 1
subsubheading 2
My problem is when I open heading 1 it opens subheading 1 and 2, when I open heading 2, contents of heading 1 must disappear(switch contents) and only contents of heading 2 must appear. When I use style display: none, contents are moving on opening others.
I'm doing something wrong, I want my script to execute when the browser window opens, code...
View 3 Replies View RelatedWhen my page opens the text (Credit Card Validation Information) that I want to call shows up on the page before the link is selected. I would like this text to display only if and when the link is selected, not when the page opens. Code:
View 2 Replies View RelatedI have a simple show hide script that when clicking on a H2 tag opens a DIV. When the user clicks again on the show hide related H2 it doesn't pull the content back in or hide it. I know there must be a simple way to edit this script so the h2 would show and hide elements by clicking on it.
$(document).ready(function() {
$("#resume").hide();
});
doShowHide = function(idstr) {
$("div.showhide:visible").each(function () {
if (this.id != idstr) $(this).hide("slow");
});
$("div.showhide#"+idstr).show("slow");
}
<h1 onclick="javascript:doShowHide('resume');">
resume
</h1>
<div class="showhide" id="resume">
<h2>
CONTENT</h2>
</div>
I found a neat Flash image gallery here[url]...
Where images of cars appear in a slideshow and the special effect shows the image opening up from the center.
Are there any Javascript/AJAX, etc type galleries I can use to achieve this same effect?
From a web page, I am opening a window from my javascript function
"openMyWindow()". After finishing work in that window i want to execute
another javascript function on the web page "finishMyWindow()". My question
is how can I call this function from my window? I tried using
parent.finishMyWindow() but it did not work.
In using jquery date picker for calendars. After selecting a date , in IE the calendar opens up again .
View 5 Replies View RelatedWhen i click on the link a panel should open, but when i click on the other link that panel should open but the first panel should get closed before the new one opens.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
I have a button that opens up a dialog box. When "search" in the dialog box is clicked, another dialog box is supposed to open. Everything works great ONE TIME. If I try clicking on the button again, the first dialog box opens, but when I click on "search" again, nothing happens.
First time:
Second time:
You can download the css "lightness" theme from [url]
Here is the code:
How would I go about coding this? If they select No the div with the radios would open and be required.
[URL]