|
|
|
| Пытаюсь написать скрипт на JavaScript.
Хочется чтобы при наведении курсора цвет (bgcolor) строки в таблице менялся.
Многое перепробовал, но почему то не выходит. | |
|
|
|
|
|
|
|
для: 3ABAPKA
(05.09.2007 в 11:12)
| |
<tr bgcolor="red" onMouseOver=this.style.backgroundColor='blue' onMouseOut=this.style.backgroundColor='red'>
|
| |
|
|
|
|
|
|
|
для: elenaki
(05.09.2007 в 11:20)
| | Elenaki, спасибо огромное. Два дня пытался заставить цвета меняться, чего только не перепробовал, но ничего не выходило! Я новичек, читаю учебник и пробую, но редко чего выходит!
Про «this.»: я видил такую конструкцию, но не понял, как она используется! Если не трудно расскажи! | |
|
|
|
|
|
|
|
для: 3ABAPKA
(05.09.2007 в 12:17)
| | this - переводится как "это", осюда выражение this.style.backgroundColor='blue' означает в буквальном смысле - этот.стиль.цветФона равен голубому. Выражение this вы можете встретить как аргумент при передачи его в функцию, например:
<script>
function check(f) {
alert(f.name);
alert(f.value);
}
</script>
<form action="">
<input name="myField" type="text" value="TEST" onclick="check(this)">
</form>
|
Здесь щелчек по полю ввода передаст в функцию check() ссылку на этот объект (на самого себя), а в функции двумя сообщениями выведет сперва имя этого объекта, потом его значение - f в функции это и будет ссылка на этот объект, вам надо только выбрать необходимый параметр (атрибут объекта). Можно сразу было передать в функцию соответствующий параметр, например:
check(this.name)
а в самой функции достаточно было написать
alert(f)
и вы бы получили имя этого объекта. | |
|
|
|
|
|
|
|
для: sim5
(05.09.2007 в 12:34)
| | За разъяснения спасибо! Я совсем новичок. Таким языком написано большинство учебников. Трудновато разобраться! Но все равно большое спасибо! Буду ковыряться дальше!
Да!
Я сейчас пытаюсь сделать переход посредством onclick через CheckBox как по ссылке! Попыхчу потом приду за помощью.
Кстати: можно ли использовать ваш пример для моих целей? | |
|
|
|
|
|
|
|
для: 3ABAPKA
(05.09.2007 в 13:46)
| | Какой пример? Это так, "стандартное разъяснение" не более того, если что есть полезного в нем для вас - ради бога. ) | |
|
|
|
|
|
|
|
для: sim5
(05.09.2007 в 14:09)
| | Я написал то, что хотел! Посмотрите правильно! Есть ли способ проще это делать?
<INPUT TYPE="CHECKBOX" name="proekt1" value="1" align="middle" onClick="window.open('1.html','win','location=no,toolbar=no,directories=no,width=1000,resizable=no,status=no' );">
|
| |
|
|
|
|
|
|
|
для: 3ABAPKA
(05.09.2007 в 14:27)
| | Ну все правильно - по щелчку откроется окно, в него будет загружена страница 1.html, но непонятно зачем это? Чекбокс служит для отметки чего-то, если бы вы при клике по нему проверяли что-то, и разрешали или нет отметить этот чекбокс, тогда понятно. В данном же случае непонятно для чего тут чекбокс, если просто для открытия окна, то можно воспользоваться более наглядными элементами для этого, например, обыкновенной текстовой строкой:
<p onClick="window.open...">Открыть документ</p> | |
|
|
|
|
|
|
|
для: sim5
(05.09.2007 в 15:01)
| | В общем то, так просто для пантов! Для красоты!
Есть теперь еще одна проблема! Надо сделать так, чтобы после клика CHECKED==true то бишь галочка убиралась, а bgcolor строки в таблице изменился! Это реально сделать? | |
|
|
|
|
|
|
|
для: 3ABAPKA
(05.09.2007 в 15:28)
| | Сделать-то реально, только зачем такие сложности с чекбоксом? | |
|
|
|
|
|
|
|
для: 3ABAPKA
(05.09.2007 в 15:28)
| | Ну либо понтоваться, либо изучением заниматься :) Хотите изучать - берите учебник и начинайте с начала, с самого малого, в противном случае "бардак" в голове будет. Вам нужна хороша печатная либо электронная литература, а задачи надо ставить не ради "пантов", а для усвоения материала. Изменение цвета фона элемента, например, это уже управление стилями элементов, изучайте, закрепляйте, и если с помощью задач, то "разумных" по содержанию, это ведь тоже навык - логически мыслить. | |
|
|
|
|
|
|
|
для: sim5
(05.09.2007 в 17:51)
| | Все это понятно! Только где учебников хороших набраться! Из инета накачал, да разобраться сложно. Если есть пример, то он один единственный на тему.
Еще вопрос? В РНР есть такая конструкция (к примеру, переменная) (к примеру, var-переменная) если такая же возможность вставки переменных в HTML-код на JavaScript (кроме
document.writeln... и document.writе
| ...?
И еще : насколько я понял, читая учебники в конструкции document.writeln… и document.write… можно указывать теги (пример А как вывести значение переменной! | |
|
|
|
|
|
|
|
для: 3ABAPKA
(06.09.2007 в 06:28)
| | Да, хороший учебник это хорошо, так же маялся в поисках такового, и по рекомендации форума приобрел издание - Дэнни Гудман, Майкл Моррисон "JavaScript Библия пользователя, 5-е издание". Цена книги не малая, но она того стоит, и если ваши средства позволяют, то вы ее можете преобрести в интернет-магазине Ozon.
Вы можете вставлять JS-переменные в HTML-код, например, обрабатывая значения полей ввода формы, возвращать их назад в форму, добавив предопределенные значения в зависимости от значений введенных пользователем. JS-сценарии позволяют гораздо большее, а именно - динамически создавать элементы HTML-кода на странице, изменять их положение на странице, менять их стили и другое. Другими словами - вы можете динамически польностью изменить страницу в зависимости от условий, либо по заранее определенному сценарию.
А как вывести значение переменной! - какой и куда? Простейший случай показан выше - вывод значения поля ввода на экран, если есть необходимость вывести значение переменной, то это делается таким же образом. Если вам нужно поместить это значение в какой либо элемент, соответственно указывается этот обект как получатель, и ему передается значение этой переменной, например:
<script>
function getVar(e) {
var s = 'New Variable'; //определили переменную
e.innerHTML=s; //передали ее в объект
}
</script>
<div id="asID" onclick="getVar(this)">Click My</div>
|
Заметьте, что здесь опять использовано this при обращении к функции, в противном случае, при вызове функции таким образом: onclick="getVar(), в функции надо было бы писать так:
document.getElementById('asID').innerHTML=s;
|
Если вы спрашиваете о выводе переменной в конструкциях write, то так:
<script>
var s = 'Variable';
document.write("<TABLE border=\"1\"><TR><TD>"+s+"</TD></TR></TABLE>");
</script>
|
Изучайте, на "мелкие" вопросы старайтесь находить ответы сами - в помощь для этого и служат учебники. | |
|
|
|
|
|
|
|
для: sim5
(06.09.2007 в 08:41)
| | Спасибо! | |
|
|
|