текст меняющийся при наведении мыши

есть div

в нем текст

как сделать чтоб при наведении на него курсора менялось содержание дива (на содержание другого дива)

 

PHP:

<script type='text/javascript'>
function doOver() {
    document.getElementById('mydiv1').innerHTML = document.getElementById('mydiv2').innerHTML;
}
</script>
<div id='mydiv1' onmouseover="doOver()" style="border: 1px solid #000">This is div #1 </div>
<div id='mydiv2'> div #2 text </div>


 

спасибо)

 

а если маленько усложнить и сделать чтоб по клику?

и например сделать не при наведении на див а при нажатии ссылку тобиш <a >

 

юзай гугл херню спрашиваешь! ну чесное слово, элементарные вещи.

HTML:

 <script type='text/javascript'> 
function doOver() { 
    document.getElementById('mydiv1').innerHTML = document.getElementById('mydiv2').innerHTML; 
} 
</script> 
<div id='mydiv1' style="border: 1px solid #000">This is div #1 </div> 
<div id='mydiv2'> div #2 text </div> 
<a href=# onclick=doOver()>click</a>

 

ну элементарно элементарно..... спросить уж нельзя будто(

а как сделать чтоб после клика еще раз кликнув по ссылке вернуть первый див


и текст ссылки менялся бы на клик2