Javascript.RU

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

Дайте совет куда копать ^_^
Я хочу сделать окно в которое будет загружатся план картинка помещения. Далее мышкой я перемещаю гиперссылки в нужные мне места мышкой. Возле гиперссылок могут быть графические значки статуса. Как лучше ето сделать.
Ответить с цитированием
  #2 (permalink)  
Старый 27.05.2012, 23:22
Новичок на форуме
Отправить личное сообщение для alexonus1 Посмотреть профиль Найти все сообщения от alexonus1
 
Регистрация: 27.05.2012
Сообщений: 3

Ну вот есть у меня пример один. как заменить вместо квадрата
<a href="URL">...</a> ну или привязать к квадрату
<html>
<head>
<IMG SRC=1.jpg>
  <title>drag</title>

  <style>
    #obj01 {
      width: 100px;
      height: 100px;
      border: solid 1px gray;
      background-color: white;
      position: absolute;
    }
  </style>

  <script type="text/javascript" charset="utf-8">

    var dragObject;
    var offsetX, offsetY;
    var isDragging = false;

    window.onload = init;

    document.onmousemove = mouseMove;
    document.onmouseup = mouseUp;

    function init() {
      var o = document.getElementById("obj01");
      o.ondrag = function() { return false; };
      o.onselectstart = function() { return false; };
      o.style.left = "100px";
      o.style.top = "100px";
      o.style.display = "block";
    }

    function mouseDown(o, e) {
      dragObject = o;
      if(window.event) e = window.event;
      var oX = parseInt(dragObject.style.left);
      var oY = parseInt(dragObject.style.top);
      var mouseX = e.clientX;
      var mouseY = e.clientY;
      offsetX = mouseX - oX;
      offsetY = mouseY - oY;
      isDragging = true;
      return false;
    }

    function mouseMove(e) {
      if(!isDragging) return;
      if(window.event) e = window.event;
      var mouseX = e.clientX;
      var mouseY = e.clientY;
      var newX = mouseX - offsetX;
      var newY = mouseY - offsetY;
      dragObject.style.left = newX + "px";
      dragObject.style.top = newY + "px";
      return false;
    }

    function mouseUp() {
      if(!isDragging) return;
      isDragging = false;
      return false;
    }

  </script>

</head>
<body>

<div id="obj01" onmousedown="javascript:mouseDown(this, event)"></div>

</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 27.05.2012, 23:58
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,490

<html>
<head>
<IMG SRC=1.jpg>
  <title>drag</title>
 
  <style>
    #obj01 {
      width: 100px;
      height: 100px;
      border: solid 1px gray;
      background-color: white;
      position: absolute;
    }
  </style>
 
  <script type="text/javascript" charset="utf-8">
 
    var dragObject;
    var offsetX, offsetY;
    var isDragging = false;
 
    window.onload = init;
 
    document.onmousemove = mouseMove;
    document.onmouseup = mouseUp;
 
    function init() {
      var o = document.getElementById("obj01");
      o.ondrag = function() { return false; };
      o.onselectstart = function() { return false; };
      o.style.left = "100px";
      o.style.top = "100px";
      o.style.display = "block";
    }
 
    function mouseDown(o, e) {
      dragObject = o;
      if(window.event) e = window.event;
      var oX = parseInt(dragObject.style.left);
      var oY = parseInt(dragObject.style.top);
      var mouseX = e.clientX;
      var mouseY = e.clientY;
      offsetX = mouseX - oX;
      offsetY = mouseY - oY;
      isDragging = true;
      return false;
    }
 
    function mouseMove(e) {
      if(!isDragging) return;
      if(window.event) e = window.event;
      var mouseX = e.clientX;
      var mouseY = e.clientY;
      var newX = mouseX - offsetX;
      var newY = mouseY - offsetY;
      dragObject.style.left = newX + "px";
      dragObject.style.top = newY + "px";
      return false;
    }
 
    function mouseUp() {
      if(!isDragging) return;
      isDragging = false;
      return false;
    }
 
  </script>
 
</head>
<body>
 
<div id="obj01" onmousedown="javascript:mouseDown(this, event)">
<a href="http://javascript.ru">javascript.ru</a>
</div>
 
</body>
</html>

Очевидно же.
__________________
29375, 35
Ответить с цитированием
  #4 (permalink)  
Старый 29.05.2012, 08:15
Новичок на форуме
Отправить личное сообщение для alexonus1 Посмотреть профиль Найти все сообщения от alexonus1
 
Регистрация: 27.05.2012
Сообщений: 3

Спасибо !
Хочу вставить в квадрат чекбокс <input type="checkbox" name="option1" value="http://192.168.1.1/?l2=1" checked> Но без кнопки отправки. Можно ли сделать типа авторефреш чекбокса? Галочка стоит отсылаем переменную, а если нет галочки то другую переменную. Если ставить кнопку то идет сброс координат расставленых квадратиков.
Ответить с цитированием
  #5 (permalink)  
Старый 30.05.2012, 11:29
Новичок на форуме
Отправить личное сообщение для Alexonus Посмотреть профиль Найти все сообщения от Alexonus
 
Регистрация: 03.01.2012
Сообщений: 6

У меня есть вот такой пример:
$url = "http://192.168.1.1/?l2=1";  
$ch = curl_init();  
curl_setopt($ch, CURLOPT_URL,$url); // set url to post to  
curl_setopt($ch, CURLOPT_FAILONERROR, 1);  
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);// allow redirects  
curl_setopt($ch, CURLOPT_RETURNTRANSFER,1); // return into a variable  
curl_setopt($ch, CURLOPT_TIMEOUT, 3); // times out after 4s  
curl_setopt($ch, CURLOPT_POST, 1); // set POST method  

$result = curl_exec($ch); // run the whole process  
curl_close($ch);


как бы его связать с чекбоксом ?
Ответить с цитированием
  #6 (permalink)  
Старый 30.05.2012, 12:25
Аватар для GuardCat
Просто любитель
Отправить личное сообщение для GuardCat Посмотреть профиль Найти все сообщения от GuardCat
 
Регистрация: 13.09.2011
Сообщений: 300

Сообщение от Aetae
Очевидно же.
http://i002.radikal.ru/1105/7c/d8802c646250.jpg

Код и вправду несложный, но не сдержался, простите =)
Ответить с цитированием
  #7 (permalink)  
Старый 30.05.2012, 12:30
Новичок на форуме
Отправить личное сообщение для Alexonus Посмотреть профиль Найти все сообщения от Alexonus
 
Регистрация: 03.01.2012
Сообщений: 6

Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
дайте пожалуйсто совет по решению задачи, в строках. Тамара286286 Работа 2 07.05.2011 18:29
Помогите понять куда копать warobushek Общие вопросы Javascript 10 13.05.2010 19:25
копирование слова из текста, после определенной комбинации символов. Куда копать? Don_001 Общие вопросы Javascript 10 07.05.2009 01:48