Протоколът JavaScript

In: Uncategorized

23 Feb 2009

Протоколът JavaScript:
Приложение на JavaScript в DHTML    211
Протоколът javascript: може да бъде гети към атрибута href на HTML тага <а>
* -*

чин за цел на съответната хипервръзка се -JavaScript функция.
Името на функцията се поставя веднага

За да зададете с <а> хипервръз-ka, konrno не притежава цел, използвайте javascript://. Така ще можете да използвате други атрибути, например onmouseover.
цификатора на протокола, за да се идентисЬ   ^ f          s                       ^^Циод
скриптът, които трябва да бъде изпълнен. Дру
възможност е след спецификатора директно л
m                                 ^
въведе кратък скриптов код. Това се извърщва следния начин:
<а href=”javascript:alert   (’Това е код, поставен между HTML     тагове1   )   “>Връзка  1</а> <а href=”javascript:fI()”>Връзка  2</а>
Този пример съдържа както директно въведен код, така и извикване на функция. Всеки от тях се изпълнява, когато потребителят избере съответната хипервръзка:
//Функция  за извеждане  на  просто съобщение function   flO
<
alert(”Това  е  код в  JavaScript файл”};

Том е код, поставен между HTML тагове
Атрибути за слой
ЕДНИ от най-важните атрибути за стил (задават се със style) на «Ну>-елементите, които могат да бъдат използвани в DHTML, са id, top, left, z-index, visibility, color и background-color.
Тези стилови атрибути могат да бъдат динамично променени чрез присвояване на нови стойности към тях с помощта на JavaScript.
Следващият пример демонстрира получаването на достъп до всеки от атрибутите чрез изброяване на стойностите на елемент <div> с име sloi под формата на списък:
//Функция,   която показва  атрибутите //за  стил на  слой,   зададен с таг <div> function  stil () < var obj   = document.getElementByld(”sloi”);
var  str  =   “Стойностите на атрибутите  на слоя  са:\п”;
//Изписване на  стойностите на атрибутите
str   +=   “ID:    “   +   obj.id  +   “\n”;
str  +=   “top:   “   +  obj.style.top  +   “\n”;
str +=   “left:   “   +  obj.style.left  +   “\n”;
str   +=   “z-index:    “   +   obj.style.zIndex  +   “\n”;

CSS стилът г-index се обозначава В JavaScript с термина zlndex. Също maka, CSS стилът за фонов цвят 8 JavaScript се задава kamo backgrounrJColor.
str += “visibility: ” + obj.style-visibiiit 11 \n”;                                                                                                  У +
str += “color: ” + obj.style.backgroundColo “\n”;
str += “background-color: ” + obj.style.col alert(str);
Go     Bookmaiks     look     hHp
: L,  f Custonize Linl<5 ij Free Hotmail Lj Windows Marketpl
Настройване на Видимостта
След като вече знаете как да получите достъп до стиловете на слоевете с помощта на JavaScript. лесно можете да експериментирате с тях, като ползвате скриптове, за да променяте динамй4 стойностите им. Например при задаване на стойност hidden н
стиловия атрибут visibility съответният сло
скрива.
Обратно, ако зададете стойност visible за          с
атрибут на слой, който е създаден първон          .^
hidden, той вече няма да бъде скрит и ше
В скрипта от следващия пример
видимостта на слой с visibility се
1
зване на манипулаторите на събития onmouseover и onmouseout. Това се извършва, като в секцията Body на HTML документа се въведе следния код:
<р><а href=”javascript://”
onmouseover=”sun ( ) ”
sum_ne () “>Връзка</аХ/р>
В този скрипт могат да се използват повече от един слоеве, за да се получи по-мащабен ефект:
//Функция,   която прави слоя видим
function  sun ()
I
//Обръщение към слоя чрез атрибута   id
//и присвояване на променлива
var  obj   = document .getElementByld (”sloi” } ;
//Визуализиране на  слоя
obj . style. visibility^   “visible”;
//Функция, която скрива слоя
function sum_ne()
{
//Обръщение към слоя чрез атрибута id
//и присвояване на променлива
var obj = document. getElementByld (”sloi”) ;.
//Скриване на слоя
obj . style. visibility^ “hidden”;
}
Следващите илюстрации демонстрират ефекта от този скрипт, когато потребителят придвижи курсора на мишката над хипервръзката и извън нея.

No related posts.

1 Response to Протоколът JavaScript

Avatar

Уеб дизайн митове, какво има значение при изработването на уеб сайтове Оптимизация на сайтове за търсачки

February 25th, 2009 at 21:41

[...] от вашия сайт, е вярно, че повече добавяте графики, JavaScript, аудио елементи и анимации, толкова по-дълго вашия [...]

Comment Form

Уеб дизайн информация

В този блог за уеб дизайн можете да намерите много полезна информация ако сте решили да се занимавате с уеб дизайн и програмиране. Също така ще може да срещнете и статии за SEO (search engine optimization) оптимизация. Надяваме се блога да ви допадне и да станете редовни читатли.

  • Vasya: 1... no more [...]
  • Freeman: Hi! Please e-mail me your contacts. I have a question [...]
  • Soviet: Хм........ Ссы [...]
  • Сергей: Спасибо,... [...]
  • Monah: хм... Что то [...]