
15.09.2009, 23:11
|
|
Участник форума
Регистрация: 11.12.2005
Сообщений: 160
Провел на форуме: 745130
Репутация:
159
|
|
Сообщение от m0Hze
Собственно говоря, имеем 2 кнопки - Да и Нет.
Необходимо,чтобы при наведении на Нет - кнопки менялись местами.Соответственно,ког да Жмем на Да - тоничего не происходит,ну или алерт.И да,даже когда кнопки сменились,и на Месте Нет стало Да,то на Да можно было нажать.Тоесть все время сохранялась бы функцианальность Кнопки Да.Независимо от того,где она находиться.Спасибо,с меня +
я тут поговнокодил пять минут, вот что у меня получилось=)
Код:
<html>
<body>
<div style='position:absolut'>
<input style='position:absolute' type='button' value='da' id='da' onMouseOver ='swap()'>
<br><br><br>
<input style='position:absolute' type='button' value='net' id='net'>
</div>
<script>
function swap()
{
da1=get_position("absolute","da");
net1=get_position("absolute","net");
setElementPosition("net",da1["left"],da1["top"]);
setElementPosition("da", net1["left"],net1["top"]);
}
function get_position(pos, elemId){
elem = document.getElementById(elemId);
var l = 0;
var t = 0;
if(pos=='absolute'){
while (elem){
l += elem.offsetLeft;
t += elem.offsetTop;
elem = elem.offsetParent;
}
}else{
if(navigator.userAgent.indexOf('Gecko') > -1){
t=elem.style.top;
l=elem.style.left;
t=Number(t.replace("px", ''));
l=Number(l.replace("px", ''));
}else{
t=Number(elem.style.pixelTop);
l=Number(elem.style.pixelLeft);
}
}
return {'left':l, 'top':t};
}
function setElementPosition(elemId,left,top){
var elem = document.getElementById(elemId);
if(navigator.userAgent.indexOf('Gecko') > -1){
elem.style.top=top+'px';
elem.style.left=left+'px';
}else{
elem.style.pixelTop=top;
elem.style.pixelLeft=left;
}
}
</script>
</body>
</html>>
яб ищо повтыкал но пиво кончилось=)
|
|
|