Do you have ideas, questions, requests or remarks about TopUp? Please fill in the form below. Any comment will be greatly appreciated. I will respond as soon as possible when necessary. You can also mail me at paul.engel@holder.nl.
My name is Paul Engel, I'm Dutch and I work at Internetbureau Holder B.V. since February 2004. I develop websites in Ruby on Rails using a Mac.
Do you have ideas, questions, requests or remarks about TopUp? Please post them. Any comment will be greatly appreciated!
If you like using TopUp, please feel free to make a donation as a small gesture of appreciation so I can buy some coffee ;)
Hello there. I adore your TopUp, but when I put it in my website, I get an error message stating: “Sorry, but the following error occured:
TypeError: jQuery(”#top_up .tu_frame").resizable is not a function"
How would I fix this?
Please respond as soon as possible!
Hi Die,
Could you give me the URL of the webpage in which the error occurs? You can also mail me at paul.engel@holder.nl if you prefer ;)
Either way, I will add an examples page this week which includes most of the TopUp features along with example code.
Greetz,
Paul.
Everything is working fine now! It happened to be an error on my end of the line. Amazing code
What is the function of the file “.DS_Store” ? I am having trouble uploading it with the top_up image files, as it appears to refer to a specific URL.
Hi Joey,
The “.DS_Store” file is Mac-specific, it is the equivalent of the “thumbs.db” in Windows. You can just ignore it.
Greetz.
Hi,
Thank you for answering my question so quickly. Just one more question, if I may. Is it possible to initiate a TopUP display with a function call? If so, could you give a quick example. Your code is the best I have come across, and just what I have been looking for.Again thanks,
Joe
Hi,
After reviewing your documentation page I finally figured out how to call overlay function. Again thanks for the great code! JoeHi,
Could you possibly shed some light on why the following function call works in Fire Fox and IE, but not in Safari?TopUp.display (‘http://google.com’, {title:‘google search,layout:’dashboard’,type:‘iframe’,width:800,height:400,modal:0})
Thank you in advance for any help you can give.
- Joe
Hi Joey,
It was a bug in TopUp. I have released version 1.5.5 which includes the fix.
Greetz,
Paul.
Hi
I just wanted to say what a great bit of scripting and a very big thank you for your support in making it work with my site. It was exactly what I was looking for and its integration is so easy.
Thanks once again.
Jonathan
Hi Paul,
Just wanted to say thankyou for putting together this great library and making it free to us all to use. Also a big thankyou for the excellent support you provided to me gratis when I was having a few small issues (which turned out to be environmental) when starting out with top-up. Once again, thanks for the excellent library, I’m sure to use it in many future projects.
Cheers.
No prob, James! Just spread the word about TopUp. :)
One of the very best lightbox/popup implementations around – and I’ve looked at all of them recently. Easy to use and great support too ;)
I checked them all, but this here is seems to the easiest and best looking one…
Thanks
Paul
Hi !
I downloaded v1.5.7 and made a quick (and dirty) fix to the browser detection: I changed the == sign with >= for ie7 so it would also take ie8 into account.
Otherwise I had an ugly fading-out black frame instead of the drop shadow around the thumbnails on click in IE8.
Let aside that tiny glitch, you have done a great job and came up with a great solution!
Thanks,
Den
Thanks for the fix, Den! I’ll put it in the next TopUp release :D
Greetz,
Paul.
Great code Paul. Thanks for your help.
Realized that my style sheets were messing things up a bit.
Great solution and support.
Seems to be a issue in displaying video content in IE8. No matter what I use I get a [object error] or a Invalid Argument. This even happens on the samples you have on the main webpage.
Seems to happen in IE7 too. I do not have IE6 to test that as well.
I tried multiple computers as well.
Hi Allen,
I will take a look at it the coming days.
Greetz,
Paul.
why is the example not going with FF3.5
Sry, very stupid action. I was testing something. It’s fixed now.
hello ok but one problem i have a plugin for my site with jquery wen i take the topup into the site i have a problem topup is loading jquerry too that is not so good the two jquerys a blockt nothing is going when i delete the jquerry out of the plugin topup is going but not the plugin ?
must topup load jquery ?
give it another way ?
i have a cms system e107 and i make plugins some of this have jquery 1.26 but all the plugins are not going whenn topup is already there that is bad how can i change this your topup is great but not compatible.
topup load jquery 1.32 isi it Modified?
ok i have found the mistake
Existing Thickbox Code 1. TB_TempArray = $(“a[@rel=”+imageGroup+"]").get();to not include the @ sign in it ie.
New Thickbox Code
1. TB_TempArray = $(“a[rel=”+imageGroup+"]").get();hello
sorry for so full posted
I wich me for the next version
in the TopUp.addPresets
1. moore effect
2.overlay opacity
3.overlay color
4.speed of open window
when you have time take a look to rockbox
http://www.rocketwerx.com/products/rokbox/documentation
Unfortunately is it in mootools and not in jquery
when jquery is already loadet in the header then load this script :"here comes the script " not.
i have test this with my presets
my Presets is comming out from a database
ok but the movie is not showing only the loading images any ideas?
Is there any way to pass through flashvars? I decided to use a different FLV player.
Me again! Thanks for your quick response. I found a way to use my other FLV player and now I have an IE issue. If you could, check it out: http://www.lycoming.edu/new/spyke/redesign/media/videos.asp
@Spyke: not sure if it can solve your problem, but did you try to include top_up.js before your jQuery includes ?
Hi Paul,
Great code! For me, it would be first choice to use it on my site. I hope you solve the [object error] thing soon, because I have to compatible with IE6+
Thanks for posting your comment, JR!
As for your and Spyke’s problem: I’ve made nightly hours this week to fix the Flash issues in IE. I’m almost there, so please be patient as I will probably release a new version of TopUp later on today.
@Den: I think I know which issue you refer to. I will also fix this today.
Greetz,
Paul.
I tried using the latest TopUp hosted on your site, adding the class top_up to the link getting the error Die described on the first post. I replaced “latest” with 1.3.2 and I get no error, but the image opens is a new page, with no effect, just like there is no lightbox effect. Am I doing smth wrong?
Thank you
I deleted the line
from the page where I wanted the TopUp js and now it works.
keep up the good work Paul!
sry. above I used some not allowed tags…
it was the line with jquery/1.3.2/jquery.min.js"
hello where is the different
top_up-pt
top_up
and top_up-min.js?
Hi hups,
The files are as follows:
- top_up-pt.js is the Prototype version of TopUp (note: still alpha)
- top_up.js is the uncompressed version of the jQuery TopUp
- top_up-min.js is the compressed version of the jQuery TopUp (using YUI Compressor 2.4.2)
Greetz,
Paul.
ok thanks have you seen that the closed buton by movies is in the background of the movie files ?
Got the new version today! Sorta kinda fixed my IE problem I was having. Now check this out in IE. The first time you click any video it works fine. The second video you click you only see white where the video should be displayed yet you can still hear the audio. I appreciate any help!
http://www.lycoming.edu/new/spyke/redesign/media/videos.asp
PS: Awesome job on the new version!
Hi,
I’m very impressed with your plugin but there’s just one thing that’s not working. If I try to display an image that’s larger than the view port, the image is resized even if I specifically set the height and width to be the dimensions of the image. Have you any plans to change this?
Rgds,
Martin
hey everyone,
i’ve just tried EVERYTHING!!!! and nothing really worked for me and than i found TOPUP. JUST AMAZED guys. why? cause it even worked perfect in my IWEB page. i had a tiny question, sent an email and shortly after i just got a super nice answer. better “customer” service than products you pay for. THANKS PAUL!
Hello Paul, Great work! I use greyBox, lightbox & mediabox in rapidweaver. Your image viewer looks much better. Any plans to make a snippet or stacks plugin for rapidweaver? Anyone using topUp with rapidweaver? I can’t seem to get it working.
Regards, CharlesHi,
Neat implementation. Do you have the ability with TopUp to pull in a specific div from an external page?
Thanks,
Neil
hello, i think you might wanna know that a file you set for a download is a little broken…
it’s suppose to extract all the files but it just don’t,
great work by the way
Hi
Thanks for a fantastic plugin!
My flash knowledge is very limited. Do you know if there is a way to make the popup stay on top of the flash object shown at this page:
http://(removethis)zogmatch.tempdom.com/
(edit the link and click the “Test popup” link at the right side of the page)
Thanks again
Thomas
This is very pretty… and useful. Thanks for that
Do you have any examples where TopUp is integrated with Joomla?
@Slobodan: which download do you mean?
The file for downloading “top up” beta,
“latest.tar.gz” is the name of the file
it won’t extract all files, i was truing on a few laptops because i thought that something is wrong with mu Windows 7 but it’s not… (Windows XP too)
BTW make a donation botton more pritty and bigger and I will click it… hehehehe. It deserve to be clicked :) for this stuff thanks again, i will use it and put your URL on credits
Thank you for this Script :)
Hi there! i’m impressed with Your plugin as well, thank You:)
but, there’s something.. i hardly need a ‘doNotResizeImage’ option, or some any way to force plugin to keep the original image size.. (i think i’m not the only one who need it, am i right, Martin? ;)
anyway, thank You!
Is anyone else having performance issues in IE7? The popup takes a long time to load. It works great in firefox though :)
Hi!
great plugin you have made.
But, we would be using the plugin on pages that already uses JQuery, and the include method you are using makes them collide.
Is there an alternative way to run your scripts and manually include JQuery, UI and plugins that you are using ? .. like, simply do normal includes of all scripts directly from the HTML page.
Thanks for a great tool!
Hi, I think it’s a great plugin, but i just qant to know if
it’s possible to popup a div yet present in the same page; for example, referencing it with its “id”..
Thanks, Marco
can i link top_up to my flickr account?
Great Script!
It works fine with my gallery and I love the smooth (apple) behaviour.
But there I have problem with quicktime-movies, which will be shown with ugly scroll borders around (layout = quicklook).
Any suggestions?
Can you tell me how to use the HTML function of topup?
there is no demo of that usage :)
I downloaded the script many times because every time i want to uncompressed it fails in the 95% of the proggress. And the winrar shows a message that says "! E:\latest.tar.gz.tgz: Cannot create avascripts\top_up-min.js
! E:\latest.tar.gz.tgz: Cannot create d©
Well. i just tried to decompress it in a linux system and the error is thge same.
I think that an error occurred during the compression phase.
@omar: that’s weird, I’ve just downloaded latest.tar.gz and unpacked it without a problem (note: using a Mac). I will take a look at it later today.
@the rest waiting for a reply: I will try to find some time to do so. I’ll send you an e-mail and also post a comment on the site.
Thanks Paul, I deleted the additional jquery script I had for Prototype because as you explained TopUp automatically includes jQuery so there is no reason to double up. it’s all working fine now in all browsers. Thanks again!
When I use the script in a page where a flash element is displayed GetTopUp is displayed below the flash element when I am testing it in Safari, Opera and Chrome. In FF & FF all is fine ..Already changed the Z-index in the top_up-min.js file but that didn’t changed anything..
@Thomas
I had the same problem with displaying it over a flash movie..
the trick is to add a Flash Parameter : wmode: “transparent” – and then TopUP will be displayed ABOVE the Flash movie..
Hello! First of all, thank you very much for sharing TopUp. It is exactly what I needed for my website. I’m using it to show a SWF and, when I click to close the video, after the SWF fades, it’s shadow and the close icon appear for a moment at the screen, but not in the middle of it, not close to the place where the the animation began, they appear close to the top left side of the browser. I’m trying to make them desappear behind the SWF, but I didn’t sucessed. Can you help me? I’m using this configuration to show in the trigger link: width = 650, height = 347, effect = appear, layout = dashboard
It’s strange, but if i download the compressed file with chrome it show me this “latest.tar.gz.tgz” but if i download with firefox the ext is “latest.tar.gz” any way i used winrar and 7zip on windows and the command line gunzip and tar in linux for decompression and the error is the same.
I will apreciate if some one can send me the file (uncompressed please) in a mail.
Thank you.
Ok, at least i could decompress the file, it was solved by downloading the file in a linux system and uncompressing it there.
Perhaps it’s something related to my system.
@64. Ren :
Thanks – works like a charm!
/Thomas
Hi there,
I absolutely love your modal window script, and your website itself is beautiful :)
SO anyway, i’ve been trying to get modal windows working properly for the last week or so, on and off, at the moment I have submodal going, but it doesnt work properly on IE. I’ve got yours working like a charm, and i t looks great. I especially love being able to just add the tag to links to turn them into topups!
One problem that im having is getting the modal window to only display once..I’m using it partly as a “pop up on load” sign up newsletter form…please could you help me out with the code required to get it to only come up once? I’ve looked into including jquery cookies scripts, and i’m getting nowhere :( Cheers
Hi Paul,
first of all this is one of the best Popup solution maybe around. So i thank you for your great effort.I wonder, is there anyway to show the popup on page load. And is there any cookie code to do that for once in a day?
Thanks in advance.
Ilker OGUZ
Do I need to download prototype to use TopUp?
First af all, thanks for your great job. I have tested your script on a page where I use thickbox. With the easiest setup, I got a box with scroll with FF and athe embed flash was not in the center. With IE8 the auto size was completely wrong and again scroll. My problem with thickbox, lightbox and your script is when the page is long to load if you click quickly you don’t have a box only the html page. This is a big problem with ligthbox scripts used in a page with for example some external ads that take time to load.
If you have a solution, thanks to let me know.
Best regards
Hi I get the following error:
Cannot Copy File: Cannot read from source or disk
when I try to unpack the tar file. Is there a way around this as I’d like to use the script.
I’m going nuts on this…
I have a little peace of html contained in a div on my page, it’s hidden with display:none. How can I make this appear in your popup? What function to call? Can you give me an example?
I have jquery loaded already so I don’t want TopUp to load it again.
Hi, I have been using lightbox-0.5 since I saw your TopUp. Hats off to you, wonderful library. I am having a difficulty, I need to manually trigger topup and it is giving me error. The problem is that my images are loaded in a div after page is loaded using ajax. Now in this ajax loaded images I am applying topup, class=“top_up”, and it is not working. I have put a static link and that is working but the images in the div which are dynamically loaded are not working with topUp. I have used TopUp.init(); but it is not working as well.. no error is shown only thing is that the image is loaded without topUp aesthetics. Please help
http://ya-mujeeb.com/books/
Hi,
i don’t know if anyone else solve the problem…
When i open the Box, the IE7 lags, and the Box needs up to 20 seconds to display correctly.
Does anyone have a solution?
I’ve started to use topup and i think it’s great. Right now i’m implementing this (as example) in some forms, but some questions have arrised, i want to use the “onclose” property and i’m configuring my form in this way but it does not work, can some one help me, thank you.
Sorry, the code wasn’t displayed in my previus comment.
Hello, there is a problem with images included in Rails application with a custom URL based on the file’s timestamp.
For instance : http://site.com/images/123.png?123456231
Top Up doesn’t expect an image with that kind of link, and displays the file as text.
I believe this could be fixed with a regular expression used to before determining the file type /[?].*//g
Thanks in advance for the fix :-)
And BRAVO for TopUp !
Great library, I like!
One thing to consider, though, is that you have to pay attention to your own CSS class names for your elements. It took me an hour to find out that TopUp was bound to some of my elements because I gave them a class name with a “_image” in it :).
To complete the list: avoid class names that include the following:
_db, _ql, _image, _html, _dom, _iframe, _ajax, _scriptOtherwise you will get a “Type error: reference is undefined” (top_up.js) or “Type error: U is undefined” (top_up-min.js).
I hope, Google indexes my comment soon, I didn’t find any reference to this problem :).
Except that, great tool! Thank you!
Hi,
first of all, thanks a lot for this plugin, it works like a charm.
But there’s one little problem which took me about 2 hours of work to figure it out, so I just wanted to point that out so that others can fix that a little bit faster gg
I use the jQuery UI in my project as well and your JS is imported afterwards … unfortunately I then got an error when I used the “draggable” option of the UI-framework.
As I found out, you “overwrite” the function draggable and so the UI-function doesn’t work any more.
When I renamed all occurencies of “draggable” in your JS to “draggalbeTopUp” it worked again!!!
Hope that helps, would be great if you could include that fix to future versions of your great script!
Thanks again and have a nice day!
hello,
i wondering i have the type auto but topup is always showing the loading gif ?
what is this is auto not automatic ?
what does auto do in the type ?
Hi Paul, thank you for this great tool, i love it.
I put on my site to show a flv video, but i have a little problem that can’t resolve. I put this toptions=“type=flashvideo, width=640, height=360, resizable=0”.
The video opens, but i see always a vertical and horizontal toolbar in the popup, but the dimension are right (640×360), where i am wrong?
thanks, have a nice day
Will this also work with iframes? I have a website with iframes and within the iframe there will be images for this topup.
Hi, have not implemented the script yet, but very excited about it.
For those who are having the issue with (WinRar in my case on PC) not being able to extract the archive correctly, I was able to do so by sending it to a MAC, extracting, then re-zipping (.zip), then sending back to my PC. Lol. Well, maybe just having this download as a simple zip to start would be a better idea.
Dear Paul,
if it would work for me ;-( this script will make my day. Unfortunetley after doing a basic integration I receive the following popup
Sorry, but the following error occured:
TypeError: jQuery(“#top_up .te_frame”).resizable is not a function
Is there a problem when running a second function also running jquery on the same page?
Currently I’m trying to load a raw html, with above result.
Cheers!!!
This is really really really slow … I’m on broadband and it still takes over 10 seconds to load … why ?
I just wanna say: Thank you for this beautiful piece of art.
Is it possible to call TopUp programmatically?
For example, say at a certain point in my script I want to automatically display a TopUp without any input from the user, something like:
TopUp.display(“http://www.google.com”);
I am not able to get this to work. Thanks!
@Tim: you also need to specify the type toption (in this case ‘iframe’) as the auto-determination of ‘http://www.google.com’ is ‘ajax’. In short:
TopUp.display(‘http://www.google.com’, {type: ’iframe’})
Greets,
Paul.
@Paul: Worked like a charm! Terrific script. Thanks!
For anyone else needing to call this progammatically… If you’re calling this immediately upon page load like I was, you’ll need to wrap it in something like this:
$(document).ready(function() {
TopUp.display(“http://www.google.com”, { type : ‘iframe’ });
});
or…
TopUp.ready(function() {
TopUp.display(“http://www.google.com”, { type : ‘iframe’ });
});
@tim: This isn’t necessary in the next release. As TopUp.display() and TopUp.displayTopUp() will do it themselves.
Hi,
I am using TopUp in an iFrame environment. I use TopUp in a php page and I want to display the php page in another website’s html page via iFrame.
While doing so and when I click the link of the php page from the iframe window, the pop up box opens within the iframe window.
But I want the pop up content to open in the parent window of the HTML page that contains the iframe instead of opening within the iFrame window.What should I do for that?
Help please…
Hi…
this looks great. the implementation of iframe was extreamly simple and effective.
i was not able to locate any example code on how to implement ajax,javascript,html, or dom.
have i missed something?
thanks and good work
Jim
hello great is it but one is bad the close button is behind the flash or youtupe when is dashboard can you fix this ??
how can i make my own Style ?
Hi Eric,
Would it be posible to create a autostart option? So that when you have html in the topup and the page loads, it would automatically show the topup dialogue.
If not, what would be a way to auto show the topup with html on pageload?
Thanks, bedankt.
Michal
i think post 93 and 94 have awnsered my question.
When using:
TopUp.display(‘http://www.google.com’, {type: ’iframe’})
I get a alert with:
Sorry, but the following error occured:
TypeError: jQuery(“.te_frame,.te_content”).unlockDimensions is not a function
Hi, i’m using your script and it works very well, but i have a little problem. when i open an image the first time it is not centered: the second time instead it’s perfectly centered. Can u help me?
Hello Paul,
thanks for the nice script! I’d like to use it in offline-mode, i.e. having the whole page content on a CDROM (which, unfortunately, on different systems mounts in different places). I ‘d also like to have my videos local, e.g. in a directory ’videos’ relative to the top-level directory where TopUp resides. For the videos to be found by the player, I have to specify the absolute path (which will be different from one computer to the other) instead of the releative path to the video. Is there a quick fix for this?
Thanks, Karin
how do i display html content???
When i use:
href=“#aanmelden” toptions=“type = html, effect = fade, resizable = 0”
the html i am calling shows on the page, when i click the link the html content dissapears, when i click again on the link it shows in the topup.
When i give #aanmelden display:none; it does not show in the content anymore (offcourse), but when i click the link to call the html content it does not show in the topup either…
ps, and how to include multiple html content options.
link 1 > opens #one
link 2 > opens #two
link 3 > opens #tree
can’t get it to work.
When adding the class top_up to a html link for opening html content the following error returns on clicking the link
TypeError: jQuery(“#top_up”).center is not a function
iframe is only solution?? not dom or html?? :(
@all: HTML and DOM examples will be available tonight.
using:
a href=“…” toptions=“effect=clip,shaded=1,onclose=function(){alert(1);}”
triggers an error with the onclose on IE. Is your documentation misleading? To clarify, the documentation leads you to believe that you can use the onclose in that manner. Is that correct or is there a bug in your code?
How are the examples going?
Follow-Up to #103:
It works when the path to the directory containing the FLV-videos is specified relative to the ‘players’ directory. This was tested on Mac OS – have to re-test on Win and Linux …
Greetings, Karin
Script looked nice, but there are enough lightbox scripts out there which work and are longer around, so they dont have these kind of small issues.
Thanks for your effort anyway.
Could you give us the links for the inline html dom examples? I keep getting a Typeerror dialog everytime i click my link!
BTW- You could use some spam captcha!!
=/
@Danny and the rest: I’ve released TopUp 1.6.3 and I’ve also added an example for inline DOM elements on the homepage.
Accolates and a question about movie sizes:
Great tool. Tweaking it for our use.
Question: We have some training videos we’re trying to stream that are 1024 × 768. and .flv. When we use th tool, the control bar on the bottom disappears. Had any issues with media of this size?
Best regards,
JL
Hey bro, topup doesnt work on Safari.
I wanted to say this since a long time, but dint get time.
So reporting it today.
Please fx it.
Regarding #117, I tested everything besides ‘Windows Media’ on Mac OS X and it looked quite good. My configuration: Safari 4.0.4 (6531.21.10) / Mac OS X Version 10.6.2 (10C540)
On Windows with Safari 3.0.4 (523.15), the small close buttons does not show up. Pressing the ‘ESC’ key, however, closes the pop-up window. I did not test with a newer version of Safari, because I want to keep that version for regression tests.
Greetings, Karin
You should really add live support instead of using bind as it won’t work on nodes that aren’t in the DOM from start. I did a quick change in top-up.js on line 214 (changed ‘bind’ to ‘live’) and it seems to work fine, although I haven’t done much testing. I’m new to the plugin so I’m not sure if it’s been covered before or if you’ already got something in planning.
@Christoffer: You are right, you have to call TopUp.rebind() at the moment. But I’ll fix it in the next release by replacing bind() with live(). I forgot to include this, thanks.
Follow-Up to #117 & #118:
Tested with Safari 4.0.4 (531.21.10) on Windows XP Home. The close button now works …
Greetings, Karin
@Karin: thanks for your info that it’s solved (although I haven’t paid attention to that yet)
@Soam: is it solved on your end? if not, could you be more specific?
Hi, great plugin :D
- Can we get a public function to set a new width and height of an already opened window, when set it the topup window will transition into the new size. Useful for ajax and iframe type.
- More jQuery like init. Like:
$(‘a.image’).topup({
type:‘image’
});
See Colorbox docs for what I mean: http://colorpowered.com/colorbox/
Also see some of the other option colorbox have, maybe take some inspiration from it :D
- It would be great to have a slideshow function.
- Have you tried the Google Closure Compiler, in many cases it compresses better than YUI?
Looking forward to hearing from you :)
-
hello grat greatest !! supi is this and the dom is great .
i wish me that you can give a zip file with external style and js with jquerry in a extra js file is better for developers.
Hi guys,
I’m trying to use this for an auto pop-up for lead generation to get people to enter their info at http://www.eugeneg.com
Paul, do I just put in the following inside the head…
and put this code inside the body:
Any help is appreciated, thanks a lot.
hello
how can i oben this href in topup
href=“javascript:videoOverlay(‘zbPjiJ-4jMA’,‘videoBar-bar’);”
there is generatet i cant change it what type in topup is it ??
G’day Paul,
Firstly, thanks very much for making this code available. It’s a very elegant module.
In IE8 (at least using our vanilla testing configuration) we’re seeing an issue with the back shading within your application.
As a really quick demonstration, if you click on your own front page link which contains “Want to keep track of new releases?”, the problem becomes evident. If you scroll down in IE8 after the shading appears, the portion below the viewport is not shaded and is active for the end user.
As I’m typing this entry now on IE8, the back shaded “Subscribe as TopUp tracker” box is still up on a shaded section which fills only the samall top section of the page.
At our end we just kludged a workaround by modifying the css height within top_up.js and we’re fine.
Thanks again.
great tools……but i can not use downloading version completely……can you fix that version
hello one little mistake in dom element when the hiddenelement is very long the dom is not going to the button it finished at the desktop height when is longe there is outside the dom element.
@Sindre: I’ll implement the more jQuery method in the next release. As for your other remarks, I’ll have to put more time into it. More news follows.
@#125: putting ‘TopUp.displayTopUp(’the correct CSS selector of your TopUp element’)’ on the page (it doesn’t matter where you put it!) displays the TopUp on page load. Now isn’t that easy?
@Leo: I’ve planned on tweaking IE7 & IE8 and making the transitions slicker.
@hups & classiclori: Could you be more specific?
I love topup from the moment I saw it, I’m a mac / apple lover and the style of windows topup fascinates me, is easily adjusted for designers like me who started to learn ajax, Thanks Paul for the script and your work.
hello,
i mean this:
when i have already jquerry loaded i dont loadet this with topup.
when i have a extra css is easyer to modify it
second.
when i have a long inline div (longer than the browser window) the background of the dom element window is to short he finishd by the bowser window height
sorry for bad english
Hi, how make close the popup inside the popup … ??
could you please post a short example of using TopUp with ajax?
I try this one:
a href=“script.php” toptions=" width = 300, type = ajax, .."
but got only error message: TypeError: options.content is null
Wow this worked great! I love how you can keep your HTML so clean :) I’m using it on http://connorsmithphoto.com
Is there any special way of including the style.css?
The css effects (shadow, border close button image…) are not working.
The css is not mentioned in the documentation so i included the style.css which comes with the install-zipfile (placed all images as described in install docu).
Everything except the style of the images is working.
Any hint?
@Norbert: I presume you are hosting TopUp yourself, right? It seems like you’ll need to adjust the TopUp.images_path variable which has to point to the top_up images directory. You can use Firebug and type ‘TopUp.host + TopUp.images_path’ in your console to see the current location. Good luck.
Lovely job and a great plugin! thanks Paul keep up the good work.
Hello. Great script you have here, but I would like to ask: It is possible to get video (to be exact, I’m trying to open up Youtube videos) opened via addParams()? (or maybe via classes?). Only way it works for me so far is if I use the example from homepage and use toptions, but I would prefer to do it through addParams. Is there any example on that?
In best case scenario, through A tag with thumbimage in it, but I can also cope with input button with image on background :) Thanks a lot for your reply.
I can not figure out why I am getting scroll bars on this page http://www.maidenkanadah.com/elderberry-test.html Please can someone help
Hi there, love the script, great work!
I am unfortunately getting the " jQuery(“#top_up .te_frame”).resizable" [undefined] is not a function. " Error with the script. I am also using a jquery.min.tools.js script for tool tips, both scripts work fine by themselves, but as soon as I add them both, I get that error. I’ve tried a few different combinations on adding them, but I am getting nowhere fast. Please get back to me.
I am getting a strange thing on your example page. On Firefox 3.0.17 when I open any of your examples it is already in dragable mode… Just wanted you to know…
Scrollbars everywhere! Why isn’t there an option to turn scrollbars off? It’s a basic javascript library function.
Is it possible to get the video’s fullscreen using the video players controls?
Even youtube can’t go fullscreen. Kind of a bummer.
@Anger: which function is that? and can you be more specific about when (or where) I can reproduce it?
@jqueryO: just enabled viewing flash content fullscreen in a new release :)
Hi,
first of all, I’ve been taking a detailed look at several jQuery lightbox clones, and TopUp has the most (and useful!) features and by far the biggest WOW !!!! factor of all of them. You have done really great work here!
I’ve to replace an old lightbox with an i-frame and flash capable one on mulitple sites, and I already have included jQuery and some parts of jQuery UI on my sites. I want to host the files myself, but I don’t want all the JS files to be included twice (my file names and directory structure is different than the one in your zip file).
Is there a “stand-alone TopUp”, that allows me to to include JS files manually to prevet double inclusions? Which parts of jQuery UI beyond core are needed by TopUp?
Best regards,
Reinhard
P.S.: I’d suggest removing the “overlayClose”-option from the “post comment”-box, I just had to type all this text twice because of a wrong click.
My god this has to be the best lightbox out there, but what impressed me the most was the ease of installation. It literally took me just a few seconds to apply this to my website. I also love the aesthethics of this lightbox, every other lightbox looks just fugly. Thanks once again! I’d recommend this to just about anyone!
How can I implement this in Magento? (http://magentocommerce.com) Magento doesn’t have a direct path to all its images, they are categorized based on first and second characters of the file name.
I really like this lightbox because I can open external sites I link to without users leaving my site. I am always impressed by the amount of work required in projects like this and then you make it free to use!
I want to use the quicklook display option, but the close button often sits next to a menu item or google ad on my intended site. I do not want users getting annoyed by accidentally clicking the menu or google ad.
Is it possible to choose which side of the display frame the close button appears?
This might mean an extra configuration option, or more display options eg quicklookright = quicklook with button on right, etc
I guess I should ask the inevitable question:
Are there any known issues with the new JQuery 1.4?
JQuery 1.4 has some nice speed optimizations, among other things.
Hey Paulus!
Goed bezig jongen! Ik heb weer even gebruik gemaakt van de mooie topup :) Thanks!
@Eric: I tried it and i didnt have any troubles yet!
good afternoon!
Your Torar pleased me
Do I write a site badly, is not there uvas video of lesson, on
connecting of Torar?
nice.
thanks
hey, great work… i’m a big fan of lightboxs and i must say your version is the best in terms of look and usage… the only thing is how can i control the overlay opacity and slideshow with autostart. rightnow i’m using customized version of colorbox on my site “www.inkline.co.in”…
I really like this script and can easily see it being used on some of the websites I maintain. However, judging from your demo it does not appear to scale down pictures larger than the browser window when opening them. This is the 1 missing feature that I would need to make this usable for me.
Thanks for your work on this! I really do like what I see and after using over 60 different lightbox scripts I’m not easily impressed anymore.
Let me know if you add that and I will download and test application of your script immediately! Thanks again, It looks great
If i want to show this lightbox as a “pop_up” in my web? how can i do it?
thanks a lot!!!
Fullscreeen video now works! Nice job!
I’m getting this response on my website www.tomfeltenstein.com
Sorry, but the following error occured:
TypeError: Result of expression ‘jQuery(“#top_up .te_frame”).resizable’ [undefined] is not a function.
It was working before when I had the site on a temporary ip address so I could build it but now that I moved it to the public domain the videos don’t work.
In firefox. v3.5.7 I do not seem to have this issue on your site but on my site… the frame that surrounds the image or video… is not there.
It works in IE… but in firefox it does not have the quicklook or flatlook frame with the close button and gray background behind the text.
Have you seen this problem before?
@Natalia: what happens when you don’t include jquery manually?
@alan: you probably need to adjust the TopUp.images_path variable as it seems that TopUp can’t find the images
I did update the image path … that is why it is working in Internet Explorer.
I updated TopUp.host, TopUp.images_path and TopUp.players_path.
If I look at the css of the page in IE it shows the image and the path correctly.. but in firefox it does not find the images and add them.
But when I set an alert in the javascript to output the css before it gets added to the page head the image links are in the css and correct. They just do not seem to stay intact.
If i include your top_up-min.js file from your server it works perfectly as soon as I move it to my server it has issues.
It just seems strange that Internet Explorer loads the images and Firefox is having a issue.
Solved the problem… there was a space in the images path.
And firefox did not like that at all. So I just used %20 and it worked great.
Hi everyone!
Could someone help me?.
About the problem with Flash and IE, how can I solved it?
I’m a little bit lost. I should send wmode=transparent, but how?, in the link?, in the topoptions?
I can´t view the flash in IE in this way:
Thanks!
Hi,
How do you increase the quota for images in the slideshow? It seems like I can only have a maximum amount until the last image won’t show.
thanx,
ray
Esc key should exit out of the lightbox.
It’s pretty common in lightbox scripts.
Otherwise very nice, though I prefer seeing the close icon in the upper right.
i am just wondering how to pass form data in TopUp iframe to the main page. It is not mentioned in any doc.
Any help pls.
I am confused on a couple of points.
1) I wasn’t having any success with the copy of top_up-min.js that was shipped with the download I got yesterday. So, I put in the line that goes to TopUp and gets the most recent version. That worked fine, except that it doesn’t play flash .flv files (I noticed your home page demo has a JWPlayer for flash that is watermarked, which means LongTail never got paid for a license). Be that as it may, MY POINT HERE is that I pulled a copy of your latest release into my editor and named it properly, saved it in my js folder, and got rid of the automatic download link. Same site. I pasted it into my address window and there came the file. BUT IT DOESN’T WORK, just like the copy included in the original download (1.6.8) doesn’t work if I call it from my own folder . For some reason I seem to have to connect to your site to make it work. THAT is fishy. I don’t like fishy. I can’t have my site depend on whether your site is up. Without a slideshow feature and without video playback I gotta tell you that it could be wonderful but this gift horse doesn’t do very well when you look it in the mouth. I was very hopeful, but you aren’t quite making my day. Thanks anyway for trying. It did look good. The simple installation thing is the best thing since Rubic’s Cube.
Like so many, I have to apologize for jumping the gun about the gift-horse. Wouldn’t it be nice to have a Rubic’s cube that solved itself? Anyway, one last re-read and I noticed the line that TopUp would figure out what files it needs itself if ALL of the files sat in that folder. It does say that. Just not intuitive. That would explain why an internet connection to the “latst version” woud come up with the needed files but a cold download from there wouldn’t work. I dragged ALL of the js files into the same path as the top_up-min.js file, it pulled much more than that out because with that path it seems to have gotten more than just the top_up-min.js file out of there. I don’t have full functionality yet, but I feel like I’ll get there. Not wrestling with it till 3am will certainly help. Somebody greased my Rubic’s…
Enough noise from here. Thanks for TopUp. Now…something about a slideshow mode? I know I read that somewhere….
well, almost. I have all the JQuery scripts that were being used when I took the http: file route. (Thanks to FF FireBug tools). They are all where they seem to belong. The window opens in the overlay, but I only get rectangular corners with no controls—no quick-look unless I am connected to theTopUp site. Not pretty. Not staying up till 3am again. Three strikes, you’re out. Bye.
How do we disable dragging of the lightbox?
I second Reinhard Hutter’s comment:
Hello, I have a question about closing the window. How to click on the link to close the window? Which option pass? overlayClose do not work properly. Works only in a pair with any other parameter. Thanks in advance:)
In other words, how to close the window? Clicking on the link?
TopUp.close(callback) – It’s don’t work :( or i’am don’t understand… Please help. How to use?
I’m write
Closeor
Close
what I’m doing wrong?
The plug in looks great, but I have a issue when using a servlet to deliver the images. I have to give parameters to the servlet to specify which image to get in return, but the plug in crashes when it should get the image when clicking the link. First I thought it was because my servlet wasn’t provinding the necessary http headers, but then I found it its the parameters which make it crash. Let me show my code:
First, this one works since I refer to a static image file::
This is what I want to do, but which fails:
And I’m pretty 100% sure its not my servlet which is wrong since this code snippit doesnt work either (the parameters here is obosolte, but it should be perfectly valid:
The plug in looks great, but I have a issue when using a servlet to deliver the images. I have to give parameters to the servlet to specify which image to get in return, but the plug in crashes when it should get the image when clicking the link. First I thought it was because my servlet wasn’t provinding the necessary http headers, but then I found it its the parameters which make it crash. Let me show my code:
First, this one works since I refer to a static image file::
<a href=“/eske/images/tmp/productCBCWAVEDROsmall.png” class="top_up">
<img
src=“/eske>/imageservlet?imagesize=small&type=product&id=1234”
/>
</a>
This is what I want to do, but which fails:
<a href=“/eske/imageservlet?imagesize=large&type=product&id=1234” class=“top_up”>
<img
src=“/eske/imageservlet?imagesize=small&type=product&id=1234”
/>
</a>
And I’m pretty 100% sure its not my servlet which is wrong since this code snippit doesnt work either (the parameters here is obosolte, but it should be perfectly valid:
<a href=“/eske/images/tmp/productCBCWAVEDROsmall.png?ronk=1&ronk2=2” class=“top_up”>
<img
src=“eske/imageservlet?imagesize=small&type=product&id=1234”
/>
</a>
I could only make a super small donation for now….but I shall be back to give more!!! This is awesome.
I heard about TopUp and Dan Benjamin’s Dev Talk show. I like the functionality.
It appears there is a bug w/ keystrokes in Safari for Mac, though. I am using Safari 4.0.4 and ESC and the arrow keys have no response from TopUp. Closes out and advances fine in Firefox though.
Is anyone else having this issue?
I have an issue with TopUp 1.6.8 using a Samsung N140 netbook [Safari 4.0.4 (531.21.10) as well as Firefox 3.6 Beta 3 and Quicktime Version 7.6.4 (518.35)]. When trying to play Quicktime Movies (H.264 and MPEG4) the display area stays dark and only the audio track is processed. When removing the TopUp script from the .html, the videos are displayed correctly (so it seems not to be a performance issue with the H.264 codec). On another Windows XP machine everything is ok. Mac OS X and Linux have also no issue with playing the videos.
Anyone seen the same effects?
Thanks, Karin
Is it possible to add multiple TopUp which could appaer auto-organized on different window size? I need something to open multiple links on same click like a star for example.
Hello,
is it possible to compile the url for the TopUp (iFrame-Mode) with JavaScript at runtime and add it to the presets?
By the way: Great work! Thumbs up!
Thanks,
Stephan
Follow-Up to #180: Same web site, but access with a Mac Mini [Mac OS X 10.4, Firefox 3.5.7 and QuickTime 7.6.4 (518.35)] shows the same effect, so the display stays dark and only the audio gets thru. Opening the same page with Safari works fine.
Greetings, Karin
Hi Paul! this is a fantastic piece of code. I’m using it on a solution using ASP.NET MVC to build a “sort-of” a dynamic SideBar where multiple types of content is shown. I know JW player has the ability to play mp3 files, is there a way to add this capability to your code?. Up to my (very limited) knowledge, is just a matter to modify the deriveType function to return “flashvideo” for either an flv or a mp3 file… (or maybe use quicktime?)
Thanks!
Hello,
I’m using TopUp implementations but I have a small problem.
Once you open the pop up in an iframe I would like the iframe is closed by clicking on any links.
We give thanks in advance and I apologize for my bad English.
Thanks
Hi, i want close the TopUp dialog with a Internal link Redirect me on some other page.
I use type “iframe”.
How can I do?
I already tried <a href=“#”> Close </a>
does not work.
You help me?
THANKS
Is anyone else having really bad performance problems on IE7?
It works really well in every other browser (Firefox, Chrome, even IE6 and IE8!) but in IE7 it completely chews the CPU while the TopUp is appearing.
Great plugin BTW – looks great and easy to implement. The demo page is a great idea too, and is a big part of why I chose TopUp.
For those of you asking how to add the wmode=“transparent” parameter to get topup working above flash, view the following sample code (near the end).
Hi
Page 1 contains link, which contains following:
Edit
This then opens popup iframe with Page 2 form.
When I’m finished on Page 2, I want automatically execute “close window” code but then to also REFRESH page 1
How do I do this?
Thanks
Very nice software. But I do have a challenge. This is a quicktime test we are running in the same folder as the readme.html. For Firefox, when I press the button, it loads the player and then you can watch the movie load. For IE8 it displays a broken link where the player should be, downloads the movie and then loads the player. This can take several minutes. Also for IE8 when the player loads, I am getting audio only. If I replace my movie with the Dark Knight movie then I get the broken link for maybe a second, then the player loads and I can watch the video load. I know that my url is valid because when it is not valid I get a ? in the quicktime player.
Top_Up is located in a folder called topup just below the www folder.
Thanks for your help.
I tried to include code but I guess this editor executes it.
I set this toption in the HEAD section
TopUp.images_path = “images/top_up/”;
Here are the toptions in the link
toptions=“width = 800, height = 400, title = Wishbone, layout = quicklook,
shaded = 1”
The movies I am trying to play are at http://www.alexrhall.com/movies
They are reel.mov and Wishbone.mov.
Thanks again.
Hey Carlos I’m having trouble with your lightbox, for some reason everytime I click on the next button it looks as if the box is moving down just a bit, is this a known issue? I also wanted to add something to the lightbox where it could display information about the image beyond just using the alt or title attribute, are you free for a quick side project?
in Firefox 3.5.7 (at least), there are scrollbars around a video – is there an easy way to get rid of these?
site: http://www.eaglevideo.net/index.htm (click “Behind the Scenes” link at the bottom-left)
Great code – thanks!
Have to say that it is a nice plugin, but it is a little inconsistent. The closing button jumps from one corner to the other, changes style etc.
Hi I am using VLB 3.0 Business Edition and have a test page on
www.allbuttonedup.co.uk/test/
What I am trying to do is setup a shop so people can browse products and click to buy using PayPal
I’ve added the PayPal button code in HTML to each item but when Add to Cart is clicked nothing happens
I know the PayPal button/form works as I have tested it here
www.allbuttonedup.co.uk/pay/
Please can you tell me if it’s possible to do what I am trying using TopUp?
I know you’re not a commercial enterprise but would donate if it’s possible
Many thanks
Regards
Nick Adams
+
Hi!!
When trying to open a Youtube link, it gives the following error: [Exception… “Access to restricted URI denied” code “1012” nsresult: “0×805303f4(NS_ERROR_DOM_BAD_URI)” location"(thepathofmyotherjquery Line:19"]
I’m working with jquery ui too… isn’t it posible? how can I solve it?
THANK YOU VERY MUCH!!!
Hey Paul,
I am using topup on http://wsfc.org. I love the script!
The issue I am having is that when I include the bundled version of jQuery using
<?php wp_enqueue_script("jquery"); ?>I get an error from topup:
Sorry, but the following error occured: TypeError: jQuery("#top_up .te_frame").resizable is not a functionDo you know any way around this? I’d love to use the bundled version of jQuery that comes with WordPress to ensure plugins don’t screw anything up for me in this arena.
Thanks for any help you can offer.
I’m trying to implement TopUp Here but I’m having three issues. First issue is when setting up the images in a gallery, the arrows move for each new image shown, at first I thought it may be my css that was conflicting with TopUp but that wasn’t the case. Second issue is I wanted to create an area with the TopUp image that showed content e.g. text, links, etc. and the current solution through the title tag is not working anyone else have a work around? Third issue is with when trying to validate the document it won’t validate because it says there is not attribute named “TopUp” understandable but is it possible to use something that will allow it to validate like a “rel” tag?
Thanks in advance for any input anyone wants to add!
Hi there,
Is there any way you can get top box to open when the page loads??
Many Thanks,
Aaron
Can you integrate this great plug-in with ImageFlow and allow space for detailed captions to explain the content.
Paul,
Thanks very much for such a great lightbox tool. I am going to enjoy using it in my projects. Check out this one —
http://seawooddevelopers.com/projects/seawood-anchor/
TopUp really soups up the overall feel of a page. I have noticed a bug though and have reported it on Github.
Cheers! Keep up the good work! Will donate surely for such a worthy tool.
Hi there, i display with your Topup Pictures from our Intranet Image Gallery. When i click on a thumbnail the picture will be show in its real resolution. Before i used Topup , i call a pictureview.aspx page which shows the picture and increase a view (click) counter of the image. how can i realize this with topup?
Hello!
Your Lightbox is very cool, but I got an error when I tried to implement it.
My site is: http://fosztoandrasepitesz.hu
I’m using Concrete5 CMS and jQuery 1.3.2
I’d like to implement TopUp to here: http://fosztoandrasepitesz.hu/referenciak/csaladi-haz/
I’ve just added with jQuery the class tu_ql_iframe:
$(“#scrollable h3 a”).addClass(“tu_ql_iframe”);
When I click to a link in the list I get this error:
Sorry, but the following error occured:
TypeError: Result of expression ‘jQuery(“#top_up .te_frame”).resizable’ [undefined] is not a function.
Now I turned off TopUp because the site is done except this thing.
Could you help me?
THX in advance,
Andoro
I solved my problem, I putted to a wrong place the JS…
Thank you for a really grat script! I use it for our school here in Sweden. for exampel on this page: http://www.pederskrivaresskola.se/sidor/kontakt.php?fnamn=&enamn=&cat=%25&sortering=S%F6k…
However, I’ve noticed that in Safari and FF when opening a iframe page without the color of the body set the iframe page becomes transparent. Any solution for that?
Hi Paul,
I would like to know if there is a way to assign the TopUp code to a button which, itself, is already influenced by a CSS script changing its source image depending on if it is clicked or not.
The button’s CSS code looks as follows:
Is there a way to integrate this TopUp code in order to open the Dark Knight example?
Thank you very much in advance for your reply,
@dy
Oops,
I iincluded code examples but they don’t appear in my comment.
I’ll try to e-mail you the same question.
Bye,
@dy
Hi again,
this is @dy again from the comments 206 and 207.
I’ll ask my question in a more general way, as I’m not forced to use the example css code.
I would like to know, if there is a way to assign the TopTup script to a Multi-State-GIF-Button.
Cheers,
@dy
How i use XML data to my Topup project?step by step please
Thank
kungcindysung
hello all,
I’ve scanned the comments and see others having trouble with scroll bars appearing (in my case with flash video). any solutions/suggestions for removing/preventing scroll bars ? they disappear with one setting (effect=switch) but this puts the top right close button (x) mostly behind the window. changing or removing ‘effect=’ and scroll bars return….
thanks much,
~ t
hello again,
just noticed, too, that flash video does not play (or plays for a brief instance and goes white) in IE8 if (effect=switch) is implemented.
without this option it plays fine across browsers – but again with scroll bars. changing overlay options will not remove the bars, either.
otherwise, grateful to TopUp for a terrific service.
any thoughts appreciated,
~ t
hi tony, can you post some samples for
‘dom’, ‘ajax’, ‘script’
I have the following problem. i show a jquery autocomplete textbox
now i try to popup a new page in an iframe , with url parameter the content of the textbox
testthe page will be called, but how can i pass the content of the textbox as parameter (need to replace xxxxx with the content of the textbox)
is that possible ?
=“show_popup.aspx?q=xxxxx” toptions=“width = 1000, height = 500, type = iframe, title = Suchen, layout = quicklook”>test
$(document).ready(function() { $(“#<%=txtSearch.ClientID%>”).autocomplete(‘Search_VB.ashx’); });Im not good at English.but I want to tell the gratitude and comment.
Thank you for wonderful script.
arigatou!
I’m trying to use the jwplayer in TopUp with a custom skin. Is there an easy way to set the skin= flashvar?
andreas ~ thanks for your inquiry.
i’’m doing nothing special reallly:
(see video)
as is, i get scroll bars – but works fine. if i add ‘effect=switch’, i get no scroll bars (which i prefer) but i have the problems described in comments above. i don’t even want the ‘switch’ effect – just no scroll bars for .flv.
i’m running other jquery scripts – so perhaps a conflict? altho i’ve disabled the other scripts (except one lightbox clone called shadowbox) one at a time and still no luck. i have had trouble putting the link where i need it – i think it falls under the auspices of shadowbox – which is why i chose TopUp – the only one to work for me.
i’m afraid i’m too much a novice to even venture a guess on your issue. sorry!
i would post a link to my site, but i see too much random spam going on in this comment section of TopUp.
cheers,
~ t
well, the code i typed was replaced by that (see video) link above – no idea where that link came from.
let me try ur method:
=(see video)
=
andreas ~ nope, code was replace again. have to give up. but thanks for your reply.
I having a problem with using TopUp on IE8 and 7 with the JWplayer that these browsers are using to interpret Flash. I’ve got a swf file that does a zoom and pan function on a linked jpg (through AS3). The player appears on IE8, 7 but refuses to run the swf. Any ideas on how this may be resolved? The html files run In Firefox on a pc, and on my macs in Safari and Firefox.
url= http://www.greensongardiner.com/zoom_map_ph1st1.html
Hi Paul,
your lightbox is really nice and easy to integrate.
But, I would like to know if it is already possible to replace the thumbnail image file by a swf?
Simply replacing
<img src=“/images/thumbnails/1.jpg”/>
with
<img src=“/images/thumbnails/1.swf”/>
doesn’t work ;)
Thanks in adavance for your help,
@dy
P.S.
an option to preview the post before publishing would help for osting code.
Well I absolutely love this script, But it needs to modified so that the javascript can be placed in the footer of the document and not the head.
Javascript blocks and therefor should be the last element to be downloaded, this method is used by many for high performance websites and doing a side by side comparison actually cuts a pages load time in half. Only problem is top up breaks when placed in the footer.
Hi, first of all, this script is absolutely amazing! Thank you for a great job!
I’m trying to figure out, how to set up a popup window on load. In the changelog section I found this:
Automatically calling TopUp.display (or TopUp.displayTopUp) with jQuery(document).ready() when necessary. In other words: you can call TopUp.display() whenever you want and TopUp will be displayed a.s.a.p. and thus also on page load (yay!)
Can anyone tell me, how exactly should the code look for onload autopopup?
Thanks!
figured it out :)
hey paul,
thanks a lot for this massive and awesome script!
i am trying to apply it only to linked images, not to all links within the text in which the images are placed. but i am not getting it. have the TopBox-elements have to be in a seperate container or is the a chance to apply a filter?
thanks a lot.
T
ok, i figured it out.
FYI:
TopUp.addPresets({
“#example a:has(img)”: {
Hey Paul,
you created a really cool script!
I tried to use it with Google maps. I cant get it to work properly. The map does not fill the whole div. That is really strange. Looks like some css-problem. Have you ever experienced that? Maybe you could add an example how to use the script with Google maps.
Thanks
How can i assign a percentage for a Width * Height value,
basically i have a map which i want to display 100% not in pixels.
Please help
I wnat to say thank you very much for your great work, this is the best of lighboxs I have searched all over the internet
GOD bless you
hi paul,
thanks for your great plugin. :)
just a little question. on my site i use a small form that points to googlemaps. a visitor could enter his address on my site and gets a route description on google maps in a new tab/window. is it possible to show the new window in topup?
thank you & regards
thank you thank you!
a minimal, very simple form of captioning would be a nice feature….
Marvelous script. I was just wondering if there is any way, that we could add buttons to the quicklook layout. Particularly, in the are below the content area.
Hi there,
I have a systematic way to separate js files, images, documents. My folder structure is like this:
http://www.mydomain.com/scripts/jquery/latest.js
This is the latest jquery that I have.
http://www.mydomain.com/scripts/jquery/top_up.js
Path to the top_up script
http://www.mydomain.com/images/top_up/
Image path
So, what are the parameters I can send or how do I refer to the top_up script? Thanks for the answer!
Your lightbox does not work with Internet Explorer 7
Hi!
What about adding a maximize button, to display image in original size when shrinked..?
Thanks again for a great job.
Hello,
Is it possible to have the pop-up, instead of ‘onclick’ to have an onload feature? So when my visitors visit the page, this script pop ups automatically?
I’d love to use it for my opt-in form. Thanks a lot :) Great script!
@gdanx
Hello, you asked the same question about the on-load feature, how were you able to do this? Are you able to share this? Thanks a lot.
Personal Development and Success Blog
Paul, this is my favorite lightbox that I’ve seen. Great work!
I just wanted to point out a couple of bugs, though.
1. In Firefox 3.5 and 3.6 (both Mac and PC) the image does not stay centered when switching within a group of images. It keeps moving up a few pixels with each transition.
2. In Firefox 3.5 for PC, the lightbox and the overlay stay hidden under the page’s flash elements.
Keep up the good work.
Hi there.
I’m using GetTopUp to display some html content within a DIV container, however the flash element on the webpage below is sitting on top of the GetTopUp content.
I can see I’m not the only one with this problem, however the only solution I can see is to add a parameter to the flash file itself. In my case, this solution isn’t that easy. Is there another way to solve this problem?