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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> И опять-таки картинки и размеры... Помогите разобраться... 
:(
    Опции темы
-=Ustas=-
  Дата 12.7.2005, 14:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


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

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



Доброго времени суток, Господа!
Значит у меня такая ситуация. Я делаю функцию, которой передается два параметра - это имя самой картинки и title будущего окна. Эта функция вызывает popup-окошко, в которое перед полной загрузкой самого изображения имеет определенный размер и надпись "Подождите, идет загрузка...", а по завершении загрузки - окно принимает размеры картинки и становится по центру экрана. Код приведен ниже:
Код

<html>
<head>
<title></title>
<script LANGUAGE="JavaScript">
    <!--
    function viewPic(url, title) {
        if (url == '') return false;
        width = 300;
        height = 100;
        window_top = (screen.height - height) / 2;
        window_left = (screen.width - width) / 2;
        win = window.open(url, 'image', 'width='+width+', height='+height+', top='+window_top+', left='+window_left+', toolbar=0, statusbar=no, location=0, scrollbars=no, resizable=yes ');
        win.document.open();
        win.document.write('<html><head><title>'+title+'</title>');
        win.document.write('<' + 'script language="Javascript"> ');
        win.document.write('function body_on_load() {window.document.getElementById("text").innerHTML = ""; document.getElementById("photo").style.display = "block"; window.resizeTo((document.images.photo.width+12),(document.images.photo.height+33)); window.moveTo((screen.width-document.images.photo.width)/2, (screen.height-document.images.photo.height)/2);  window.focus(); }</'+'script>');
        win.document.write('</head><body leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0 onload="body_on_load()">');
        win.document.write('<span id="text"><br><center>Подождите, идет загрузка...</center></span><a href="javascript:window.close();"><img id="photo" src="'+url+'" style="display:none" border="0"></a>');
        win.document.write('</body></html>');
        win.document.close();
    }
    -->
</SCRIPT>
</head>

<body>

<a href="#" onClick="viewPic('img.gif', 'Картинка 1')">Смотреть 1</a><br>
<a href="#" onClick="viewPic('img.jpg', 'Картинка 2')">Смотреть 2</a>

</body>
</html>

Ну так вот. Все вроде бы ничего, да только совместимости на браузеры нет. В IE ништяк работает, а в мозиле постоянно полосы прокрутки появляются, и не убирается строка статуса. Что посоветуете сделать?
Спасибо всем!


--------------------
В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----
PM WWW ICQ Skype   Вверх
Aliance
Дата 12.7.2005, 15:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



window_left и window_top нужно заменить. Код приводился здесь:
Код

    var window_left = parseInt((screen.availWidth/2) - (width/2));
    var window_top = parseInt((screen.availHeight/2) - (height/2));

PM MAIL WWW ICQ Skype   Вверх
-=Ustas=-
Дата 12.7.2005, 17:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


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

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



Aliance, все равно какая-то лажа. В IE все пучком, как будто эти окна были изначально заточены под эти картинки, а вот в мозиле окно получается гораздо меньших размеров, нежели сама картинка, от чего собсно и появляются полосы прокрутки! В чем дело?


--------------------
В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----
PM WWW ICQ Skype   Вверх
Sardar
Дата 13.7.2005, 20:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


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

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



По идее так должно работать:
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title>Image view</title>
<script type="text/javascript">
<!--
    function viewPic(url, title) {
        if (!url) return false;
        var width = 300, height = 100;
        var window_top = (screen.height - height) / 2;
        var window_left = (screen.width - width) / 2;
        var win = window.open(url, 'image', 'width='+width+', height='+height+', top='+window_top+', left='+window_left+', toolbar=0, statusbar=0, location=0, scrollbars=0, resizable=1');
        win.document.open();
        win.document.write('<html><head><title>'+title+'</title>');
        win.document.write('<' + 'script type="text/javascript">function body_on_load() {document.getElementById("text").style.display="none";var im=document.getElementById("photo");im.style.display="block";var wd=im.offsetWidth;var hd=im.offsetHeight;window.resizeTo((wd+12),(hd+33));window.moveTo((screen.width-wd)/2, (screen.height-hd)/2);window.focus();}</s'+'cript>');
        win.document.write('</head><body leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0 onload="body_on_load()">');
        win.document.write('<span id="text"><br><center>Ïîäîæäèòå, èäåò çàãðóçêà...</center></span><a href="javascript:window.close();"><img id="photo" src="'+url+'" style="display:none" border="0"></a>');
        win.document.write('</body></html>');
        win.document.close();
    }
//-->
</SCRIPT>
</head>
<body>
<a href="#" onClick="viewPic('img.gif', 'Картинка 1')">Смотреть 1</a><br>
<a href="#" onClick="viewPic('img.jpg', 'Картинка 2')">Смотреть 2</a>
</body>
</html>

</body>
</html>



--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
-=Ustas=-
Дата 14.7.2005, 08:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


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

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



Не-а, такая же лажа. Понаделали этих браузеров, а к стандартам не пришли!!! А теперь мучайся! smile

Это сообщение отредактировал(а) Sardar - 14.7.2005, 14:48


--------------------
В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----
PM WWW ICQ Skype   Вверх
Sardar
Дата 14.7.2005, 15:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


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

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



Не могу потестить, у меня все окна в табах открываються, не люблю кучу окошек. Деинсталить плагин не хочеться... smile

Проблемы не должно быть, это очень простой скрипт. Зайду из под линукса, там у меня мозилла чистая, посмотрю. А пока попробуй добавлять необходимое к ширине/высоте... smile


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
-=Ustas=-
Дата 14.7.2005, 16:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


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

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



В первую очередь извиняюсь перед модераторами за то, что не сдержал своих эмоций и выложил их прям на форум! Больше такого не будет, можете быть уверены!

Sardar, зачем прибавлять ширину или высоту?! Я пробовал, достигал нужного результата, грузил в експлорере, а там оно не понять какое - поля по краям большие слишком. Поэтому этот вариант отпадает!


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


 




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


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

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