Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> скрипт для просмотра html и css-кода в новом окне, чтобы работало во всех браузерах 
:(
    Опции темы
verstak
Дата 28.10.2006, 13:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 23.10.2006

Репутация: нет
Всего: нет



Дорогие друзья, мне нужна ваша помощь!!!

мне нужно на страничке с моим портфолио (по HTML-вёрстке) сделать возможность просматривать html и css-код.

Подробнее о том как это должно быть:

на страничке изображены скриншоты, свёрстанных мною сайтов. Возле каждого скриншота три картинки-кнопки. Одна такая кнопка при клике открывает в новом окне соответствующую скриншоту страницу, которую я сверстал (с этой кнопкой мне всё понятно), другая при клике открывает небольшое окно в котором выведен HTML- код страницы, соответствующей скриншоту, а третья кнопка делает тоже самое, что и вторая, только выводится не HTML-код, а CSS-код.

Мне нужен скрипт для второй и третьей кнопок с учетом того, что скриншотов будет много и кнопки должны соответствовать именно "своим" скриншотам. А также ОЧЕНЬ ВАЖНО, чтобы данный скрипт работал в разных браузерах (Internet Explorer,Mozilla, FireFox, NetScape, Opera) и открывался в новом окне определённых размеров (например 600x400).

Пожалуйста приводите примеры (скрипты), я думаю они понадобятся не только мне!!!

Всё заранее БОЛЬШОЕ СПАСИБО!!!
PM MAIL   Вверх
12345c
Дата 28.10.2006, 15:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Про вывод кодов читайте здесь: http://forum.vingrad.ru/index.php?showtopi...st&p=903146 . 

Лучше выводить их как обезвреженный от тегов текст, подавая его отдельно через php (htmlspecialchars())  или заготовив заранее как отдельную html-страницу.
PM WWW   Вверх
AKS
Дата 31.10.2006, 13:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Участник форума
**


Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 27
Всего: 52



verstak, так Вам нужна "помощь" или готовый код?
PM MAIL   Вверх
verstak
Дата 6.11.2006, 09:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 23.10.2006

Репутация: нет
Всего: нет



Цитата(AKS @  31.10.2006,  13:09 Найти цитируемый пост)
verstak, так Вам нужна "помощь" или готовый код? 


Хотелось бы именно увидеть готовый код.
Но буду рад и помощи в любом её проявлении...
PM MAIL   Вверх
AKS
Дата 6.11.2006, 11:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Участник форума
**


Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 27
Всего: 52



verstak, 
Цитата

другая при клике открывает ... окно ... - код страницы ... CSS-код ...

Создайте странички с соответствующим содержимым и передавайте методу window.open ссылки на эти страницы...
PM MAIL   Вверх
verstak
Дата 6.11.2006, 22:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 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 
там надо только нужные картинки-кнопки вписать и соответствующие ссылки
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0452 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.