Comments (7)
Probably has to do with the layers. After binding with ImageMapster the topmost layer has opacity: 0, it sounds as if this baffles IE when printing. There is no reason it shouldn't work (I mean, if you can see it, it should print) but IE8 has a lot of issues of course.
I tried to get around this by intervening in a print (e.g. add a "print" button) and hiding the image map, then show it again after the print is done. (ImageMapster makes a copy of the image - so this would leave just the copy and the effects, not the hidden original image)
I just tried this and it does print the image in IE8. However it does not print any of the VML effects so not sure if this solves your problem.
It may just be that VML doesn't print at all. When I just do a regular "print preview" (not using the print link I created) it still doesn't show any of the VML effects either.
from imagemapster.
It didn't seem to work for me:
The part I don't understand is:
jQuery("#map").parent().bind('mouseover.print',function()
{
jQuery("#map").css('display','block');
jQuery("#map").parent().unbind('mouseover.print');
});
I already had a print button, here is what I did:
jQuery(".print_button").click(function()
{
jQuery("#map").parent().bind('mouseover.print',function()
{
jQuery("#map").css('display','block');
jQuery("#map").parent().unbind('mouseover.print');
});
jQuery("#map").css('display','none');
window.print();
return false;
});
from imagemapster.
That's used to detect when the print dialog closes so I can put things back to the way they were before. Since there's no built-in way to know when the user is done printing, I just added a mousemove handler to the wrapper, and then clean up when that happens by restoring the "display" css of the image and removing the handler.
The code looks good, what happens when you print? Do you see the image at all? Just so I am sure what the problem is, are you seeing nothing at all when you print, or are you just not seeing the effects as a result of something being selected?
from imagemapster.
It works actually, I just wish the highlights would show up :(
from imagemapster.
You might try some other approaches. If IE8 just can't print VML, then you're stuck, but if it's something with the css and layers with imagemapster, then you could try copying all the VML into another div and hiding the ImageMapster one entirely.
e.g.
var wrap = $("#map").parent();
// create a new div with a copy of everything in the imagemapster wrapper *except* the hidden image
var newDiv = $('<div></div>').append(wrap.children().clone().remove('#map'));
wrap.after(newDiv);
wrap.hide();
newDiv.show();
... then remove newDiv & show wrap again in that callback function when the print is done. Might make a difference. If not I'm guessing IE8 just can't print VML markup.
from imagemapster.
Any luck with this? I would like to close the issue either as resolved or "no known solution". I don't think this is a bug with imagemapster.
from imagemapster.
You can close
Chris Muench
Sent from my iPhone
On Jun 21, 2012, at 7:52 AM, James Treworgy
[email protected]
wrote:
Any luck with this? I would like to close the issue either as resolved or "no known solution". I don't think this is a bug with imagemapster.
Reply to this email directly or view it on GitHub:
#49 (comment)
from imagemapster.
Related Issues (20)
- Visual 'selection' cannot be removed via API when `staticState === true`
- area w/ `staticState === false` that has been selected via API becomes unselected when clicking another area
- `select`/`set` options not applied or not applied correctly
- Change tooltips dinamically HOT 1
- singleSelect not respected when `selected` === true on map config and/or multiple area config HOT 1
- Rename default branch to main HOT 4
- Uncaught RangeError: Maximum call stack size exceeded when includeKeys has circular reference
- Inconsistent/Unexpected behavior when clicking area that has includeKeys
- onConfigured not called after rebind
- areas appears selected in UI after rebind even though its selected state !== true HOT 1
- some options (e.g. wrapClass) are not applied after rebind
- onGetList not called when isSelectable !== true
- tests not waiting for onConfigured before continuing
- [📘] rebind docs are not correct regarding preserving selected state
- jsFiddle demos are all broken HOT 6
- Incorrect reference to navigateMode config option name
- Safari's OCR/Live Text is blocking image zones HOT 3
- [TouchScreen only] Weird highlight glitch when touch on the other area beside the map. HOT 5
- this.activeToolTip.stop is not a function HOT 2
- Export image HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from imagemapster.