![]() |
|
Модераторы: Sardar, Aliance |
![]()
|
|
| verstak |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 10 Регистрация: 23.10.2006 Репутация: нет Всего: нет |
Дорогие друзья, мне нужна ваша помощь!!!
мне нужно на страничке с моим портфолио (по HTML-вёрстке) сделать возможность просматривать html и css-код. Подробнее о том как это должно быть: на страничке изображены скриншоты, свёрстанных мною сайтов. Возле каждого скриншота три картинки-кнопки. Одна такая кнопка при клике открывает в новом окне соответствующую скриншоту страницу, которую я сверстал (с этой кнопкой мне всё понятно), другая при клике открывает небольшое окно в котором выведен HTML- код страницы, соответствующей скриншоту, а третья кнопка делает тоже самое, что и вторая, только выводится не HTML-код, а CSS-код. Мне нужен скрипт для второй и третьей кнопок с учетом того, что скриншотов будет много и кнопки должны соответствовать именно "своим" скриншотам. А также ОЧЕНЬ ВАЖНО, чтобы данный скрипт работал в разных браузерах (Internet Explorer,Mozilla, FireFox, NetScape, Opera) и открывался в новом окне определённых размеров (например 600x400). Пожалуйста приводите примеры (скрипты), я думаю они понадобятся не только мне!!! Всё заранее БОЛЬШОЕ СПАСИБО!!! |
|||
|
||||
| 12345c |
|
|||
![]() Круглый ![]() ![]() ![]() ![]() Профиль Группа: Vingrad developer Сообщений: 2018 Регистрация: 26.12.2005 Где: наша не пропадала ? Репутация: 57 Всего: 101 |
Про вывод кодов читайте здесь: http://forum.vingrad.ru/index.php?showtopi...st&p=903146 .
Лучше выводить их как обезвреженный от тегов текст, подавая его отдельно через php (htmlspecialchars()) или заготовив заранее как отдельную html-страницу. |
|||
|
||||
| AKS |
|
|||
|
Участник форума ![]() ![]() Профиль Группа: Участник Сообщений: 725 Регистрация: 20.9.2006 Репутация: 27 Всего: 52 |
verstak, так Вам нужна "помощь" или готовый код?
|
|||
|
||||
| verstak |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 10 Регистрация: 23.10.2006 Репутация: нет Всего: нет |
||||
|
||||
| AKS |
|
|||
|
Участник форума ![]() ![]() Профиль Группа: Участник Сообщений: 725 Регистрация: 20.9.2006 Репутация: 27 Всего: 52 |
verstak,
Создайте странички с соответствующим содержимым и передавайте методу window.open ссылки на эти страницы... |
|||
|
||||
| verstak |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 10 Регистрация: 23.10.2006 Репутация: нет Всего: нет |
Я нашёл вот такой скрипт, он отлично работает (то что нужно!), НО.... только в Mozilla FireFox.
Может кто знает как его можно дороботать под остальные основные браузеры? <html> <head><title>посмотреть код</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <img src="http://ver-stak.narod.ru/images/v_3.jpg" alt="посмотреть html" ONCLICK="NewWindow('http://ver-stak.narod.ru/verstka_3/index.html)"><br> <img src="http://ver-stak.narod.ru/images/v_7.jpg" alt="посмотреть css" ONCLICK="NewWindow('http://ver-stak.narod.ru/verstka_7/style.css')"> <script> function NewWindow(url) { window.open("view-source:"+url,"","Toolbar=0,Location=0,Dire ctories=0,Status=0, Menubar=0,Scrollbars=1,Resizable=0,Width=600,Height=400 "); } </script> </body> </html> Добавлено @ 22:11 там надо только нужные картинки-кнопки вписать и соответствующие ссылки |
|||
|
||||
![]()
|
| Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию. |
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | JavaScript: Общие вопросы | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |