Просмотр документов на страничке

ms_office Скрипт обработки ссылок, ведущих на файлы документов (MS Office и др.)

Скрипт позволяет открывать такие файлы прямо на странице сайта.

Для работы скрипта необходима библиотека jQuery и возможности docs.google.com

Указываем код для обработки ссылок содержащих текст:

здесь обрабатываются ссылки содержащие в атрибуте href символы doc или docx, если такие имеются то к ним добавляются, класс doc (в дальнейшем можно стилизовать с помощью css и добавить изображение), класс googfile (для дальнейшей обработки данных ссылки) и цель открытия — новое окно (хотя здесь можно и не писать)

Дальше опишем нажатие на такие ссылки

h — высота видимой части браузер пользователя (необходимо чтобы фрейм знал высоту на которую должен раскрываться)

url — адрес файла ссылки (тут может и не потребоваться добавка домена сайта

, если в ссылке уже есть домен)

name — название ссылки (для красоты)

здесь мы ищем тэг с классом google_doc и создаем ему html

<iframe src=»http://docs.google.com/viewer?url=’+url+’&embedded=true» width=»100%» height=»‘+h+'» style=»border: none;»></iframe>

который уже отображает наш документ в читаемом виде

отображаем название файла

для ссылки скачать подставляем url

отображаем тэг с классом googfile_view

Описание HTML разметки

здесь тэг <div class=»googfile_view» — слой который в себе содержит необходимые тэги для отображения документа, названия документа, ссылки Скачать и Закрыть и этот слой мы скрываем при закрытии и отображаем при нажатии на ссылку.

docs

Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong
Запись опубликована в рубрике free-lance, Новости, Продукты с метками , , , , . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *