Теги XHTML со сценарием
Процедуры JavaScript добавляются в теги <tr> для задания различных стилей и для включения ссылок, когда посетитель выполняет одно из трех указанных выше действий. Эти события и действия перечислены в следующей таблице.
| onmouseover |
this.style.backgroundColor='lightgreen' this.style.color='darkgreen' this.style.cursor='hand'" | |
| onmouseout | this.style.backgroundColor='white'
this.style.color='seagreen' | |
| onclick | location.href='search.php...' |
Когда мышь перемещается поверх строки таблицы, включается событие onmouseover и выполняются три оператора JavaScript. Цвет фона (свойство backgroundColor) строки задается как светло-зеленый (lightgreen), цвет текста (свойство color) задается как темно-зеленый (darkgreen), а форма курсора (свойство cursor) задается в форме ладони. Когда курсор мыши смещается со строки таблицы, включается событие onmouseout и свойства возвращаются к своим исходным значениям.
Общий формат выполнения команд JavaScript внутри тега HTML имеет вид
EventName = "statement1 [; statement2] [; statement3]..."
То есть за именем onmouseover, onmouseout, onclick или другим таким именем события, для которого будет применяться действие, следует знак равенства и в кавычках список операторов, которые будут выполнены, когда произойдет событие. Несколько операторов разделяются точкой с запятой.
Операторы, используемые для задания свойств, имеют следующий формат,
this.style.property='value'
где style является указанием на задание таблицы стилей, property является формальным именем задаваемого свойства, а значение value (заключенное в кавычки) является конкретным значением для задания этого свойства. Специальное ключевое слово self является ссылкой на себя объекта XHTML, содержащего это задание свойства, в данном случае тег <tr>.
Когда происходит событие onClick, создается ссылка на страницу search.php. Соединение происходит при задании свойству location.href (не тега <tr>, а текущего окна) имени страницы, на которую указывает ссылка. Это задание свойства приводит к замене URL в поле адреса браузера другим URL, в данном случае адресом страницы search.php.
