Форумы на Хакер

Добро пожаловать! Это — архивная версия форумов на «Хакер.Ru». Она работает в режиме read-only.

Простейшая галлерея на javasсriрt

Пользователи, просматривающие топик: none

Зашли как: Guest

Все форумы >> [Веб-программинг] >> Простейшая галлерея на javasсriрt

Имя

Сообщение

<< Старые топики Новые топики >>

Простейшая галлерея на javasсriрt - 2008-12-10 23:40:37.980000

Pashkela

Сообщений: 3756
Оценки: 736
Присоединился: 2007-01-03 06:19:40.900000

С описанием к каждой фотке (картинке) в отдельно открывающемся окне (если нажать на картинку):

Создаем четыре файла:

1. zakat1.jpg
2. zakat2.jpg
3. fail1.txt (Здесь описание картинки zakat1.jpg)
4. fail2.txt (Здесь описание картинки zakat1.jpg)

и такой index.html:

Код:


 &lt;html&gt; 
 &lt;head&gt; 
 &lt;title&gt;Дополнительное окно с кнопкой ОТКРЫТЬ на странице и кнопкой ЗАКРЫТЬ в окне&lt;/title&gt; 
 &lt;sсriрt language="Javasсriрt"&gt;
 function openwindow(i)
 {
 windop=window.open("fail.txt","mywindow","menubar=1,resizable=1,width=350,height=250");
 windop.document.open(); 
 windop.document.write("&lt;html&gt;&lt;head&gt;&lt;title&gt;Название странички&lt;/title&gt;"); 
 windop.document.write("&lt;/head&gt;&lt;bоdу bgcolor=#FFFFCC&gt;"); 
 windop.document.write("&lt;center&gt;&lt;font face= serif,Arial,Verdana size=3 color=#000000&gt;&lt;b&gt;Заголовок текста на страничке&lt;/b&gt;&lt;/font&gt;&lt;/center&gt;"); 
 windop.document.write("&lt;ifrаmе src='fail"+i+".txt'&gt;&lt;/ifrаmе&gt;");
 windop.document.write("&lt;center&gt;&lt;form&gt;&lt;input type='button' value='Закрыть' оnclick='window.close()'&gt;&lt;/form&gt;&lt;/center&gt;"); 
 windop.document.write("&lt;/bоdу&gt;&lt;/html&gt;"); 
 windop.document.close();
 }
 &lt;/sсriрt&gt;&lt;/head&gt; 
 &lt;bоdу&gt; 
 &lt;sсriрt language="Javasсriрt"&gt;
 
 for (var i = 1; i &lt;= 2; i++)
 {
 document.write(i);
 document.write("&lt;FORM ACTION=\"javasсriрt:openwindow("+i+")\"&gt;&lt;INPUT TYPE=IMAGE SRC=\"zakat"+i+".jpg\" HEIGHT=76 WIDTH=62 ALT=\"Yes\" BORDER=0 NAME=\"Yes\" &gt;&lt;/form&gt; ");
 }&lt;/sсriрt&gt;
 &lt;/bоdу&gt; 
 &lt;/html&gt;

Post #: 1

Страниц: [1]

Все форумы >> [Веб-программинг] >> Простейшая галлерея на javasсriрt

Связаться:
Вопросы по сайту / xakep@glc.ru

Предупреждение: использование полученных знаний в противозаконных целях преследуется по закону.