Открыть URL на капли

это очень простой вопрос, потому что я очень простой кодировщик :)Открыть URL на капли

Я использую функцию перетаскивания в HTML5

Все хорошо до того момента, открытия URL-адреса (в том же окне) ... изображения перетаскиваются, перетаскивание работает отлично. Но ...

Как заставить браузер открыть URL-адрес, связанный с элементом, удаленным внутри другого, и как связать этот URL с этим элементом?

Чтобы быть более понятным. На главной странице у меня есть галерея изображений. Для каждого изображения мне нужно связать другой URL-адрес (просто я помещу его в id?). Под галереей есть коробка. Когда я перетаскиваю изображение в этом поле, браузеру необходимо открыть конкретную ссылку.

Спасибо!

Giovanni

источник

2013-01-24 Giovanni Dominoni

Поместите ссылку на ваши данные и загрузить его на событие падения, как это:

<!DOCTYPE HTML> 
<html> 
    <head> 
     <style type="text/css"> 
      #div1, #div2 
      {float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;} 
     </style> 
    <script> 
     function allowDrop(ev) 
     { 
      ev.preventDefault(); 
     } 

     function drag(ev) 
     { 
      ev.dataTransfer.setData("Url","http://www.google.fr"); 
     } 

     function drop(ev) 
     { 
      ev.preventDefault(); 
      window.location=ev.dataTransfer.getData("Url"); 
     } 
    </script> 
    </head> 
    <body> 
     <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"> 
     <img src="img_w3slogo.gif" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31"></div> 
     <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 
    </body> 
</html>

источник

2013-01-24 11:23:17 Razouille

Открыть URL на капли

ответ

Смежные вопросы