Wingely Dog
Guest
переназначение события onmouseover
для простоты. есть ячейка таблицы
<td id='cell' background='1.gif'
onmouseover='this.style.backgroundImage="URL(2.gif)"'
onmouseout='this.style.backgroundImage="URL(1.gif)"'
onclick="repaint()">bla_bla_bla</td>
общем организована подсветка ячейки, необходимо по событию onclick явно не используя каскадных стилей, поменять изображения подсветки.
Делаю так
<script>
function repaint(){
var cell = document.getElementById( 'cell' );
cell.style.backgroundImage = "URL(3.gif)";
// а как сделать вот это?
// как ниже написано не работает
cell.onmouseover = 'this.style.backgroundImage = "URL(4.gif)";';
cell.onmouseout = 'this.style.backgroundImage = "URL(3.gif)";';
// не работает и так
cell.onmouseover = 'cell.style.backgroundImage = "URL(4.gif)";';
cell.onmouseout = 'cell.style.backgroundImage = "URL(3.gif)";';
}
</script>
кто умеет, научите где я неправ?
-~{}~ 15.11.04 12:14:
о, нашел ответ.
кто наткнется, решение такое
<script>
function repaint(){
var cell = document.getElementById( 'cell' );
cell.style.backgroundImage = "URL(3.gif)";
cell.onmouseover = new Function(' this.style.backgroundImage = "URL(4.gif)" ');
cell.onmouseout = new Function(' this.style.backgroundImage = "URL(3.gif)" ');
}
</script>
для простоты. есть ячейка таблицы
<td id='cell' background='1.gif'
onmouseover='this.style.backgroundImage="URL(2.gif)"'
onmouseout='this.style.backgroundImage="URL(1.gif)"'
onclick="repaint()">bla_bla_bla</td>
общем организована подсветка ячейки, необходимо по событию onclick явно не используя каскадных стилей, поменять изображения подсветки.
Делаю так
<script>
function repaint(){
var cell = document.getElementById( 'cell' );
cell.style.backgroundImage = "URL(3.gif)";
// а как сделать вот это?
// как ниже написано не работает
cell.onmouseover = 'this.style.backgroundImage = "URL(4.gif)";';
cell.onmouseout = 'this.style.backgroundImage = "URL(3.gif)";';
// не работает и так
cell.onmouseover = 'cell.style.backgroundImage = "URL(4.gif)";';
cell.onmouseout = 'cell.style.backgroundImage = "URL(3.gif)";';
}
</script>
кто умеет, научите где я неправ?
-~{}~ 15.11.04 12:14:
о, нашел ответ.
кто наткнется, решение такое
<script>
function repaint(){
var cell = document.getElementById( 'cell' );
cell.style.backgroundImage = "URL(3.gif)";
cell.onmouseover = new Function(' this.style.backgroundImage = "URL(4.gif)" ');
cell.onmouseout = new Function(' this.style.backgroundImage = "URL(3.gif)" ');
}
</script>