Почему сообщение пустое?
Не пойму, как увидеть цвет шрифта скриптом.
Сообщение выскакивает пустым (правда, часа три вообще ничего не выскакивало)))
p.s. Свойства "book_contents" записаны во внешнем файле стилей.
Код:
function toggleBW(){
var mColor = document.getElementById('book_contents').style.color;
alert(mColor);
}
document.getElementById('BW').onclick = function() {
toggleBW();
};
var mColor = document.getElementById('book_contents').style.color;
alert(mColor);
}
document.getElementById('BW').onclick = function() {
toggleBW();
};
p.s. Свойства "book_contents" записаны во внешнем файле стилей.
а свойство color установлено?
Есть у меня смутное подозрение, что ты вообще всё попутал насмерть. У тебя функция внутри функции вызывает функцию выше. Непонятно как ты через три часа добился, чтобы вообще что-то "выскакивало".
Цитата: kot_
а свойство color установлено?
сначала наследовалось, теперь руками в стиле написал color:#000000;
все равно пишет undefined. Если пишу цвет словом whitebkb black и через String вытаскиваю (а было через parseInt) то все равно indefined (bkb NaN, или пустое окно или вообще окно не появляется.
А функция из функции вызывается - это на будущее, чтобы можно было подставлять разные id и разные параметры. (структуру выудил из какого-то другого примера иностранного дядьки. Вообще все это должно срабатывать при нажатии на кнопку с ID = BW. (я тут перебрал кучу вариантов сочетаний функций-подфункций и где их вызывать из HTML'a). Вобщем в голове уже каша, но так пока работает, хоть и без верного результата (боюсь лишний раз трогать))
Цитата: Dmitry2064
А функция из функции вызывается - это на будущее, чтобы можно было подставлять разные id и разные параметры. (структуру выудил из какого-то другого примера иностранного дядьки. Вообще все это должно срабатывать при нажатии на кнопку с ID = BW. (я тут перебрал кучу вариантов сочетаний функций-подфункций и где их вызывать из HTML'a). Вобщем в голове уже каша, но так пока работает, хоть и без верного результата (боюсь лишний раз трогать))
Не вызывается функция из функции, если не вызвать внешнюю функцию. Проще говоря: ты привёл не весь код, из него не ясно что вообще инициирует toggleBW().
В HTML'e написано так:
То есть при щелчке на кнопке должна выполниться функция toggleBW
Теперь я в нее добавил параметры:
И весь этот код записан в файле js/BW.js.
Код:
<button style="padding-bottom: 5px;" id="BW" >BW<script src="js/BW.js"></script></button>
Теперь я в нее добавил параметры:
Код:
function toggleBW(elm, prmtr){
//тут я просто проверяю: что-то вообще происходит или нет.
alert('element: ' + elm);
alert('parametr: ' + prmtr);
var mElm = document.getElementById(elm);
var mColor = String(mElm.style.prmtr);
alert(mColor); //тут ШИШ))
document.getElementById('BW').onclick = function() {
toggleBW('book_contents', 'color');
};
//тут я просто проверяю: что-то вообще происходит или нет.
alert('element: ' + elm);
alert('parametr: ' + prmtr);
var mElm = document.getElementById(elm);
var mColor = String(mElm.style.prmtr);
alert(mColor); //тут ШИШ))
document.getElementById('BW').onclick = function() {
toggleBW('book_contents', 'color');
};
Используй файребаг и посмотри что происходит
Код:
function toggleBW(elm, prmtr){
^^^^^
...
var mColor = String(mElm.style.prmtr);
^^^^^
...
};
^^^^^
...
var mColor = String(mElm.style.prmtr);
^^^^^
...
};
Что такое computed style вообще в курсе?
Код:
window.getComputedStyle(document.getElementById(elm)).getPropertyValue(prmtr);
Код:
document.getElementById('BW').onclick = function() {
toggleBW();
};
toggleBW();
};
Почитал ответ о REmindER и согласен в части проклятий по поводу моей квалификации - она никакая (((.
Как следствие, я не понял дальнейшие записи.
Особенно строчку
Этапять. function a1(){...}; function a2(){a1();};.. function an(){an-1();}; ...onClick = function(){an();};
Что значит "Этапять"? Сленг? Сокращение? Опечатка?)) А сама строка - это образец как надо или как не надо? И что именно "надо-не надо"?
Хотя основной месседж понятен - "учите матчасть" )))
Как следствие, я не понял дальнейшие записи.
Особенно строчку
Этапять. function a1(){...}; function a2(){a1();};.. function an(){an-1();}; ...onClick = function(){an();};
Что значит "Этапять"? Сленг? Сокращение? Опечатка?)) А сама строка - это образец как надо или как не надо? И что именно "надо-не надо"?
Хотя основной месседж понятен - "учите матчасть" )))
Вот так заработало:
в HTML
в HTML
Код:
<button id="BW" podskazka="день/ночь">BW<script src="js/BW.js"></script></button>
Код:
function toggleBW(elm, prmtr){
//alert(elm);
//alert(prmtr);
var mElm = document.getElementById(elm);
var B_color = window.getComputedStyle (mElm, null).getPropertyValue ('background-color');
var F_color = window.getComputedStyle (mElm, null).getPropertyValue ('color');
if(F_color == 'rgb(0, 0, 0)'){
document.getElementById('book_contents').style.color='#F3F3DA';
document.getElementById('book_contents').style.backgroundColor='#494646';
disp = 'none';
} else {
document.getElementById('book_contents').style.color='#000000';
document.getElementById('book_contents').style.backgroundColor='#EAE8E2';
}
}
document.getElementById('BW').onclick = function() {
var mID = ['book_contents']; //тут потом "заколлекчу" нужные элементы для смены цветов
var mParam = 'color'; //, 'backgroundColor'];
for (i=0; i<mID.length; i++) {
toggleBW(mID, mParam[i]);
}
};
//alert(elm);
//alert(prmtr);
var mElm = document.getElementById(elm);
var B_color = window.getComputedStyle (mElm, null).getPropertyValue ('background-color');
var F_color = window.getComputedStyle (mElm, null).getPropertyValue ('color');
if(F_color == 'rgb(0, 0, 0)'){
document.getElementById('book_contents').style.color='#F3F3DA';
document.getElementById('book_contents').style.backgroundColor='#494646';
disp = 'none';
} else {
document.getElementById('book_contents').style.color='#000000';
document.getElementById('book_contents').style.backgroundColor='#EAE8E2';
}
}
document.getElementById('BW').onclick = function() {
var mID = ['book_contents']; //тут потом "заколлекчу" нужные элементы для смены цветов
var mParam = 'color'; //, 'backgroundColor'];
for (i=0; i<mID.length; i++) {
toggleBW(mID, mParam[i]);
}
};