Click to toggle dark text on white
Home » Plugins » WowWindow » Options » Comments
I'm not sure, I haven't tested it with jQuery 1.6.x yet
It's right. Don't work with jquery 1.6.2
yep, Uncaught TypeError: Cannot read property 'transform' of undefined
Wowwindow has been updated to support jQuery 1.6.x and 1.7.x
Great, now it works. Good job. ;o)
No, if you need windows of different sizes, you'll need to tailor them all individually. If you need windows to resize on the fly after they are open, you're free to manipulate the window's CSS properties directly of course.
Thank you for creating such an awesome tool! I was curious, I can't seem to figure out how to make the popup window wider...
Here's my link, and it's the button near bottom right ("click for more" button, near bottom on right)
http://www.maderfilm.com/razer...
Thanks again soo much!
looks like you got it pretty wide, or did you figure it out on your own by the time I've responded?
Yeah, I finally found the parameter I was looking for in your javascript, I was originally trying to do it in the css... but thank you for your response! And thank you for all your hard work!
When in doubt, look at the options page: http://wayfarerweb.com/jquery/... All the possible options are listed there.
Hi awesome tool but I have just one quick question...How do I keep it from centering vertically? I would like for it to just popup at the position i clicked on or maybe just a bit to one side but not totally centered vertically.
Thanks again.
Cool idea. There's no built in feature to do this, but I like the concept. I'll consider adding this sometime in the future. Even though it works well enough to use in production, I still consider it a beta, which means there are more features coming by the time it hits 1.0
has custom positioning been implemented?
Sorry, not yet. I do like the idea though.
Amendment - it doesn't like jquery isotope - if you use both, call isotope AFTER wowwindow in
in < head > that should have said - great script BTW
Never mind read below
$(elements).wowwindow({ overlay: { clickToClose:false }});
First of all thanks much for your really cool plugin. I'm not sure if somebody already mentioned this but in my case page is not rendering correctly with iframe link. As you can see in attached screenshot mouse click event generates two "GET" calls and hence page is not loading correctly. Any help would be highly appreciated.
I have java script validation before I open wowwindow. at once if validation is true, I apply wowwindow property to anchor tag. once the property is attached I could not remove it from anchor tag. I need it because if java script validation fails on second attempt, it still opens wowwindow. Please let me know how to remove wowwindow property attached to anchor tag.
It's not currently designed to work with form buttons, if that's what you mean. But you could always just style a link to look like a button...
There isn't currently this capability
I finally had a project that uses Wowwindow, that I needed to be updated to 1.7.x, so Wowwindow is updated now also.
I understand your frustration, but I have a full time job that keeps me increasingly busy. I have kept a contribution project open on GitHub, which I have been linking to for almost a year now. You should be frustrated that no one else has contributed to it yet. I will update it for jQuery 1.6 and 1.7 when I either have the time, or need to actually deploy it for one of those two myself. In the meantime, anyone who has a fix, should please contribute one.
It is fixed now, please try again
Hi, I have a button, on click on this button wow pop up opens and we do some entries in the popup window and saving now i refreshed the parent window(tererik grid) using ajax to show the new record entered via pop up and in this record(edit action) wowpopup did not open although css class is applied ...pls reply
Please try again, it is working now
There's some fixes coming soon. I hope to support jQuery 1.6.x and 1.7.x in the next release.
$(elements).wowwindow({ overlay: { clickToClose:false }});
Hi,
kudos to you. Really great work !!
Just wanted to add some info incase somebody had/has similar problem as me:
I use this plugin but load the content dynamically (ajax) reading an xml file from the server (all files paths/name etc. are in xml file) and using the load function to update my content div dynamically.
For some reason (unclear to me) a video wont stop playing when you press the x button or just get out of the modal window. (sound will just keep playing in the background) This only occurs in Chrome and Safari (not in Firefox).
To fix this I simply set the $.fn.overlayPlayground = function(o){ destroyOnClose:true } (inside the jquery.wwowindow.js) So far it works fine and the video does indeed stop playing now when exiting out.
Thought on this? Thanks again for this great plugin.
;)
struggling with this continuing playing myself...
PS: one more thing I noticed is that on every browser the window moves smooth (i use the normal window - no turning). Except in Safari (Windows). It jumps around the screen madly until it finaly centers in the middle.
thx ;)
after: function() {SetUp()}
or
after: SetUp
Nice plugin :) I haven't looked into the code yet but I noticed in the demo while using Chrome:
The 1st time I click a demo image, the image displays in the center of the screen.
The 2nd and any next time I click that same image, it shows above the original image instead of the center of the screen.
Is this a bug?
I'm not sure. I'll try to duplicate the issue, as I haven't noticed it before. What version of jQuery are you using it with?
Well.. the version that your demo used :)
I tried the demo again..and seems to work ok now..perhaps a glitch on my side.
I'm using the YouTube auto thumb feature.
The setting for autoYouTubeThumb: '0'//can also be '0','1','2', or '3' ('default' is the same as '2') doesn't seem to make much difference. If set to 0, you get a large thumbnail, probably 350px wide. But, using 1, 2, 3 or 'Default' gives the same approx 100px wide thumbnail. I'm looking for something in the 200px wide size. Any ideas on the correct setting?
Thanks!
Hi Wayfarer, could you advise me. If I have a hyperlink in the popup wowindow how I can make the action apply to the parent window that opened it rather than in the wowindow itself. I am trying to use it as a popup sitemap
Cheers
There is no "parent window" since it is not an actual popup window. Everything is just a product of normal HTML and CSS rules. Any scripting that needs to be applied to the window should be in the callback function, which is the "after" option, or if you want it to execute before the window begins to open, use "before". See all the options here: http://wayfarerweb.com/jquery/...
Thanks for that but I still cannot get it working, is this the correct use of the callbacks ?
$('.popups-sitemap a').wowwindow({
rotate: false,
draggable: true,
width: 300,
height: 500,
onclose: function sitemap() { //some code }
});
$(elements).wowwindow({width:400}); for example... See all the options here: http://wayfarerweb.com/jquery/...
THX!
sorry, I must be blind!
As of version 0.6, the only way to do this is by simulating a click on a link, so $('<a href="/path/to/resource"></a>').wowwindow({/*options*/}).click();
Ugly, but it works. Look for something more elegant than this in the future.
thank you very much for you reply but it still doesn't work.
$('#btn_mod_firma_'+idfirma).wowwindow({ rotate: true, rotations: 3, draggable: true, width: 580 }).click();
this my code.. what's wrong with it?
i need to close the window and then open it again...
thanks
It should work, as long as the element is an A element with an HREF that points at the required resource.
I'm using the youtube settings. If I WANT to use a thumbnail of my own, instead of using the autoYouTubeThumb setting, how can I do this? If I just remove the setting from the code, it fails in IE8, but if I leave it there, no matter which setting I give autoYouTubeThumb it pulls a thumbnail from the video.
Thanks for a wonderful product!
just don't set a value at all for autoYouTubeThumb, or else set it to null
Thanks!
Another question...
In IE8, if set to Popups_rotate_multiple, it doesn't spin.
Not a big deal, but, I kinda like when it spins...
Yes, IE8 doesn't support CSS3 2D transforms, which are required for the spin effect. Also, the zoom effect does not work in IE8 and below, though there is a lightbox-like imitation of a zoom when used on images.
Yes, I would love to know how to do this as well. The "clickToClose"
option of "overlay" does not do the trick. Basically, I want a link,
when clicked, to load in the parent window, and then close the modal.
To load the URL in the parent window, I do:
$('.myclass a').click (
function()
{
parent.window.location = $(this).attr('href');
}
);
Which is contained in the HEAD of the iframe content that is loaded into modal.
I tried to add self.close(); to that function, but that did not work.
Oddly enough, when you click on the link, the URL loads fine in the
parent, and the modal seems to disappear in Firefox, but in Safari it
does not do so, and in Chrome, it disappears, but the old content
remains in the modal, even after clicking on other links that should
load new content in the modal. This only happens when I click on a
link to open a modal, then in that modal I click on a link that
should open in the parent and then close the modal. Now I am on the
page that was opened from the modal. If I use the back button to go
back to the original page from which the modals open, opening a modal
shows the old content in both Chrome (12.0.742.x) and Safari (5.0.5),
but everything works fine in firefox 4.x.
i am trying jQuery(document.body).overlayPlayground('close'); but with
no luck as well.
just use window.location. There is no parent.
***EDIT*** oh, never mind, you're talking about the IFRAME. Then parent.jQuery(document.body).overlayPlayground('close');
Hello Wayfarer
Trying to use your sweet tool to load local mp4 videos. They seem to load and play, but window is confined to like 500 w x 400 h.
Also get these error messages:
Failed to load resource: cancelled
001.mp4Failed to load resource: Plug-in handled load
001.mp4Resource interpreted as document but transferred with MIME type video/mp4.
001.mp4Resource interpreted as document but transferred with MIME type .
Does WowWindow play mp4?
Sorry for being such a newb.
-marka
I guess they only load in Safari.
I found why the sizing was not working, I did not have the 'rel="video"' in the href.
In FF I just get a spinning icon.
Nothing in WowWindow is specifically made to handle mp4 videos. If you point the link at a video directly, how it is handled is going to depend on the browser and its plugins. If you don't have Flash installed, Firefox can't deal with the mp4 h.264 format.
Rather than point links directly at a video resource, it is better to point it at a page that handles the video with a wrapper of some sort (such as an object/embed, or HTML 5 video tag). How you do this is up to you. You should handle this no differently than you would if you were embedding the video into any web-page, taking in mind what browsers and devices may display them.
I recommend the JW Player http://www.longtailvideo.com/p...
That worked— Thanks!
what do you mean by "fly animation"?
Hello! Thank you, great tool.
I'm confused: is there any way to turn off size expansion of images?
I want images to open width 100% height & width at once?
zoom:false doesn't help..
and one more question: how to make image not to flow by screen from clicked point and appear at once at the center of scrreen. thank you.
The problem with your first question, is that the image may not be loaded when you click on it. So to resize the window to the correct dimensions of the image would not be possible without first putting the window in an intermediate size, then "zooming" to the final correct dimensions. You'll notice the second time an image is clicked on this behavior doesn't happen, because by then the plugin knows for a fact that the image is loaded into browser memory.
An alternative to this may be to have a preload option of some sort, but so far I haven't built one.
As to your second question, that would be a good option to add. The original prototype of this plugin (which was never released to the public) had the zoom point fixed at center no matter what. This would be a good option for future versions. If anyone is interested in contributing to the project, I've put it on Github here: https://github.com/wayfarer/wo...
will fix on the next release
I still seem to have this problem... any ideas on how to fix it? Thanks!
Thanks for the reminder, I'll try to remember to fix this. For now, you can add some code in the "after" callback which removes the background from the #wowwindow-image-loading div once the window opens. But remember to put it back in the "onclose" event (see options page).
You must be doing something else wrong then, because that's how to close the window. Without seeing the page you're attempting this on, it's impossible to know.
Many thanks for your fast reply. But it is working fine on click event. I want to do the same in on ready event or after submitted.
Just started for the day, so you caught me at a good time. Can you make a simple demo of what you've attempted? Then maybe I can see what is wrong and help you fix it.
Ok. Thank you once again. I try to do the same in below.
I dont know the code is missing when posting
Just i try to execute onSubmit jQuery(document.body).overlayPlayground('close')
For now, there's no easy built in method to close the window. However, there's another plugin I created, which controls the overlay, that comes bundled with wowwindow. It has the close method you need. You can use it like this:
jQuery(document.body).overlayPlayground('close');
Although this is fine, it's a bit hacky. I'd prefer to have everything in the overlay plugin interfaced by jQuery.wowwindow, and I will do this before I make it officially not a "beta". For now, this will do.
Hi!
First of all - really a nice tool =)
I've one question - i need especially the part for embedding youtube-videos with auto-thumbnails.
It works all fine in Firefox, but IE9 RC1 and Opera opens the overlay but don't load the video.
Is there something that must be adjusted?
Really? I just retested on my demo page, and the videos loaded fine in IE9. However, I've experienced this issue previously, though only in Firefox (which doesn't like to play YouTube videos inside a box that doesn't have the transform: none.) The FF bug was fixed before I ever released this, but I can't seem to replicate the problem in IE9.
Is there a test page you can set up that duplicates this issue?
Edit to my last reply:
On the http://www.themermaids.at/vors... site it works - was an error with the flash-player.
But the Bug of not opening an overlay in your downloadable demo-site is still the same.
Greets,
Andi
Here's another update: I made the local content work with jQuery 1.5.1. I assume this was a bug that the jQuery team figured out. I'll be releasing a new demo pack using this version of jQuery in about 30 minutes. Use of jQuery 1.5 is not recommended.
When I went to the site you linked to, the overlay worked fine in IE9 RC1. I notice you're using jQuery 1.3.2. The local demo is using jQuery 1.5. It seems that IE9 is having a problem with 1.5 in combination with WowWindow. It is giving me an error related to 'getElementsByClassName' which IE9 RC1 apparently doesn't support. I'll see if I can figure out the exact trigger to find a workaround. Compatibility with 1.5 is a high priority.
***EDIT***
The local demo seems to work fine in IE8 and previous. So this bug is specific to jQuery 1.5 and IE9, and triggered by WowWindow.
© 2006-2019 Abel Mohler For Developers: jQuery Window Script
Privacy Policy | Click Here | jQuery Plugins by Wayfarer | Freelance Jobs Available | Random JavaScript Code Samples | Share a Random Link | JavaScript Jobs