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

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

  Все выпуски  

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


Информационный Канал Subscribe.Ru

.:: Cоздание Web сайта / изучение языков програмирования ::.
Выпуск 29Подписчиков: 21.08.2005
.:От автора:.

Всем привет! :)

---
Рассылка выходит при поддержке сайта www.twa.nm.ru, там же находятся выпуски рассылки которые можно посмотреть и прочитать, так же на сайте имеются готовые шаблоны и скрипты. Теперь сайт работает намного быстрее и качественно.

Работает новый ФОРУМ , активнее задаем вопросы и вместе ищем на них ответы.
 

Так же изменился дизайн рассылки, мне кажется так она выглядит красивее.

---

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

Stormbringer: как на сайте расположить курс валют.
Ответ и вариант прислал Alex V. Kotelnikoff: Скрипт для вывода информации по курсу доллара с сервера www.cbr.ru в виде графического информера. Язык реализации: PHP4,   
скачать можно тут
http://www.twa.nm.ru/scripty/1.rar

Ирина Скобликова: спрашивала о скрипте меню с выдвигающимися подменю
Ответ: можно скачать тут
http://www.twa.nm.ru/scripty/2.rar, там же есть еще несколько вариантов
 

По адресу http://www.twa.nm.ru/skripty.html имеются новые скрипты на самые разные темы

 

В сегодняшнем выпуске рассмотрим несколько скриптов:

Скрипт, открывающий новое окно

при нажатии на ссылку открывается окно xxx.html в новом окне

<html>
<body>
<script><!--

var mylocation="xxx.html"
var winheight=500
var winsize=700
var x=5

function go(){
win2=window.open("","","scrollbars")
if (!document.layers&&!document.all){
win2.location=mylocation
return
}
win2.resizeTo(100,100)
win2.moveTo(0,0)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=mylocation
winheight=500
winsize=700
x=5
return
}
setTimeout("go2()",10)
}
//-->
</script>

<a href="javascript:go()" onMouseover="window.status='Открыть окно';return true" onMouseout="window.status=''" ><b>Открыть окно</b></a>
</body>
</html>

 

Думаю не составит труда разобраться в коде, скрипт довольно простой.

 

Скрипт новостной (двигающаяся новостная колонка) на JavaScript1.2

