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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Открыть картинку в новом окне 
:(
    Опции темы
Vecanoyee
Дата 30.6.2004, 13:19 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Помоги те плиз.
Как с помощью Javascript открыть картинку в новом окне? Только не в сам хтмл вставить код, а в отдельном файле?
  Вверх
GoodBoy
Дата 30.6.2004, 14:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

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



Вот функция:
Код
<script>
function openImage(path) {
 window.open('/show.html?'+path, '', 'toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=0, resizable=1, width=5, height=5');
}
</script>


Вот так её вызываешь:
Код
<script>openImage('/путь/к/картинке/картинка.jpg')</script>


А вот файл show.html:
Код
<html>
<head>
<title>Картинка</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
 var win_h = 5;
 var win_w = 5;
 function BestSize() {
   win_w = document['pics'].width+8;
   win_h = document['pics'].height+28;
   self.resizeTo(win_w,win_h);
   self.resizable=0;
   self.focus();
 }
 function notResize() {
   self.resizeTo(win_w,win_h);
 }
</script>
</head>

<body bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0" onLoad="BestSize()" onResize="notResize()" bgcolor="#FFFFFF" style="margin: 0px; padding: 0px;">
<!--#if expr="$QUERY_STRING" -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" height=100%>
<tr align="center" valign="middle">
<td><img src="<!--#echo var='QUERY_STRING' -->" onDblClick="self.close()" alt='Двойной щелчок мыши для закрытия окна' name="pics"></td>
</tr>
</table>
<br>
<!--#endif -->
</body>
</html>


Если хостинг не поддерживает SSI, то нужно немного переписать show.html

Это сообщение отредактировал(а) GoodBoy - 30.6.2004, 14:24


--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
Vecanoyee
Дата 1.7.2004, 08:28 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Спасибо огромное smile.gif) rolleyes.gif
  Вверх
Guest
Дата 1.7.2004, 08:35 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Код
function show_big(img_src,h,w){
var
win=window.open("about:blank","ChildWin","width=420,height=400,status=0,tool
bar=0,menubar=0");
win.document.body.innerHTML="<center><img
src='/picture/"+img_src+"'></center><br>";
win.document.body.innerHTML+="<center><a
href='javascript:self.close()'>закрыть окно</a></center>";
}

===============================
вызов стрипта такой: ><A
href="javascript:show_big('0605_111.jpg',420,250)">
===================================

Еще вопрос....

Как дополнить этот скрипт?
Нужно поставить фон открывающегося окна и фон шрифта для надписи ЗАКРЫТЬ ОКНО.
Как размер окна поставить ? потому что он не реагирует в вызове скрипта на размеры, а ставить то что в самом скрипте, а если в скрипте не ставить , он выдает ошибку.....

Помогите плиз butbut.gif
  Вверх
Sardar
Дата 1.7.2004, 11:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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



Модератор: Пожалуйста, один топик - один вопрос.

Посмотри на аргументы которые ты передаешь функции, сейчас они не используются и имеют имена h и w, появляются ассоциации?
Фон и прочую разметку можешь поменять прямо в скрипте.
Код
function show_big(img_src,h,w){
var win=window.open("about:blank","ChildWin","width="+w+",height="+h+",status=0,tool
bar=0,menubar=0");
win.document.open();
win.document.write("<html><body bgcolor='любой цвет'><center><img src='./picture/"+img_src+"'><br><a href='javascript:self.close()' style='что угодно'>закрыть окно</a></center>");
win.document.close();
}


Это азы, ответ на подобные вопросы ищется в мануалах.


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


 




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


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

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