nyrodev / nyromodal Goto Github PK
View Code? Open in Web Editor NEWnyroModal is a highly customizable modal window plugin for jQuery. This is the version 2 of the plugin
Home Page: http://nyromodal.nyrodev.com/
nyroModal is a highly customizable modal window plugin for jQuery. This is the version 2 of the plugin
Home Page: http://nyromodal.nyrodev.com/
All images have rel='gal'. When I click FIRST image, then . next, the first image does not close. All subsequent images work fine, except now the overlay is there twice (so is much darker) and first image is still "under" all other images.
Strangely, if I refresh this goes away temporarily, but comes back again if I click first image.
Happens same way on Firefox and IE7.
I just downloaded your great plugin!
But I am having an issue:
I included jquery.nyroModal.js but that doesn't work. It even won't give me an error message in firefox.
So I testest your http://nyromodal.nyrodev.com/js/jquery.nyroModal.custom.js and that just seems to work.
Another smaller issue I am having is that it creates a vertically scrollbar to every image in the gallery following your example, just by using that:
$(function() {
$('.nyroModal').nyroModal();
});
There is a small white line at the bottom of the image.
Note that I used the Yahoo CSS reset, but that didn't change anything.
Hi,
Your plugin is great but I have 2 little problem.
I open new window sie is great. But in this window I have button which reload the page and put new $_GET param. In the smarty I check this param if isset i add a little form. The problem is width size becouce widht is 50% and the height is ok. I tried put the width and height in index.tpl like :
My other problem are tabs. I have 3 tabs when the page load as first is ok. But when I change tab and click the title new page is load on new window not new popup. I have class="nyroModal" on the link.
when I try to upload file in modal or just submit form with enctype="multipart/form-data"
it will get error.
example . i create link "view profile" and open the modal window then in "view profile" page it have form field include file upload enctype="multipart/form-data".
and submit in that form i will show error. how should i fix it?
Hi, I have a page with a object of YouTube (youtube video), and when I
click on some nyroModal link, in Firefox, IE7, IE8, the video overlay the frame of the
nyroModal.
I tried to use z-index in a div with the youtube video inside, but the
problem could not be resolved.
Solution required. Any Help?
Thanks.
Hi,
I used to use earlier nyroModal version and, one of the features that I used many times was the creation of a modal (manually) and specifying the modal content, like this:
$.nyroModalManual({
content: data,
modal: true,
});
Now, I'm trying to migrate to this new version, but I could not find such feature...
Is this correct? Is there any workaround to enjoy of this functionallity?
Thank you very much!
Have noticed that when nyromodal is viewed in IE8 after scrolling a portion of the way down, the nyromodal window opens out of the viewable area as if it is fixed at the top of page. In other words, upon scrolling down the page and clicking a link that activates nyromodal, the nyromodal lightbox appears out of site and can only be seen by scrolling up again. The black opacity area also doesn't fill the screen. This only happens with IE. In Firefox it does not happen. I suspect there is a style issue that requires a fix.
Also, even with YouTube set to transparent and given an appropriate z-index, as well as nyromodal's z-index, YouTube is still showing on top of nyromodal.
Love nyro, just can't figure out what's happening at the moment.
(apologies if I'm re-posting - somehow my first issue went straight to 'closed')
Whatever image is first clicked in a session does not close - so if I start on image 5, then go to 6, 7, 8 etc. Then if I open 5 again and click next, #5 stays in the background. Next image and background overlay #5, but it never goes away. Only way is to click X to close both.
Then issue remains until page refresh.
Consistent between FF and IE.
I can show this happening on a live page if anyone has any clues.
I'm trying to open an nyromodal window with an iframe using target blank.
I need the iframe to be a specific size. I can't make the iframe look bigger. It's always the same size regardless what I do. Here's how I'm doing it:
$(function() {
$('.nyroModal').nyroModal({
sizes:{
minH:800,
minW:800
}
});
});
My link looks like this:
<a class="nyroModal" href="anyPage.php" " target="_blank">Open</a>
Right now it opens a modal with 800X800 as specified, but the contents of the iframe load in a different size (600 X 400) and I don't know where these dimensions come from or how to overwrite this.
Thanks for any help.
Than
Hi ,
I'm using firefox 3.6.13 .
and when i click in DEMO page "Gallery Img 1" link image and click outside area without click close(or click close) or just click next then click outside area to close Gallery Photo.
after than i click on the "Gallery Img 1" link again then click Next to see next photo.
the bug will happen. the modal will open new modal and new modal again when u click on next or prev .
when use modal in modal it will open 2 windows
example code.
[code]
<form action="test.php" class="nyroModal">
name : <input type="input">
<a href="check.php" class="nyroModal"&ht;check</a>
<input type="submit">
</form>
[/code]
wheck i click on "check" it will open 2 URLs and 2 windows.
so , it should open only "check" URL
and also when i send POST data with enctype="multipart/form-data"
it will get some error
Hi, everyone!
I'm trying to close the modal window from a iframe in the following way
But when I click on the link, I get index page of my site inside Iframe.
PS: Incidentally, the example on the main page (Automatic Iframe via target=_blank) does not work either ;)
Where is the custom/complete nyroModel?
And why isn't it listed on github?
I want to change the min Height to 150 of the modal of hidden div! but I try the following code it doesn't work.
options = { sizes : {initW: 700, initH: 150, w: 700, h: 150, wMargin: 5, hMargin: 5} };
$('#loginLnk').nm(options);
Does anyone have the documentation for 1.6.2 and can send it to me or link me? I had bad timing with this plugin and tried it out just before he updated without getting a copy of docs.
Thanks for your help!
I've recently updated from nyroModal 1.6.2 to v2 and I'm having trouble getting my modal windows to look how they used to.
I can't seem to get a window with 0 padding within it, or the specific size I want. My old code was:
$.nyroModalSettings({
padding: 0,
height: 600,
width: 600
});
I'm trying to do the same with the sizes property but it doesn't seem to work:
$('.nyroModal').nyroModal({
sizes: {
initW: 600,
initH: 600,
w: 600,
h: 600,
minW: 600,
minH: 600,
wMargin: 0,
hMargin: 0
}
});
how to validation with nyromodal v2. On v1.6.x i use this code :
<script language="javascript"> $("#updateform").validate({ submitHandler: function(form) { $(form).nyroModalManual(); } }); </script>and it's working, but not on this version.
anyone could help me ???
Tq
Hi
This is more of a heads-up. Safari has this weird issue where it will cache an iFrame based on its ID. When you don't set an ID, Safari treats all iFrames as the same.
I've only seen this issue when working with iFrames in lightbox-style situations however it is definitely a real concern.
The solution is to generate a unique ID when building the iFrame, for example
var iframe = $('<iframe>').attr('id', 'nyromodal-iframe-' + new Date().getTime());
Cheers
it's a great plugin for jquery, but where is "jquery.nyroModal.complete.js"?
Hello,
The resize() function doesn't autoresize the nyromodal, but seems to use the sizes.initH & sizes.initW parameters. It doesn't recalculated size with the current nyroModal content.
I just started using nyroModal and passing width and height doesn't appear to be working so I'm trying to find more examples of the syntax used. I set the minWidth and minHeight to a value as a default and tried to alter another layer using it, but it's not responding in any browser I've tried (e.g. IE8, FF3+, Chrome). Do you have more samples of the options usage as well?
$(function() {
$('.class1.nyroModal a').nyroModal();
$('#anotherLayer a').nyroModal({
width: 700,
height: 400
});
});
I only want 1 modal box to exist... setting stack: false in _nmObj doesn't do it.
How do I always open a followed link in a iframe without using "target='_blank'"?
I'm trying to figure out how it should work... But nothing working :( This is wat I have:
<script type="text/javascript"> $(function () { $("a.overlay").nyroModal({ filter: ['iframeForm'], loadFilter: 'iframeForm' }); }); </script>But that does not work... And I can't find any other config options... Using the Manual option gives the same results :(
Thanks for your help!
In this case, it was a Vimeo video.
Tried it in IE 7 and 8.
I'm using Firefox , IE6 ,IE 7 , IE 8 and get error.
when i click link to open modal ajax and I click link in that modal to open new page or reload in modal it's not reload or not working if click same link and found error.
Webpage error details
Message: 'data(...).elts' is null or not an object
Line: 225
Char: 6
Code: 0
URI: http://localhost/java/nyroModal/js/jquery.nyroModal.custom.js
----------- the error line is --------
if (!this.stack && this.getInternal().stack.length > 1)
this.elts = $(_internal.stack[_internal.stack.length-2]).data('nmObj').elts; <--
Thank you for great Modal
I recently upgraded a site I was working on to the 2.0 version of the plug-in, but can't get the basic set-up to work properly. I've posted two test pages to demonstrate the issue:
http://www.crystdesign.com/github/basic.html (the basic install—view the source for details)
http://www.crystdesign.com/github/custom.html (using the custom version of the .js file—view the source for details)
The Basic set-up won't open in a nyroModal window but the custom version will. I'm at a loss—I've poured over the code repeatedly and haven't been able figure out what to do.
I can't use the custom version of the .js file on the actual site because the Links, Gallery and related filters/add-ons interfere with the functionality of the pages being shown within the modal window.
Any help would be appreciated!
I just started using nyroModal. I tried my best to understand and get my code working but in vain. This is what I am trying to accomplish. I am showing a form, having "Save" link, on the modalbox and on clicking th Save button an ajax request is sent to update the DB (works fine till this point) and on ajax success I want to show "Update Success!" on the modal box(it should resize to fit this content) and after a sec the modal box should fadeout. I am just looking for a basic syntax to do this. Any help is appreciated. This is my current code.
$("#createtaskslink").live("click",function(){
$.ajax({url:"ajax/tasksajax.php"
,async: false
,data: { action: 1
,taskdesc:'hello' }
,success:function(data){
// i want to resize now to show just Update Success
$.nmData("Update Success!",{
callbacks: {
afterShowCont: function(nm){
nm.close();
}
}
});
}
});
});
Thanks,
Krishna.
Hi.
Currently nyroModal supports one so-called content section which gets scrollbar when its content is very long. I often need to implement modal windows with header and footer so that they are always visible and only the content section scrolls if necessary (if content is longer than viewport height minus header height minus footer height).
It would be really helpful if we could use a native 3 section template (fixed-height header, dynamic content and fixed-height footer) and custom HTML in all 3 sections.
What do you think of it?
Hi,
I want to redirect the page as soon as the nyroModal window closes. I understand I need a filter (?), but how do I do this? My current script is:
<script type="text/javascript">
$(function() {
$('.nyroModal').nyroModal({
sizes: {
minH: 550,
minW: 750
}
});
});
Thanks in advance!
There is a syntax error on line 1113:
1112: url: nm.store.link.url,
1113: data: nm.store.link.sel ? {nm.selIndicator: nm.store.link.sel} : undefined,
1114: success: function(data) {
This is from version 2.0.0.
Hi ,
I'm using firefox 3.6.13 .
and when i click in DEMO page "Gallery Img 1" link image and click outside area without click close(or click close) or just click next then click outside area to close Gallery Photo.
after than i click on the "Gallery Img 1" link again then click Next to see next photo.
the bug will happen. the modal will open new modal and new modal again when u click on next or prev .
How to auto close nyromodal v2 ( example : using settimeout ) ??? thx
Just in case you closed tickets to get to you please see the most recent comment on issue 36.
You have a syntax error somewhere as the examples does not work.
Also can you please post a link to the old version you had? with the documentation related to the old version?
I loaded the latest jquery from googleapis and could not work out why it was failing on IE8 until I looked at the jquery versions. I downgraded from JQ 1.5 to 1.4.4 and all is fine.
All was fine with JQ 1.5 on Chrome and FF
Hi Guys, I am using the NyroModal for the popup window, the popup window in IE8 does not scroll when u scroll the page. But in mozilla thats not the case.
It will be great, if someone could help me with this
when click on href with nyromodal....dotnetnuke menu conflict with nyromodal frame..
Sorry to trouble you again.
I used the "create.php" to create my own "nyroModal.js". I chose all the items.
This is my first try on using it, but it doesn't work, is there any mistakes?
Hello,
On my site, certain things are showing up above the modal and certain arent, however none of them have any absolute positioning / z-indexing. It appears the modal you're using doesn't use any z-indexing either, this didn't happen with the last version, any tips?
Thanks.
i would like to use custom close from iframe how can i do?
because when i click close modal i want it to return some script to main page.
example in A tag
onclick="add_picture('my_photo.png'); class="nyroModalClose"
it's working with aJax but not working with iFrame
I have
click me
when I add nyroModal to it, the image opens up in a modal with raw data like this
https://skitch.com/thomasolausson/rgf7s/image-raw-data
any ideas why? (chrome and safari)
See here my example:
http://www.deine-berge.de/test/nyro.html
Whats wrong with this?
Hello, I need to submit a form with the target to a iframe and after he sued to close the window.
have:
the index that calls nyroModal
index2 with the form and the iframe
and the prc_teste.html which has the function
$(function() {
$.nmTop().close();
alert("Área alterada com sucesso!");
});
but when he talks about ending nmTop is not a function.
Can you please maintain the changelog on your site, to see what updates you have added into v2
In nyroModal 1.x regexImage
setting allowed to easily manipulate which links were treated as images.
Hi,
I want install it but I can't ;/
I add to head
I add this button in body
Ajax Filtering Content #blabla
I want open in popup my url but it is open new tabs ;/
i try:
$('.nyroModal').nyroModal(filters:[Iframe]);
and
$('.nyroModal').nyroModal().nmFilters(Iframe);
and
$.nmFilters(Iframe);
$('.nyroModal').nyroModal();
It does not work, if you could give me an example of how to use it please.
PD: previously added "type: iframe" in settings
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.