I love the elegance of iziModal.js and I would like to switch to it on my website. However, during tests I'm having problems opening the modal. Everything works as it should except that the overlay opens on top of the modal window. Ive tried to fiddle with the css and the js but cannot make it happen. The only way you can interact with the modal window is by using "overlay: false" or change "zindex:" to a very high number like 9999999999999999999999999 both options opening the modal without overlay.
Can you help with this issue, please?
Example can be seen on
https://squareplate.co.uk/3
The website is still in development :)
Scroll down to the "Report error" and "Claim listing" area and click on the "modal" link to see it in action.
Florin, Thank you for your feedback. This and other improvements you find in the next update of iziModal (v1.5.0). I promise it will be soon.
Managed to fix it by enclosing the whole website content in a div with id body between <body> and </body> and change the iziModal.js from
that.$overlay.appendTo('body'); to that.$overlay.appendTo('#body');
Now everything works great...
Folks,
I have a website template where i have a gallery. When i click on the image it opens in a new window although the template has a Jquery ( Lightbox ) which probably causes the photographs to come in a pop up. I am not able to use it owing to lack of technical know how. I tried a lot but am not getting any success. Can someone have a look and help me out.
Here is the link to the files
Kindly open them in Visual Studio. Thanks a lot.
Refer the following link and make changes accordingly to your code,understand it and Implement.
http://www.aspdotnet-suresh.com/2011/12/jquery-lightbox-image-slideshow-gallary.html
I´m working in a project, and they want that call a pop up with a svg, i have the code of svg file, in html, and in this file i have some links, and when you click the link, this information go to the father html page!
If someone help me, i really thanks!
PD: Sorry for my english -.-
Have a look at window.opener (https://developer.mozilla.org/en-US/docs/Web/API/Window.opener) and use that to affect your window from the popup.
I've done so much search but can't find any working solution to my problem. I've got a lightbox on my page, when I put a 'print' button and on lightbox layer click it, it prints the whole page but I'd like it to print only the image opened via lightbox. Is this possible? I think I need a bit of JS but really don't know how to do, can you help me?
Maybe this is helpful http://sandbox.tse-webdesign.be/lightbox-print/
or answer to this question Making a lightbox support printing on web page
The page I am working on has a javascript function executed to print parts of the page.
For some reason, printing in Safari, causes the window to somehow update. I say somehow, because it does not really refresh as in reload the page, but rather it starts the "rendering" of the page from start, i.e. scroll to top, flash animations start from 0, and so forth.
The effect is reproduced by this fiddle: http://jsfiddle.net/fYmnB/
Clicking the print button and finishing or cancelling a print in Safari causes the screen to "go white" for a sec, which in my real website manifests itself as something "like" a reload. While running print button with, let's say, Firefox, just opens and closes the print dialogue without affecting the fiddle page in any way.
Is there something with my way of calling the browsers print method that causes this, or how can it be explained - and preferably, avoided?
P.S.: On my real site the same occurs with Chrome. In the example fiddle Chrome seems to not show the same behaviour as Safari, though.
Edit: I also tried to have the printing button on a different tag than an a anchor, like span or button, but that didn't help with the problem.
Edit: I run into this problem with Safari 5.1.2 on Mac OS 10.6.8. In the jsfiddle example, the behavior shows as a white "flicker" that covers the whole browser after having clicked the print button and closing (either printing or aborting) the print dialogue.
Edit: Just started a bounty for this question, as I am still looking for an explanation for this browser behaviour. I am more than willing to give more details on the issue. From my experience on SO it is not adviseable to post links to online pages, however I feel the problem is really hard to reproduce. I think the "flicker & re-render" I experience with the posted jsfiddle is hopefully is result of the same problem.
Edit: As explained in the comments, opening a new window containing the current state of the application, then printing and closing that window, might be a fix, but I don't consider it a sufficient answer to the problem at hand.
If you can't figure a way to fix the problem you might get a quick fix this way:
var win=window.open() the same page you are on
then win.print() it, then win.close(). Hope this helps.
Sadly, I don't have a solution. but since I was able to reproduce this in Safari and Webkit with the fiddle, I thought I'll at least offer my observations:
The white-out doesn't happen if you hit Print dialog button right away. You need to wait few seconds before you hit Print to be able to see the white. On OSX 10.6.8 I see the threshold marked by appearance of the spinning beachball.
When the mouse stays stationary since the Print button hit, the page stays white until you move the mouse again (beachball still spinning).
Hope this will help somehow.
I'm not sure if this will fix your problem but i recently found a very good Jquery plugin to print only certain part of your webpage.
You should give it a try :) It has a some very cool parameters to customize it to your needs.
Take a look here.
Why does your page refresh? Here's my answer on that. the window.print() function will print the entire content of your page. So since i read that you only want to print a part of the page, I guess you are using some function to remove all unwanted content from the page for a very short moment, then you call the window.print() function and after that you put all orignal content again on the screen. This results in a very short flash that will look like your page is refreshing and will load all flash parts again.
I had the same problem yesterday and this jquery plugin really helped me out. I hope it will help you too.
Have a nice day!
Since it seems window.print() is not part of any standard, browsers are free to implement it in any way they choose.
The only work-around I can see, if you really have to leave the page as-is, would be to open another window and print that. Which is a whole other, possibly worse, can of worms.
Try this in your function:
document.write("<script type='text/javascript'>window.print()</script>");
I am referencing this stack:
After window.open, can't print in Safari for Mac
Update, Try:
document.writeln("<script type='text/javascript'>window.print()</script>");