<html>
<head>
<title>  новости  </title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<Style>
A:Link{ Color: #000000; Text-decoration: underline}
A:Visited{ Color: #000000; Text-decoration: underline}
A:Hover{ Color: #000000; Text-decoration: none}
td, body {font-family: verdana, arial, helvetica; font-size:11px;}
</Style>

<!-- Начало -->

<script language="JavaScript1.2">

var message= new Array()

// Please read section 2 above on how the messages have to be configured.
// You may add as many messages as you like!
message[0]="Простой скрипт скролинга текста|Можно вставлять ссылки, количество сообщений неограниченно|http://www.twa.nm.ru"

message[1]="Clinton Bashes NY Mayor|Speaking to 1,000 teacher aides on Saturday, Hillary Rodham Clinton attacked Mayor Rudolph Giuliani's positions on education.|http://www.web4work.by.ru"

message[2]="House Bill Curbs Sex Slavery|A House bill designed to protect victims of the growing international sex slavery trade would allow child victims brought to this country to stay in America.|http://www.web4work.by.ru"
 

<!-- размеры окна -->
// The height of the scrollerbox (pixels)
var scrollerheight=160

// The width of the scrollerbox (pixels)
var scrollerwidth=160

// The distance to the left border of the window (pixels)
var scrollertop=20

// The distance to the top border of the window (pixels)
var scrollerleft=20

// The padding between the scrollerbox and the text (pixels)
var scrollerpadding=10

// The width of the scrollerbox-border (pixels)
var backgroundborder=2

// The background-colour of the scrollerbox
var scrollerbgcolor="DDDDDD"

// Font attributes of the title
var font_titleface="Verdana"
var font_titlecolor="FF0000"
var font_titlesize=1

// Font attributes of the copytext
var font_copyface="Verdana"
var font_copycolor="660000"
var font_copysize=1

// standstill between the messages (milliseconds)
var standstillfix=3000

// Do not edit below this line
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerheight

var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg

var totalheight=scrollerheight*(message.length)
var i_height=0
var step=1
var pause=20

var standstillflex=0

function initiate(){
contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
for (i=0;i<=message.length-1;i++) {
mes_joined=message[i]
mes_split=mes_joined.split("|")
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"
}
contenttext+="</table>"

contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+">&nbsp;</td></tr></table>"

if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerpadding
document.scrollerbg.left=scrollerleft-scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
}
scroll()
}

function scroll(){
standstillflex=standstillfix
if (document.all){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scroll()",pause)
}

else {
if (document.all.scrollertext.style.posTop<=-(totalheight)) {
document.all.scrollertext.style.posTop=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}

if (document.layers){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scroll()",pause)
}

else {
if (document.scrollertext.top<=-(totalheight)) {
document.scrollertext.top=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
}

</script>


<!-- Конец -->

</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0" onLoad="initiate()">
<center>

<!-- BODY START HERE -->

<div id="scrollerbg" style=""xposition:absolute;top:-1000px">&nbsp;</div>"
<div id="scrollertext" style=""xposition:absolute;top:-1000px">&nbsp;</div>"

<DIV id="deletethisdiv" style=""xposition:absolute;top:10px;left:180px"></DIV>"

<!-- BODY END HERE -->

</body>
</html>

Думаю не составит труда разобраться в коде, скрипт довольно простой.


Не забываем заходить на ФОРУМ, и обсуждаем общие наши проблем по созданию, разработке, нахождению и применению исходников и скриптов.

 

Теперь можно будет задать вопрос и в On Line, посредством ICQ.

Новые темы для обсуждения:

Защита сайта

Как проверить, есть-ли файл (рисунок) с помощью javascript

Функциональная структура сайта

немного рекламы:

Добро пожаловать в проект 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 

 

На правах рекламы:
             CatsHtml - новейший бесплатный отечественный html-редактор, с различными мастерами ускоряющими рутинную работу. Имеются шаблоны, скрипты, скины, цветовые темы, плагины, которые можно докачивать с сайта. Сайты, созданные на CatsHtml, бесплатно раскручиваются через сайт www.DigitalLords.nm.ru.
   Скачать CatsHtml v2.0 Свобода можно здесь: http://www.digitallords.nm.ru/files/fullinstall.rar  - полная сборка.(ядро программы 2.0, 8 мастеров, 2 скина, 13 скриптов, справка, 4 коллекции фоновых картинок, 17 цветовых тем, 15 шаблонов)
        CatsGuest - это новая программа, единственная в своем роде, позволяет создавать гостевую книгу к своему сайту. Причем не нужно иметь абсолютно никаких знаний! Все делается с помошью мышки, путем прохождения нескольких "шагов" создания. Если вы знаете язык html, то можете создать абсолютно любой дизайн своей гостевой книги. Программа сама "откомпилирует" ваш дизайн, переведет и дополнит его до гостевой книги на языке Php и загрузит на специально выделенный для ваших книг сервер.
          Скачать CatsGuest v1.0 можно здесь:http://www.digitallords.nm.ru/files/catsguest.rar 
Если есть вопросы, пишите сюда

 

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

или задавайте на ФОРУМЕ

При копировании материалов, ссылка на сайт обязательна.
Copyright http://www.twa.nm.ru/ 2004-2005 г. TWA ™         Россия.
E-mail: TwaAdmin
ICQ: 232767006

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора
Подписан адрес:
Код этой рассылки: inet.webbuild.724990
Отписаться
Вспомнить пароль

В избранное