Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.03.2018, 23:33
Новичок на форуме
Отправить личное сообщение для Verchigo Посмотреть профиль Найти все сообщения от Verchigo
 
Регистрация: 22.03.2018
Сообщений: 3

Нарисовать в браузере линию по координатам двух точек
Здесь рисуется линия слева на право. Проблема в том что она сразу пропадает.
<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>
Ответить с цитированием
  #2 (permalink)  
Старый 23.03.2018, 08:14
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 11,905

Сообщение от Verchigo
Проблема в том что она сразу пропадает.
Это не единственная твоя проблема...

У тебя просто происходит отправка формы.
И хтмл просто отвратный...
Ответить с цитированием
  #3 (permalink)  
Старый 23.03.2018, 10:22
Новичок на форуме
Отправить личное сообщение для Verchigo Посмотреть профиль Найти все сообщения от Verchigo
 
Регистрация: 22.03.2018
Сообщений: 3

Не понял ваше замечание. Давайте опустим то что html отвратный, если конечно это не влияет на мою проблему. Как происходит отправка формы ? По мне код написан вполне логично, не могу определить что не так
Ответить с цитированием
  #4 (permalink)  
Старый 23.03.2018, 10:30
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 11,905

Сообщение от Verchigo
Как происходит отправка формы ?
Стандартно:
- нажали на кнопку
- нажали <Enter> в поле
Ответить с цитированием
  #5 (permalink)  
Старый 23.03.2018, 10:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 23,026

Verchigo,
уберите отправку формы либо так
<form id="form1" onsubmit="return false" >
либо
так
<button type="button" onClick="line1()">Рисование</button>
Ответить с цитированием
  #6 (permalink)  
Старый 23.03.2018, 10:49
Новичок на форуме
Отправить личное сообщение для Verchigo Посмотреть профиль Найти все сообщения от Verchigo
 
Регистрация: 22.03.2018
Сообщений: 3

Теперь всё как надо работает. Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Результат дистанции двух точек черех google map чтобы выводился на отдельную страницу fastabst Элементы интерфейса 2 01.12.2014 16:43