Появилась необходимость сделать кнопку "Печать" для фото в фотоальбомах. Там уже есть кнопка "Скачать", и нужна аналогичная, которая выводит сразу на принтер, причем выводит только картинку (оригинал), а не всю страницу целиком.
Может быть, кто-нибудь посоветует, как это можно сделать? Версия 2.9.0, шаблон дефолтный.
Или может быть есть подходящая разработка в каталоге дополнений? Искала, не нашла.
Заранее спасибо за любую помощь!
файл templates/default/controllers/photos/view.tplДобрый день!
Появилась необходимость сделать кнопку "Печать" для фото в фотоальбомах. Там уже есть кнопка "Скачать", и нужна аналогичная, которая выводит сразу на принтер, причем выводит только картинку (оригинал), а не всю страницу целиком.
Может быть, кто-нибудь посоветует, как это можно сделать? Версия 2.9.0, шаблон дефолтный.
Или может быть есть подходящая разработка в каталоге дополнений? Искала, не нашла.
Заранее спасибо за любую помощь!
после кода
<div class="download_menu"> <span id="download-button" class="download-button"><i class="photo_icon icon_download"></i> <?php echo LANG_DOWNLOAD; ?></span> <div id="bubble"> <table> <tbody> <?php foreach ($downloads as $download) { ?> <tr class="<?php echo $download['preset']; ?>_download_preset <?php echo (!$download['link'] ? 'disable_download' : ''); ?>"> <td> <label><input <?php echo ($download['select'] ? 'checked=""' : ''); ?> type="radio" name="download" <?php echo (!$download['link'] ? 'disabled=""' : ''); ?> value="<?php echo $download['link']; ?>"> <?php echo $download['name']; ?> </label> </td> <td> <?php echo $download['size']; ?> </td> </tr> <?php } ?> </tbody> </table> <a class="download-button process_download" href=""><?php echo LANG_DOWNLOAD; ?></a> </div> </div> <?php } ?>
<script language="javascript"> function callPrint(link) { var win = window.open(); win.document.write('<img src="'+link+'">'); win.print(); win.close() } </script> <a class="print-button" href="javascript:" onclick="callPrint($(this).data('url'))" data-url="<?php echo html_image_src($photo['image'], 'original', true, array()) ?>">Распечатать</a>
Может быть, Вы еще подскажете, как сделать так, чтобы кнопка выглядела аналогично кнопке "Скачать", а не просто надпись? Буду очень благодарна!
в файл templates/default/controllers/photos/styles.css добавить, отблагодарить можно + в кармуideasdigger, спасибо огромное!!! Получилось!
Может быть, Вы еще подскажете, как сделать так, чтобы кнопка выглядела аналогично кнопке "Скачать", а не просто надпись? Буду очень благодарна!
.print-button { display: block; margin: 10px 0 0; background-color: #57b057; color: #fff; padding: 10px 22px; border-radius: 2px; white-space: nowrap; vertical-align: middle; text-align: center; cursor: pointer; transition: background-color 0.5s; text-decoration: none; } .print-button:hover { background-color: #27ae60; text-decoration: none; color: #fff; }
отблагодарить можно + в карму
+ однозначно за вашу готовность помогать людям.