Нарисовать в браузере линию по координатам двух точек
Здесь рисуется линия слева на право. Проблема в том что она сразу пропадает.
<html>
<head>
<title>Линия</title>
<script>
function line(x1,y1,x2,y2)
{
if (x1<x2 && y1<y2)
{
x=x1; dx=(x2-x1)/(y2-y1)
for(y=y1;y<y2;y++)
{
hr1=document.createElement("hr")
hr1.style.color="black";
hr1.style.position="absolute"
hr1.style.left=x;
hr1.style.top=y;
hr1.width=Math.round(dx)
doc.appendChild(hr1);
x+=dx
}
}
}
function line1()
{
x1=eval(form1.xt1.value);
y1=eval(form1.yt1.value)
x2=eval(form1.xt2.value);
y2=eval(form1.yt2.value)
line(x1,y1,x2,y2)
}
</script>
</head>
<body id="doc">
<form id="form1">
<p>Координаты начальной точки
<br><font face="system">x = </font><input type=text id="xt1" size=10>
<br><font face="system">y = </font><input type=text id="yt1" size=10>
<p>Координаты конечной точки
<br><font face="system">x = </font><input type=text id="xt2" size=10>
<br><font face="system">y = </font><input type=text id="yt2" size=10>
<p><button onClick="line1()">Рисование</button>
</form>
</body>
</html>
|
Цитата:
У тебя просто происходит отправка формы. И хтмл просто отвратный... :( |
Не понял ваше замечание. Давайте опустим то что html отвратный, если конечно это не влияет на мою проблему. Как происходит отправка формы ? По мне код написан вполне логично, не могу определить что не так
|
Цитата:
- нажали на кнопку - нажали <Enter> в поле |
Verchigo,
уберите отправку формы либо так <form id="form1" onsubmit="return false" > либо так <button type="button" onClick="line1()">Рисование</button> |
Теперь всё как надо работает. Спасибо
|
| Часовой пояс GMT +3, время: 02:08. |