Обращение к объектам CSS
Честно скажу, искал - не нашел =)
Моя задача такова: нужно динамически менять цвета ссылок, позиционирование, фон объектов и тд через скрипт. Проблема в том, что я не знаю как обратится к этим объектам. document.getElementById("item_id").style.color - цвет ссылки (например). Нужно обратися к таким свойствам как :hover :link и др. Подскажите, как. Благодарю. |
а почему бы просто не менять у ссылок класс?
|
Никак. Добавляйте на страницу <style type="text/css">…</style>. Ну или можно помучаться с document.styleSheets. Или меняйте CSS-класс, как предложили в сообщении выше.
|
У меня есть небольшие input`ы куда пользователь вводит цвет ссылки (link, hover). После того как он введет значение мне нужно скопировать его в свойство этого объекта. Цвет должен менятся сразу после срабатывание скрипта.
|
var tmp = document.createElement("div");
tmp.innerHTML = '<style type="text/css">* {color: #f00}</style>';
document.body.appendChild(tmp.firstChild);
|
Впринципе работает если явно задавать цвет, спасиб. Только не получается задать переменный (8 строка)
document.onclick = function() {
var a1;/////////////////////////////////////////////////////////////////// 1
a1 = document.getElementById("colorpickerField1").value;
//document.getElementById("new").style.color = "#" + a1;
document.getElementById("colorpickerField1").style.background = "#" + a1;
var tmp1 = document.createElement("div");
tmp.innerHTML = '<style type=text/css>.headNav a {color: ' + a1 + '; !important}</style>';
document.body.appendChild(tmp.firstChild);
Хелп. |
...
var tmp1 = document.createElement("div"); tmp.innerH ... |
Спасибо за все подсказки. Возник еще 1 вопрос:
Есть поле input, куда вводится адрес изображения. Как сделать так, чтоб при срабатывании события document.onclick это изображение подставлялось в фон страници или фоном других элементов? |
<input id="image" type="text" value="url">
<div id="div">sefsegesgergres</div>
document.onclcik=function()
{
var image = document.getElementById("image").value;
var elem=document.getElementById('div');
elem.style.backgroundImage = "url(" + image +")";
}
|
Да я писал так, ничего не получается :( У вас у самих то этот код работает? Возможно я где то что то упустил, хотя все уже перепроверил.
Может через Ajax? Хотя не хотелось бы к этому прибегать. |
Там в коде просто небольшая опечатка. Найдите ее, пожалуйста, сами.
|
Спасибо, я видел опечатку. Всеравно ничего не выходит. Прошу, подкиньте еще какую нибудь идею, я уж измучался весь, немогу дальше продвинутся. :help:
|
<div id="input_container" style="height: 150px; border: solid 1px black; padding: 5px;">
<input id="sample_image" type="text" value="url" />
</div>
<script type="text/javascript">
document.onclick = function(){
var image = document.getElementById("sample_image").value;
var elem = document.getElementById('input_container');
elem.style.backgroundImage = "url(" + image +")";
}
</script>
|
| Часовой пояс GMT +3, время: 20:06. |