| |
|
|
| |
<html>
<head>
<script>
function getEventType(e) {
if (!e) e = window.event;
alert(e.type);
}
function mouseShowHandler(e){
e = e || window.event
if (e.pageX == null && e.clientX != null ) {
var html = document.documentElement
var body = document.body
e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
}
document.getElementById('mouseX').value = e.pageX
document.getElementById('mouseY').value = e.pageY
}
function mover(flag){
if (flag == 1){
var massX = document.getElementById('mouseX').value - parseFloat(document.getElementById('window').style.left);
var massY = document.getElementById('mouseY').value - parseFloat(document.getElementById('window').style.top);
var massXa = (document.getElementById('mouseX').value)-massX;
var massYa = (document.getElementById('mouseY').value)-massY;
document.getElementById('window').style.top = (document.getElementById('mouseY').value)-10;
document.getElementById('window').style.left = (document.getElementById('mouseX').value)-75;
document.getElementById('mouseXa').value = massX;
document.getElementById('mouseYa').value = massY;
document.getElementById('mouseXb').value = parseFloat(document.getElementById('window').style.left);
document.getElementById('mouseYb').value = parseFloat(document.getElementById('window').style.top);
t=setTimeout("mover(1)", 1);}
else{
clearTimeout(t);
};
}
document.onmouseover(mouseShowHandler); // это для мазилы
document.onmouseout(mouseShowHandler);
</script>
</head>
<body align="center" onmousemove="mouseShowHandler();">
<div style="background:#ccffcc; width:500px; height:500px;" onmousemove="mouseShowHandler();" id="kiki">
<p>Координата X:<input type="text" id="mouseX"/><br />
Координата Y:<input type="text" id="mouseY"/><br />
Координата Xa:<input type="text" id="mouseXa"/><br />
Координата Ya:<input type="text" id="mouseYa"/><br />
Координата Xb:<input type="text" id="mouseXb"/><br />
Координата Yb:<input type="text" id="mouseYb"/><br />
Текст инту:<input type="text" id="texter" onkeyup="document.getElementById('textter').innerHTML = this.value;" /></p>
<div id="window" style="border:1px dashed black; padding:0px; width:150px; height:100px; position:absolute; top:300; left:150; opacity:0.5; filter: alpha(opacity=50); background:white;"><div style="width:150px; border:0px; background:black; color:yellow; " onmousedown="mover(1);" onmouseup="mover(0);">move</div><div id='textter'></div></div>
</div>
</body>
</html>
|
Но вот непруха, мазила не хавает (
ЗЫ. даже IE схавал | |
| |
|
|
| |
|
|
| |
для: seitbekir
(07.06.2010 в 19:36)
| | |
document.onmouseover (mouseShowHandler); // это для дураков
document.onmouseout (mouseShowHandler); //и это - для них же
//правильно надо так:
document.onmouseover = mouseShowHandler;
document.onmouseout = mouseShowHandler;
|
Но вообще написана муть.
Правильный принцип см. здесь - http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=53491 | |
| |
|
|
| |
|
|
| |
для: АЯ
(07.06.2010 в 22:20)
| | | чёта получилось, но посмотри на это ГГ - http://h4l.pp.ua/window.php | |
| |
|
|
|
| |
|
|
| |
для: seitbekir
(08.06.2010 в 00:07)
| | |
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<script>
function fRemSel ()
{window.getSelection ().removeAllRanges (); setTimeout ('fRemSel ()', 100)}
function fMousCoor (ev)
{
var e = ev || window.event;
MX.value = ((e.pageX + 1) || (e.clientX + 1) || 1) + document.body.scrollLeft - 1;
MY.value = ((e.pageY + 1) || (e.clientY + 1) || 1) + document.body.scrollTop - 1;
}
function fMousDow (ev)
{
var e = ev || window.event;
with (WIN.style) {SX.value = parseInt (left); SY.value = parseInt (top)}
DX.value = MX.value - SX.value; DY.value = MY.value - SY.value;
with (OBJ) {onmousemove = fMousMov; onmouseup = fMousUp; onmouseout = fMousUp}
}
function fMousMov ()
{
with (WIN.style) {left = MX.value - DX.value + 'px'; top = MY.value - DY.value + 'px';
SX.value = parseInt (left); SY.value = parseInt (top)}
}
function fMousUp ()
{with (OBJ) {onmousemove = null; onmouseup = null; onmouseout = null}}
function fTexFoc ()
{document.getElementById ('textter').innerHTML = TXT.value; TIM = setTimeout ('fTexFoc ()', 10)}
onload = function ()
{
with (document.body)
{
ondrag = function () {return false}
onselectstart = function () {return false}
oncontextmenu = function () {return false}
onmousemove = fMousCoor;
}
with (document)
{
MX = getElementById ('mouseX'); MY = getElementById ('mouseY');
DX = getElementById ('mouseXa'); DY = getElementById ('mouseYa');
SX = getElementById ('mouseXb'); SY = getElementById ('mouseYb');
TXT = getElementById ('texter');
WIN = getElementById ('wind1'); OBJ = getElementById ('movlin');
}
OBJ.onmousedown = fMousDow;
TXT.onfocus = fTexFoc; TXT.onblur = function () {clearTimeout (TIM)}
if (navigator.userAgent.indexOf ('MSIE') < 0) fRemSel ();
}
</script>
</head>
<body>
<pre style="background: #ccffcc; width: 500px; height: 500px; padding: 10px">
Координата X: <input id="mouseX" readonly>
Координата Y: <input id="mouseY" readonly>
Координата Xa: <input id="mouseXa" readonly>
Координата Ya: <input id="mouseYa" readonly>
Координата Xb: <input id="mouseXb" readonly>
Координата Yb: <input id="mouseYb" readonly>
Текст инту: <input id="texter">
</pre>
<div id="wind1" style="border: 1px dashed black; width: 500px; position: absolute; top: 300px; left: 150px; opacity: .5; filter: alpha(opacity=50); background: white">
<div id="movlin" style="background: black; color: yellow; padding: 2px 5px; cursor: move">move</div>
<div id="textter" style="overflow: scroll; width: 100%; height: 360px"></div>
</div>
</body>
</html>
|
| |
| |
|
|
