2 * Jalview - A Sequence Alignment Editor and Viewer ($$Version-Rel$$)
3 * Copyright (C) $$Year-Rel$$ The Jalview Authors
5 * This file is part of Jalview.
7 * Jalview is free software: you can redistribute it and/or
8 * modify it under the terms of the GNU General Public License
9 * as published by the Free Software Foundation, either version 3
10 * of the License, or (at your option) any later version.
12 * Jalview is distributed in the hope that it will be useful, but
13 * WITHOUT ANY WARRANTY; without even the implied warranty
14 * of MERCHANTABILITY or FITNESS FOR A PARTICULAR
15 * PURPOSE. See the GNU General Public License for more details.
17 * You should have received a copy of the GNU General Public License
18 * along with Jalview. If not, see <http://www.gnu.org/licenses/>.
19 * The Jalview Authors are detailed in the 'AUTHORS' file.
23 import jalview.api.AlignExportSettingI;
24 import jalview.api.FeatureRenderer;
25 import jalview.datamodel.AlignmentExportData;
26 import jalview.datamodel.SequenceI;
27 import jalview.gui.AlignViewport;
28 import jalview.gui.AlignmentPanel;
29 import jalview.gui.HTMLOptions;
30 import jalview.gui.IProgressIndicator;
31 import jalview.gui.OOMWarning;
32 import jalview.math.AlignmentDimension;
33 import jalview.util.MessageManager;
35 import java.awt.Color;
36 import java.awt.FontMetrics;
37 import java.awt.Graphics;
38 import java.awt.print.Printable;
39 import java.awt.print.PrinterException;
41 import java.io.FileOutputStream;
43 import org.jfree.graphics2d.svg.SVGGraphics2D;
44 import org.jfree.graphics2d.svg.SVGHints;
46 public class HtmlSvgOutput
54 private IProgressIndicator pIndicator;
56 private long pSessionId;
58 private boolean headless;
60 public HtmlSvgOutput(File file, AlignmentPanel ap)
64 fr = ap.cloneFeatureRenderer();
65 generateHtmlSvgOutput(file);
68 public void generateHtmlSvgOutput(File file)
70 pIndicator = ap.alignFrame;
71 pSessionId = System.currentTimeMillis();
74 headless = (System.getProperty("java.awt.headless") != null && System
75 .getProperty("java.awt.headless").equals("true"));
78 setProgressMessage(MessageManager.formatMessage(
79 "status.waiting_for_user_to_select_output_file", "HTML"));
80 JalviewFileChooser chooser = getHTMLChooser();
81 chooser.setFileView(new jalview.io.JalviewFileView());
82 chooser.setDialogTitle(ap.alignFrame.getTitle());
83 chooser.setToolTipText(MessageManager.getString("action.save"));
84 int value = chooser.showSaveDialog(ap.alignFrame);
86 if (value == jalview.io.JalviewFileChooser.APPROVE_OPTION)
88 jalview.bin.Cache.setProperty("LAST_DIRECTORY", chooser
89 .getSelectedFile().getParent());
90 file = chooser.getSelectedFile();
91 ap.alignFrame.repaint();
95 setProgressMessage(MessageManager.formatMessage(
96 "status.cancelled_image_export_operation", "HTML"));
100 } catch (Exception e)
102 pIndicator.setProgressBar(MessageManager.formatMessage(
103 "info.error_creating_file", "HTML"), pSessionId);
107 final File fileX = file;
115 setProgressMessage(null);
116 setProgressMessage(MessageManager.formatMessage(
117 "status.exporting_alignment_as_x_file", "HTML"));
118 AlignmentDimension aDimension = ap.getAlignmentDimension();
119 SVGGraphics2D g1 = new SVGGraphics2D(aDimension.getWidth(),
120 aDimension.getHeight());
121 SVGGraphics2D g2 = new SVGGraphics2D(aDimension.getWidth(),
122 aDimension.getHeight());
124 String renderStyle = jalview.bin.Cache.getDefault(
125 "HTML_RENDERING", "Prompt each time");
127 // If we need to prompt, and if the GUI is visible then
128 // Prompt for rendering style
129 if (renderStyle.equalsIgnoreCase("Prompt each time")
130 && !(System.getProperty("java.awt.headless") != null && System
131 .getProperty("java.awt.headless").equals("true")))
133 HTMLOptions svgOption = new HTMLOptions();
134 renderStyle = svgOption.getValue();
136 if (renderStyle == null || svgOption.cancelled)
138 setProgressMessage(MessageManager.formatMessage(
139 "status.cancelled_image_export_operation", "HTML"));
144 if (renderStyle.equalsIgnoreCase("Lineart"))
146 g1.setRenderingHint(SVGHints.KEY_DRAW_STRING_TYPE,
147 SVGHints.VALUE_DRAW_STRING_TYPE_VECTOR);
148 g2.setRenderingHint(SVGHints.KEY_DRAW_STRING_TYPE,
149 SVGHints.VALUE_DRAW_STRING_TYPE_VECTOR);
151 if (av.getWrapAlignment())
153 printWrapped(aDimension.getWidth(), aDimension.getHeight(), 0,
158 printUnwrapped(aDimension.getWidth(), aDimension.getHeight(), 0,
162 String titleSvgData = g1.getSVGDocument();
163 String alignSvgData = g2.getSVGDocument();
164 String jsonData = null;
165 boolean isEmbbedBioJSON = Boolean.valueOf(jalview.bin.Cache
166 .getDefault("EXPORT_EMBBED_BIOJSON", "true"));
169 AlignExportSettingI exportSettings = new AlignExportSettingI()
172 public boolean isExportHiddenSequences()
178 public boolean isExportHiddenColumns()
184 public boolean isExportAnnotations()
190 public boolean isExportFeatures()
196 public boolean isExportGroups()
202 public boolean isCancelled()
208 AlignmentExportData exportData = jalview.gui.AlignFrame
209 .getAlignmentForExport(JSONFile.FILE_DESC, av,
211 jsonData = new FormatAdapter(ap, exportData.getSettings())
212 .formatSequences(JSONFile.FILE_DESC,
213 exportData.getAlignment(),
214 exportData.getOmitHidden(),
215 exportData.getStartEndPostions(),
216 av.getColumnSelection());
218 String htmlData = getHtml(titleSvgData, alignSvgData, jsonData,
219 av.getWrapAlignment());
220 FileOutputStream out = new FileOutputStream(fileX);
221 out.write(htmlData.getBytes());
224 if (!(System.getProperty("java.awt.headless") != null && System
225 .getProperty("java.awt.headless").equals("true")))
227 jalview.util.BrowserLauncher.openURL("file:///" + fileX);
229 } catch (OutOfMemoryError err)
231 System.out.println("########################\n"
232 + "OUT OF MEMORY " + fileX + "\n"
233 + "########################");
234 new OOMWarning("Creating Image for " + fileX, err);
235 } catch (Exception e)
238 pIndicator.setProgressBar(MessageManager.formatMessage(
239 "info.error_creating_file", "HTML"), pSessionId);
241 setProgressMessage(MessageManager.formatMessage(
242 "status.export_complete", "HTML"));
248 private void setProgressMessage(String message)
250 if (pIndicator != null && !headless)
252 pIndicator.setProgressBar(message, pSessionId);
256 System.out.println(message);
260 static JalviewFileChooser getHTMLChooser()
262 return new jalview.io.JalviewFileChooser(
263 jalview.bin.Cache.getProperty("LAST_DIRECTORY"),
264 new String[] { "html" },
265 new String[] { "Hypertext Markup Language" },
266 "Hypertext Markup Language");
269 public int printUnwrapped(int pwidth, int pheight, int pi, Graphics... pg)
270 throws PrinterException
272 int idWidth = ap.getVisibleIdWidth(false);
273 FontMetrics fm = ap.getFontMetrics(av.getFont());
274 int scaleHeight = av.getCharHeight() + fm.getDescent();
276 pg[0].setColor(Color.white);
277 pg[0].fillRect(0, 0, pwidth, pheight);
278 pg[0].setFont(av.getFont());
280 // //////////////////////////////////
281 // / How many sequences and residues can we fit on a printable page?
282 int totalRes = (pwidth - idWidth) / av.getCharWidth();
283 int totalSeq = (pheight - scaleHeight) / av.getCharHeight() - 1;
284 int pagesWide = (av.getAlignment().getWidth() / totalRes) + 1;
286 // ///////////////////////////
287 // / Only print these sequences and residues on this page
290 // ///////////////////////////
291 // / Only print these sequences and residues on this page
294 // ///////////////////////////
295 // / Only print these sequences and residues on this page
298 // ///////////////////////////
299 // / Only print these sequences and residues on this page
301 startRes = (pi % pagesWide) * totalRes;
302 endRes = (startRes + totalRes) - 1;
304 if (endRes > (av.getAlignment().getWidth() - 1))
306 endRes = av.getAlignment().getWidth() - 1;
308 startSeq = (pi / pagesWide) * totalSeq;
309 endSeq = startSeq + totalSeq;
310 if (endSeq > av.getAlignment().getHeight())
312 endSeq = av.getAlignment().getHeight();
314 int pagesHigh = ((av.getAlignment().getHeight() / totalSeq) + 1)
316 if (av.isShowAnnotation())
318 pagesHigh += ap.getAnnotationPanel().adjustPanelHeight() + 3;
320 pagesHigh /= pheight;
321 if (pi >= (pagesWide * pagesHigh))
323 return Printable.NO_SUCH_PAGE;
327 pg[1].translate(0, 0);
328 ap.getScalePanel().drawScale(pg[1], startRes, endRes, pwidth - idWidth,
330 pg[1].translate(-idWidth, scaleHeight);
334 Color currentColor = null;
335 Color currentTextColor = null;
336 pg[0].translate(0, scaleHeight);
337 pg[0].setFont(ap.getIdPanel().getIdCanvas().getIdfont());
339 for (int i = startSeq; i < endSeq; i++)
341 seq = av.getAlignment().getSequenceAt(i);
342 if ((av.getSelectionGroup() != null)
343 && av.getSelectionGroup().getSequences(null).contains(seq))
345 currentColor = Color.gray;
346 currentTextColor = Color.black;
350 currentColor = av.getSequenceColour(seq);
351 currentTextColor = Color.black;
353 pg[0].setColor(currentColor);
354 pg[0].fillRect(0, (i - startSeq) * av.getCharHeight(), idWidth,
356 pg[0].setColor(currentTextColor);
358 if (av.isRightAlignIds())
360 fm = pg[0].getFontMetrics();
362 - fm.stringWidth(seq.getDisplayId(av.getShowJVSuffix()))
365 pg[0].drawString(seq.getDisplayId(av.getShowJVSuffix()), xPos,
366 (((i - startSeq) * av.getCharHeight()) + av.getCharHeight())
367 - (av.getCharHeight() / 5));
369 pg[0].setFont(av.getFont());
370 pg[0].translate(idWidth, 0);
372 // draw main sequence panel
373 pg[1].translate(idWidth, 0);
374 ap.getSeqPanel().seqCanvas.drawPanel(pg[1], startRes, endRes, startSeq,
376 if (av.isShowAnnotation() && (endSeq == av.getAlignment().getHeight()))
378 // draw annotation label - need to offset for current scroll position
379 int offset = -ap.getAlabels().getScrollOffset();
380 pg[0].translate(0, offset);
381 pg[0].translate(-idWidth - 3,
382 (endSeq - startSeq) * av.getCharHeight() + 3);
383 ap.getAlabels().drawComponent(pg[0], idWidth);
384 pg[0].translate(idWidth + 3, 0);
385 pg[0].translate(0, -offset);
387 // draw annotation - need to offset for current scroll position
388 pg[1].translate(0, offset);
389 pg[1].translate(-idWidth - 3,
390 (endSeq - startSeq) * av.getCharHeight() + 3);
391 pg[1].translate(idWidth + 3, 0);
392 ap.getAnnotationPanel().renderer.drawComponent(
393 ap.getAnnotationPanel(), av, pg[1], -1, startRes, endRes + 1);
394 pg[1].translate(0, -offset);
397 return Printable.PAGE_EXISTS;
400 public int printWrapped(int pwidth, int pheight, int pi, Graphics... pg)
401 throws PrinterException
403 return ap.printWrappedAlignment(pg[1], pwidth, pheight, pi);
406 private String getHtml(String titleSvg, String alignmentSvg,
407 String jsonData, boolean wrapped)
409 StringBuilder htmlSvg = new StringBuilder();
410 htmlSvg.append("<html>\n");
411 if (jsonData != null)
413 htmlSvg.append("<button onclick=\"javascipt:openJalviewUsingCurrentUrl();\">Launch in Jalview</button> ");
414 htmlSvg.append("<input type=\"submit\" value=\"View raw BioJSON Data\" onclick=\"jQuery.facebox({ div:'#seqData' }); return false;\" />");
415 htmlSvg.append("<div style=\"display: none;\" name=\"seqData\" id=\"seqData\" >"
416 + jsonData + "</div>");
417 htmlSvg.append("<br/> ");
419 htmlSvg.append("\n<style type=\"text/css\"> "
420 + "div.parent{ width:100%;<!-- overflow: auto; -->}\n"
421 + "div.titlex{ width:11%; float: left; }\n"
422 + "div.align{ width:89%; float: right; }\n"
423 + "div.main-container{ border: 2px solid blue; border: 2px solid blue; width: 99%; min-height: 99%; }\n"
424 + ".sub-category-container {overflow-y: scroll; overflow-x: hidden; width: 100%; height: 100%;}\n"
425 + "object {pointer-events: none;}");
426 if (jsonData != null)
428 // facebox style sheet for displaying raw BioJSON data
429 htmlSvg.append("#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }\n"
430 + "#facebox .popup{ position:relative; border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px;"
431 + "-moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);"
432 + "box-shadow:0 0 18px rgba(0,0,0,0.4); }\n"
433 + "#facebox .content { display:table; width: 98%; padding: 10px; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px;"
434 + " border-radius:4px; }\n"
435 + "#facebox .content > p:first-child{ margin-top:0; }\n"
436 + "#facebox .content > p:last-child{ margin-bottom:0; }\n"
437 + "#facebox .close{ position:absolute; top:5px; right:5px; padding:2px; background:#fff; }\n"
438 + "#facebox .close img{ opacity:0.3; }\n"
439 + "#facebox .close:hover img{ opacity:1.0; }\n"
440 + "#facebox .loading { text-align: center; }\n"
441 + "#facebox .image { text-align: center;}\n"
442 + "#facebox img { border: 0; margin: 0; }\n"
443 + "#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }\n"
444 + ".facebox_hide { z-index:-100; }\n"
445 + ".facebox_overlayBG { background-color: #000; z-index: 99; }");
447 htmlSvg.append("</style>");
450 htmlSvg.append("<div class=\"main-container\" \n>");
451 htmlSvg.append("<div class=\"titlex\">\n");
452 htmlSvg.append("<div class=\"sub-category-container\"> \n");
453 htmlSvg.append(titleSvg);
454 htmlSvg.append("</div>");
455 htmlSvg.append("</div>\n\n<!-- ========================================================================================== -->\n\n");
456 htmlSvg.append("<div class=\"align\" >");
458 "<div class=\"sub-category-container\"> <div style=\"overflow-x: scroll;\">")
459 .append(alignmentSvg).append("</div></div>").append("</div>");
460 htmlSvg.append("</div>");
462 htmlSvg.append("<script language=\"JavaScript\" type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js\"></script>\n"
463 + "<script language=\"JavaScript\" type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js\"></script>\n"
465 + "var subCatContainer = $(\".sub-category-container\");\n"
466 + "subCatContainer.scroll(\nfunction() {\n"
467 + "subCatContainer.scrollTop($(this).scrollTop());\n});\n");
469 htmlSvg.append("</script>\n");
473 htmlSvg.append("<div>\n")
474 .append(alignmentSvg).append("</div>");
475 htmlSvg.append("<script language=\"JavaScript\" type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js\"></script>\n"
476 + "<script language=\"JavaScript\" type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js\"></script>\n");
480 // javascript for launching file in Jalview
482 htmlSvg.append("<script language=\"JavaScript\">\n");
483 htmlSvg.append("function openJalviewUsingCurrentUrl(){\n");
484 htmlSvg.append(" var json = JSON.parse(document.getElementById(\"seqData\").innerHTML);\n");
485 htmlSvg.append(" var jalviewVersion = json['appSettings'].version;\n");
486 htmlSvg.append(" var url = json['appSettings'].webStartUrl;\n");
487 htmlSvg.append(" var myForm = document.createElement(\"form\");\n\n");
488 htmlSvg.append(" var heap = document.createElement(\"input\");\n");
489 htmlSvg.append(" heap.setAttribute(\"name\", \"jvm-max-heap\") ;\n");
490 htmlSvg.append(" heap.setAttribute(\"value\", \"2G\");\n\n");
491 htmlSvg.append(" var target = document.createElement(\"input\");\n");
492 htmlSvg.append(" target.setAttribute(\"name\", \"open\");\n");
493 htmlSvg.append(" target.setAttribute(\"value\", document.URL);\n\n");
494 htmlSvg.append(" var jvVersion = document.createElement(\"input\");\n");
495 htmlSvg.append(" jvVersion.setAttribute(\"name\", \"version\") ;\n");
496 htmlSvg.append(" jvVersion.setAttribute(\"value\", jalviewVersion);\n\n");
497 htmlSvg.append(" myForm.action = url;\n");
498 htmlSvg.append(" myForm.appendChild(heap);\n");
499 htmlSvg.append(" myForm.appendChild(target);\n");
500 htmlSvg.append(" myForm.appendChild(jvVersion);\n");
501 htmlSvg.append(" document.body.appendChild(myForm);\n");
502 htmlSvg.append(" myForm.submit() ;\n");
503 htmlSvg.append(" document.body.removeChild(myForm);\n");
504 htmlSvg.append("}\n");
506 // jquery facebox for displaying raw BioJSON data");
507 if (jsonData != null)
509 htmlSvg.append("/* Facebox (for jQuery)\n");
510 htmlSvg.append("* version: 1.3\n");
511 htmlSvg.append(" * @requires jQuery v1.2 or later\n");
512 htmlSvg.append(" * @homepage https://github.com/defunkt/facebox\n");
513 htmlSvg.append(" * Licensed under the MIT:\n");
514 htmlSvg.append(" * http://www.opensource.org/licenses/mit-license.php\n");
515 htmlSvg.append(" * Copyright Forever Chris Wanstrath, Kyle Neath\n");
516 htmlSvg.append(" * Usage:\n");
517 htmlSvg.append(" * jQuery(document).ready(function() {\n");
518 htmlSvg.append(" * jQuery('a[rel*=facebox]').facebox()\n");
519 htmlSvg.append(" * })\n");
520 htmlSvg.append(" * <a href=\"#terms\" rel=\"facebox\">Terms</a>\n");
521 htmlSvg.append(" * Loads the #terms div in the box\n");
522 htmlSvg.append(" * <a href=\"terms.html\" rel=\"facebox\">Terms</a>\n");
523 htmlSvg.append(" * Loads the terms.html page in the box\n");
524 htmlSvg.append(" * <a href=\"terms.png\" rel=\"facebox\">Terms</a>\n");
525 htmlSvg.append(" * Loads the terms.png image in the box\n");
526 htmlSvg.append(" * You can also use it programmatically:\n");
527 htmlSvg.append(" * jQuery.facebox('some html')\n");
528 htmlSvg.append(" * jQuery.facebox('some html', 'my-groovy-style')\n");
529 htmlSvg.append(" * The above will open a facebox with \"some html\" as the content.\n");
530 htmlSvg.append(" * jQuery.facebox(function($) {\n");
531 htmlSvg.append(" * $.get('blah.html', function(data) { $.facebox(data) })\n");
532 htmlSvg.append(" * })\n");
533 htmlSvg.append(" * The above will show a loading screen before the passed function is called,\n");
534 htmlSvg.append(" * allowing for a better ajaxy experience.\n");
535 htmlSvg.append(" * The facebox function can also display an ajax page, an image, or the contents of a div:\n");
536 htmlSvg.append(" * jQuery.facebox({ ajax: 'remote.html' })\n");
537 htmlSvg.append(" * jQuery.facebox({ ajax: 'remote.html' }, 'my-groovy-style')\n");
538 htmlSvg.append(" * jQuery.facebox({ image: 'stairs.jpg' })\n");
539 htmlSvg.append(" * jQuery.facebox({ image: 'stairs.jpg' }, 'my-groovy-style')\n");
540 htmlSvg.append(" * jQuery.facebox({ div: '#box' })\n");
541 htmlSvg.append(" * jQuery.facebox({ div: '#box' }, 'my-groovy-style')\n");
542 htmlSvg.append(" * Want to close the facebox? Trigger the 'close.facebox' document event:\n");
543 htmlSvg.append(" * jQuery(document).trigger('close.facebox')\n");
544 htmlSvg.append(" * Facebox also has a bunch of other hooks:\n");
545 htmlSvg.append(" * loading.facebox\n");
546 htmlSvg.append(" * beforeReveal.facebox\n");
547 htmlSvg.append(" * reveal.facebox (aliased as 'afterReveal.facebox')\n");
548 htmlSvg.append(" * init.facebox\n");
549 htmlSvg.append(" * afterClose.facebox\n");
550 htmlSvg.append(" * Simply bind a function to any of these hooks:\n");
551 htmlSvg.append(" * $(document).bind('reveal.facebox', function() { ...stuff to do after the facebox and contents are revealed... })\n");
552 htmlSvg.append(" *\n");
553 htmlSvg.append(" */\n");
554 htmlSvg.append("(function($) {\n");
555 htmlSvg.append(" $.facebox = function(data, klass) {\n");
556 htmlSvg.append(" $.facebox.loading()\n");
557 htmlSvg.append(" if (data.ajax) fillFaceboxFromAjax(data.ajax, klass)\n");
558 htmlSvg.append(" else if (data.image) fillFaceboxFromImage(data.image, klass)\n");
559 htmlSvg.append(" else if (data.div) fillFaceboxFromHref(data.div, klass)\n");
560 htmlSvg.append(" else if ($.isFunction(data)) data.call($)\n");
561 htmlSvg.append(" else $.facebox.reveal(data, klass)\n");
562 htmlSvg.append(" }\n");
564 htmlSvg.append(" $.extend($.facebox, {\n");
565 htmlSvg.append(" settings: {\n");
566 htmlSvg.append(" opacity : 0.2,\n");
567 htmlSvg.append(" overlay : true,\n");
568 htmlSvg.append(" loadingImage : 'https://raw.githubusercontent.com/jalview/biojson/gh-pages/images/loading.gif',\n");
569 htmlSvg.append(" closeImage : 'https://raw.githubusercontent.com/jalview/biojson/gh-pages/images/cancel.png',\n");
570 htmlSvg.append(" imageTypes : [ 'png', 'jpg', 'jpeg', 'gif' ],\n");
571 htmlSvg.append(" faceboxHtml : '<div id=\"facebox\" style=\"display:none; width: 95%; height: 85%; overflow: auto;\"> ");
572 htmlSvg.append(" <div class=\"popup\"> ");
573 htmlSvg.append(" <div class=\"content\"> ");
574 htmlSvg.append(" </div> ");
575 htmlSvg.append(" <a href=\"#\" class=\"close\"></a> ");
576 htmlSvg.append(" </div> ");
577 htmlSvg.append(" </div>'\n");
578 htmlSvg.append(" }, \n");
579 htmlSvg.append(" loading: function() {\n");
580 htmlSvg.append(" init()\n");
581 htmlSvg.append(" if ($('#facebox .loading').length == 1) return true\n");
582 htmlSvg.append(" showOverlay() \n");
583 htmlSvg.append(" $('#facebox .content').empty().\n");
584 htmlSvg.append(" append('<div class=\"loading\"><img src=\"'+$.facebox.settings.loadingImage+'\"/></div>')\n");
585 htmlSvg.append(" $('#facebox').show().css({\n");
586 htmlSvg.append(" top: getPageScroll()[1] + (getPageHeight() / 10),\n");
587 htmlSvg.append(" left: $(window).width() / 2 - ($('#facebox .popup').outerWidth() / 2)\n");
588 htmlSvg.append(" }) \n");
589 htmlSvg.append(" $(document).bind('keydown.facebox', function(e) {\n");
590 htmlSvg.append(" if (e.keyCode == 27) $.facebox.close()\n");
591 htmlSvg.append(" return true\n");
592 htmlSvg.append(" })\n");
593 htmlSvg.append(" $(document).trigger('loading.facebox')\n");
594 htmlSvg.append(" },\n");
595 htmlSvg.append(" reveal: function(data, klass) {\n");
596 htmlSvg.append(" $(document).trigger('beforeReveal.facebox')\n");
597 htmlSvg.append(" if (klass) $('#facebox .content').addClass(klass)\n");
598 htmlSvg.append(" $('#facebox .content').empty().append('<pre><code>'+JSON.stringify(JSON.parse(data),null,4)+'</pre></code>')\n");
599 htmlSvg.append(" $('#facebox .popup').children().fadeIn('normal')\n");
600 htmlSvg.append(" $('#facebox').css('left', $(window).width() / 2 - ($('#facebox .popup').outerWidth() / 2))\n");
601 htmlSvg.append(" $(document).trigger('reveal.facebox').trigger('afterReveal.facebox')\n");
602 htmlSvg.append(" }, \n");
603 htmlSvg.append(" close: function() {\n");
604 htmlSvg.append(" $(document).trigger('close.facebox')\n");
605 htmlSvg.append(" return false\n");
606 htmlSvg.append(" }\n");
607 htmlSvg.append(" })\n");
608 htmlSvg.append(" $.fn.facebox = function(settings) {\n");
609 htmlSvg.append(" if ($(this).length == 0) return \n");
610 htmlSvg.append(" init(settings) \n");
611 htmlSvg.append(" function clickHandler() {\n");
612 htmlSvg.append(" $.facebox.loading(true) \n");
613 htmlSvg.append(" // support for rel=\"facebox.inline_popup\" syntax, to add a class\n");
614 htmlSvg.append(" // also supports deprecated \"facebox[.inline_popup]\" syntax\n");
615 htmlSvg.append(" var klass = this.rel.match(/facebox\\[?\\.(\\w+)\\]?/)\n");
616 htmlSvg.append(" if (klass) klass = klass[1]\n");
617 htmlSvg.append(" fillFaceboxFromHref(this.href, klass)\n");
618 htmlSvg.append(" return false\n");
619 htmlSvg.append(" } \n");
620 htmlSvg.append(" return this.bind('click.facebox', clickHandler)\n");
621 htmlSvg.append(" }\n");
622 htmlSvg.append(" // called one time to setup facebox on this page\n");
623 htmlSvg.append(" function init(settings) {\n");
624 htmlSvg.append(" if ($.facebox.settings.inited) return true\n");
625 htmlSvg.append(" else $.facebox.settings.inited = true\n");
626 htmlSvg.append(" $(document).trigger('init.facebox')\n");
627 htmlSvg.append(" makeCompatible()\n");
628 htmlSvg.append(" var imageTypes = $.facebox.settings.imageTypes.join('|')\n");
629 htmlSvg.append(" $.facebox.settings.imageTypesRegexp = new RegExp('\\\\.(' + imageTypes + ')(\\\\?.*)?$', 'i')\n");
631 htmlSvg.append(" if (settings) $.extend($.facebox.settings, settings)\n");
632 htmlSvg.append(" $('body').append($.facebox.settings.faceboxHtml)\n");
634 htmlSvg.append(" var preload = [ new Image(), new Image() ]\n");
635 htmlSvg.append(" preload[0].src = $.facebox.settings.closeImage\n");
636 htmlSvg.append(" preload[1].src = $.facebox.settings.loadingImage\n");
638 htmlSvg.append(" $('#facebox').find('.b:first, .bl').each(function() {\n");
639 htmlSvg.append(" preload.push(new Image())\n");
640 htmlSvg.append(" preload.slice(-1).src = $(this).css('background-image').replace(/url\\((.+)\\)/, '$1')\n");
641 htmlSvg.append(" })\n");
643 htmlSvg.append(" $('#facebox .close')\n");
644 htmlSvg.append(" .click($.facebox.close)\n");
645 htmlSvg.append(" .append('<img src=\"'\n");
646 htmlSvg.append(" + $.facebox.settings.closeImage\n");
647 htmlSvg.append(" + '\" class=\"close_image\" title=\"close\">')\n");
648 htmlSvg.append(" }\n");
650 htmlSvg.append(" // getPageScroll() by quirksmode.com\n");
651 htmlSvg.append(" function getPageScroll() {\n");
652 htmlSvg.append(" var xScroll, yScroll;\n");
653 htmlSvg.append(" if (self.pageYOffset) {\n");
654 htmlSvg.append(" yScroll = self.pageYOffset;\n");
655 htmlSvg.append(" xScroll = self.pageXOffset;\n");
656 htmlSvg.append(" } else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict\n");
657 htmlSvg.append(" yScroll = document.documentElement.scrollTop;\n");
658 htmlSvg.append(" xScroll = document.documentElement.scrollLeft;\n");
659 htmlSvg.append(" } else if (document.body) {// all other Explorers\n");
660 htmlSvg.append(" yScroll = document.body.scrollTop;\n");
661 htmlSvg.append(" xScroll = document.body.scrollLeft;\n");
662 htmlSvg.append(" }\n");
663 htmlSvg.append(" return new Array(xScroll,yScroll)\n");
664 htmlSvg.append(" }\n");
666 // Adapted from getPageSize() by quirksmode.com");
667 htmlSvg.append(" function getPageHeight() {\n");
668 htmlSvg.append(" var windowHeight\n");
669 htmlSvg.append(" if (self.innerHeight) { // all except Explorer\n");
670 htmlSvg.append(" windowHeight = self.innerHeight;\n");
671 htmlSvg.append(" } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode\n");
672 htmlSvg.append(" windowHeight = document.documentElement.clientHeight;\n");
673 htmlSvg.append(" } else if (document.body) { // other Explorers\n");
674 htmlSvg.append(" windowHeight = document.body.clientHeight;\n");
675 htmlSvg.append(" }\n");
676 htmlSvg.append(" return windowHeight\n");
677 htmlSvg.append(" }\n");
679 htmlSvg.append(" // Backwards compatibility\n");
680 htmlSvg.append(" function makeCompatible() {\n");
681 htmlSvg.append(" var $s = $.facebox.settings \n");
682 htmlSvg.append(" $s.loadingImage = $s.loading_image || $s.loadingImage\n");
683 htmlSvg.append(" $s.closeImage = $s.close_image || $s.closeImage\n");
684 htmlSvg.append(" $s.imageTypes = $s.image_types || $s.imageTypes\n");
685 htmlSvg.append(" $s.faceboxHtml = $s.facebox_html || $s.faceboxHtml\n");
686 htmlSvg.append(" }\n");
688 htmlSvg.append(" // Figures out what you want to display and displays it\n");
689 htmlSvg.append(" // formats are:\n");
690 htmlSvg.append(" // div: #id\n");
691 htmlSvg.append(" // image: blah.extension\n");
692 htmlSvg.append(" // ajax: anything else\n");
693 htmlSvg.append(" function fillFaceboxFromHref(href, klass) {\n");
694 htmlSvg.append(" // div\n");
695 htmlSvg.append(" if (href.match(/#/)) {\n");
696 htmlSvg.append(" var url = window.location.href.split('#')[0]\n");
697 htmlSvg.append(" var target = href.replace(url,'')\n");
698 htmlSvg.append(" if (target == '#') return\n");
699 htmlSvg.append(" $.facebox.reveal($(target).html(), klass)\n");
701 htmlSvg.append(" // image\n");
702 htmlSvg.append(" } else if (href.match($.facebox.settings.imageTypesRegexp)) {\n");
703 htmlSvg.append(" fillFaceboxFromImage(href, klass)\n");
704 htmlSvg.append(" // ajax\n");
705 htmlSvg.append(" } else {\n");
706 htmlSvg.append(" fillFaceboxFromAjax(href, klass)\n");
707 htmlSvg.append(" }\n");
708 htmlSvg.append(" }\n");
710 htmlSvg.append(" function fillFaceboxFromImage(href, klass) {\n");
711 htmlSvg.append(" var image = new Image()\n");
712 htmlSvg.append(" image.onload = function() {\n");
713 htmlSvg.append(" $.facebox.reveal('<div class=\"image\"><img src=\"' + image.src + '\" /></div>', klass)\n");
714 htmlSvg.append(" }\n");
715 htmlSvg.append(" image.src = href\n");
716 htmlSvg.append(" }\n");
718 htmlSvg.append(" function fillFaceboxFromAjax(href, klass) {\n");
719 htmlSvg.append(" $.facebox.jqxhr = $.get(href, function(data) { $.facebox.reveal(data, klass) })\n");
720 htmlSvg.append(" }\n");
722 htmlSvg.append(" function skipOverlay() {\n");
723 htmlSvg.append(" return $.facebox.settings.overlay == false || $.facebox.settings.opacity === null\n");
724 htmlSvg.append(" }\n");
726 htmlSvg.append(" function showOverlay() {\n");
727 htmlSvg.append(" if (skipOverlay()) return\n");
729 htmlSvg.append(" if ($('#facebox_overlay').length == 0)\n");
730 htmlSvg.append(" $(\"body\").append('<div id=\"facebox_overlay\" class=\"facebox_hide\"></div>')\n");
732 htmlSvg.append(" $('#facebox_overlay').hide().addClass(\"facebox_overlayBG\")\n");
733 htmlSvg.append(" .css('opacity', $.facebox.settings.opacity)\n");
734 htmlSvg.append(" .click(function() { $(document).trigger('close.facebox') })\n");
735 htmlSvg.append(" .fadeIn(200)\n");
736 htmlSvg.append(" return false\n");
737 htmlSvg.append(" }\n");
739 htmlSvg.append(" function hideOverlay() {\n");
740 htmlSvg.append(" if (skipOverlay()) return \n");
741 htmlSvg.append(" $('#facebox_overlay').fadeOut(200, function(){\n");
742 htmlSvg.append(" $(\"#facebox_overlay\").removeClass(\"facebox_overlayBG\")\n");
743 htmlSvg.append(" $(\"#facebox_overlay\").addClass(\"facebox_hide\")\n");
744 htmlSvg.append(" $(\"#facebox_overlay\").remove()\n");
745 htmlSvg.append(" }) \n");
746 htmlSvg.append(" return false\n");
747 htmlSvg.append(" }\n");
749 htmlSvg.append(" $(document).bind('close.facebox', function() {\n");
750 htmlSvg.append(" if ($.facebox.jqxhr) {\n");
751 htmlSvg.append(" $.facebox.jqxhr.abort()\n");
752 htmlSvg.append(" $.facebox.jqxhr = null\n");
753 htmlSvg.append(" }\n");
754 htmlSvg.append(" $(document).unbind('keydown.facebox')\n");
755 htmlSvg.append(" $('#facebox').fadeOut(function() {\n");
756 htmlSvg.append(" $('#facebox .content').removeClass().addClass('content')\n");
757 htmlSvg.append(" $('#facebox .loading').remove()\n");
758 htmlSvg.append(" $(document).trigger('afterClose.facebox')\n");
759 htmlSvg.append(" })\n");
760 htmlSvg.append(" hideOverlay()\n");
761 htmlSvg.append(" })\n");
763 htmlSvg.append("})(jQuery);\n");
767 htmlSvg.append("</script>\n");
768 htmlSvg.append("</html>");
769 return htmlSvg.toString();