Jump to content
  • 0
Sign in to follow this  
nikolla

создание кнопки печать документа

Question

nikolla    2

Добрый день. есть код кнопки печать страницы

<a href="#" onClick="window.print()"><img src="/путь к картинке"></a>

как создать кнопку и прикрутить к ней этот или подобный код?

Share this post


Link to post

Recommended Posts

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0

Рисуете кнопку в фотошопе например, экспортируете как картинку. Добавляете ее как файл для передачи, а в страницу Музы вставляете ваш код, только заменяете путь к картинке
 

<a href="#" onClick="window.print()"><img src="assets/имя_картинки.jpg"></a>

 

Share this post


Link to post
  • 0
nikolla    2

Все верно, только при наведении картинка должна зетемняться, как этого достичь? и код в html вставлять?

Share this post


Link to post
  • 0

Если при наведении должна меняться, то это совсем другая история и вы ее не решите если не разбираетесь в css. Рисуете кнопку в css со всеми состояниями, добавляете в музу css как файл для передачи или в хэд и подключаете в ваш html код

Share this post


Link to post
  • 0
nikolla    2

Скажите пож. а как путь к иконке узнать если я ее в ресурсы добавил?

Share this post


Link to post
  • 0
nikolla    2

<a href="javascript:window.print()"><img src="assets/print2.png"></a>

а скачивание файла таким же способом возможно прописать?

Share this post


Link to post
  • 0

Кстати, немного подумав нашел способ как вам сделать изменяющуюся при наведении иконку без написания кода.
1) Делаете в фотошопе просто прозрачную картинку к примеру 100х100 пикселей, сохраняете ее в формате png, так же загружаете в ресурсы
2) Используете немного другой код

<a href="#" onClick="window.print()"><img width="100px" height="50px" src="assets/bg22.png"></a>

где размерами width (ширина)  height (высота) задаете размер вашей будущей кнопки, вставляете его в Музу. Сам фрейм с html кодом так же подгоняете под эти размеры. (Не забудьте в коде подставить ваше изображение)
3) Берете "кнопку состояния", удаляете все стили и содержимое и перетаскиваете внутрь нее контейнер с html кодом.
4) Настраиваете состояния у кнопки стандартными средствами Музы, хоть цветом, хоть разными картинками. и так же подгоните ее под размеры контейнера с кодом

Что качается загрузки файлов, то ничего писать не надо. Это делается стандартными средствами.
Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.
Выбираете файл на компьютере и он будет автоматически загружен в ресурсы с привязкой ссылки для скачивания к кнопке

Share this post


Link to post
  • 0
nikolla    2

В этом варианте есть проблема , я по аналогии

вставил картинку в html и совместил с кнопкой состояния, чтобы от кнопки распечатать не отличался и наложил сверху лайтбокс , 

эффект от кнопки состояния пропал. вот дуамю. может вместо кнопки состояния воспользоваться лайтбоксом, по тому же принципу?

Получилось

Share this post


Link to post
  • 0
15 минуту назад, nikolla сказал:

В этом варианте есть проблема , я по аналогии

вставил картинку в html и совместил с кнопкой состояния, чтобы от кнопки распечатать не отличался и наложил сверху лайтбокс , 

эффект от кнопки состояния пропал. вот дуамю. может вместо кнопки состояния воспользоваться лайтбоксом, по тому же принципу?

Получилось

Ну правильно, Если нужен лайтбокс то надо им и пользоваться. Триггер лайтбокса - это та же кнопка состояния....Только вот не пойму, зачем лайтбокс то нужен для кнопки печати страницы?)))

Share this post


Link to post
  • 0
nikolla    2

Три иконки печать увеличение ( как раз лайтбокс) и кнопка скачивания

Share this post


Link to post
  • 0
nikolla    2

А по поводу ссылки на скачивание, нужно чтобы сразу скачивалось. а не открывалось в новом окне , такое возможно сделать?

Share this post


Link to post
  • 0

Что у вас в новом окне открывается? Если PDF документ, то браузер в любом случае его открывает в своей читалке. Если надо чтоб скачивалось без открытия, запакуйте документ в зип архив

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...