Open 2 Instances Of A Lightwindow One From Within The Other (Nested)
Feb 17, 2009
I cannot find a specific lightwindow forum so if anybody here has used Lightwindow version 2. I am trying to open 2 instances of a lightwindow one from within the other; so 3 layers. form -> lightwindow -> lightwindow.
I'm using jquery colorbox to open a window when the page loads. However there is also a video player that automatically plays at the same time (flash). I'm trying to figure out how to modify the colorbox code so that the containing div for the video is initially hidden from view until the colorbox window is closed.
The function to initialize it is: $(document).ready(function() { $.fn.colorbox({href:"#inline_example1", width:"33%", inline:true, open:true}); });
Which I thought is where code should go to initially hide the div? Then I'm not sure but inside the actual colorbox code there is a function for closing the window. Is there a way to attach an event to that closing function that will change the hidden div to being visible?
I have recently come across the need for using the name of the image file within js, but I can't locate it. I am well versed in php, but my js skills are noticeably weak. About 25% of the way into the (partial) lightwindow.js I have placed a comment that shows where I need to access the current image filename.
Code:
This will stop image flickering in IE6 when elements with images are moved try
I am using Jquery Superbox to open a page in an iframe in a lightwindow. My problem is that Google will index and link to them individually. If people land on them they don't get the menu and stuff... But they should redirect to my original page if you land on them. And there open the lightwindow and then load the requested page in the iframe.
I allready found a script here that will redirect the pages and display them (if there would be an iframe in my page from the start). But I don't know how I can open the lightwindow first and then open the page in the iframe.
I'll attach a zip with an example page of my code so you have something to mess around with... It's just this code, nothing else...
I need three tabs out of which only one is open at a time n when u open another tab, one out of the earlier closed one should open(preferably with mootools). And also the tab which is opened should come at the top of the page as well.
I am using this photo shuffler code, located here: [URL] How can that be modified to allow for 2 instances? Basically, it would have 2 sets of arrays. I want to have 2 slide shows on the same page. I've tried modifying it myself for a few hours, and no luck.
I'm struggling on a JS function to generate calendars. It works fine until I have more than one instance. Then, when I change the month in the first instance, it's the 2nd one which makes the change. I don't understand very well how I should build my function.
Can you tell me what I have to do in order to get the methods applied to the right instance? Here after is a brief extract from the way I built my function (I spare you the 500 lines).
function calendar(FieldId) { var me = this; me.SelectedDays = Array(); //etc
GoNextMonth = function(){ //blabla } me.NextMonthButton = document.createElement('div'); me.NextMonthButton.onclick=GoNextMonth(); } PS: I use the word 'instance' but my function is not a class, I call it using calendar('test'), not new calendar('test')).
I am using this script that gets messed up when you resize the window. I figured out that I could use this other script to do stuff just after the window gets resized. [code]...
There is this nice upload ajax script which I would like to use on my site, it's called "Fancy Upload". You can a see demo&code here:[URL]The demo shows only one upload form instance on the page. However I want to have three upload form instances so that the users can upload three pictures and see the thumbnails for each image they upload.The problem is, this javascript specifically sets the id's of the html fields in use. For instance, "demo-portrait" is the id of the image tag and it is also referred to within the javascript itself. So if I create another image field with an id "demo-portrait-2", the script wouldn't work for this second field.
I have a cms page that uses multiple instances of ckeditor. In the previous version of this cms we used FCKeditor. The problem is that we cannot get the value of the specific ckeditor instances. The ckeditor documentation says that I can get the value of an instance like this: CKEDITOR.instances.editor1.getData() This assumes that my ckeditor instance is associated with a form field called "editor1". My question is, how do I modify the code so that "editor1" is a variable?
I got a good book, and there are a lot of examples.
however, the author don't really explain how to use XMLHttpRequest in a real application, where the user will do several things at the same time.
my question is: for each request, you have to create a separate XMLHttpRequest, right?
because on the book they showed this code:
var xmlHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }
else if (window.ActiveXObject) { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }
} // function createXMLHttpRequest and this is fine if on the page there is only one request, as they create a global var XMLHttpRequest.
However, I thought that it could happen that there are many requests at once (like if the user, while it's waiting for the first request to be completed, continues doing stuff, starting another request).
So, I changed it to this:
Code: function createXMLHttpRequest() {
var xmlHttp;
if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }
else if (window.ActiveXObject) { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }
return xmlHttp;
} // function createXMLHttpRequest and for each call I do:
Code: var xmlHttp1 = createXMLHttpRequest(); var xmlHttp2 = createXMLHttpRequest(); // etc...
I know there is a problem with IE (I wont bother inserting a witty comment here) on handling:
setAttribute('onclick','doStuff');
I have found
yourAnchor.onclick = function() { // do what you want in here. }
this works, but I the script I am working on is going through every DIV with a certain class and adding links to the div, I want the button to change something within the div where it is located so I need to pass the id of the parent div. I thought perhaps there was someway to find the id of the button pressed?
This link below is of a slideshow [URL]Is it possible to have multiple instances of it in a page. I wish to have 4 of them, one below the other. I have no knowledge in javascript but tried making some changes.
i've found this really nice fading ticker script by Alex Francois and i'ld like to use it as a bbcode on my forum. the only problem is that only the first instance of it works, so i think all i need to do edit the script so it uses a unique ID every time its run. how can i do this?
i have phone number on the page. Let's say 0208 123 45678 and i want to replace it with 0207 123 9999. Thing is, phone number is not in one type of tag, id or class.All i can tell you, it is somewhere throughout the body tag.
I have a simple navigation menu. On hover, the block element changes background color. I'm also fading in/out a div layer. I'm also using the jQuery Color Animations plugin. Very simple to accomplish and I had no trouble doing so.However, I don't want to have to use a whole new function for each individual element, so I wrote the following:
$("div[id^=div]").css('display','none'); $("a[id^=a-nav]").hover(function() { var tabSelected = $(this).attr("id");
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "(URL address blocked: See forum rules)"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title>
[Code]...
Basically, what I want to do is to dynamically create 5 instances of "emailRow" onto the web page making use of Javascript DOM. But have no success in getting it to work.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> function emailRowContent(isSelected, emailAddress, severity)
I have this script which is set to generate random anagrams of my name in rotation which works fine, but I can't work out how to put multiple instances of it on one page.
It could be done by changing the visibility of class"hN" from 'hidden' to 'visible'; and maybe it could be done by making class "hex" last-child visible.Whichever way, the function needs to be attached to the class.
The code works, but it obviously can't be used for more than one picture per page because getElementById finds the first div and always displays it onmouseover of any attempted mouseover text.The Javascript in <head> is
<script type="text/javascript"> // Pop up code begin function ShowPopup(hoveritem)
I just want to be able to have more than one instance on each page and still be able to declare the image url in the body and not within the javascript.
I am using PhotoShuffler on my website for a slideshow. But, on my page, I want to have 2 slide shows going. But I can't seem to get it to work - I duplicated the JS code, and added the number "2" next to all the variables in the second file, to try and make it different, but it still will only fade one slide show, no both at the same time
I'm building a comment system modeled after Tumblr's, where each post will have it's own comments. I've modded a system from 9lessons and am having an issue implementing it for multiple instances on a page. Each post has its own ID, so I'm trying to set this up using the post's ID. It works fine for a single post, but when there's more than one on a page it doesn't work.