1. 首頁
  2. 問答
  3. 打開URL上落

打開URL上落

2013-01-24 63 views
0

這是一個非常基本的問題，因爲我是一個非常基本的編碼器:)打開URL上落

我使用的拖放和HTML5拖放功能

一切都好起來的那一刻打開URL（在同一窗口中）...圖像可拖動，拖放工作正常。但是...

如何讓瀏覽器打開與另一個元素中放入的元素關聯的URL，以及如何將該URL關聯到該元素？

要更清楚。在首頁我有一個圖片庫。對於每個圖片我需要關聯一個不同的網址（我只是把它放在ID？）。畫廊下面有一個盒子。當我在此框中拖放圖像時，瀏覽器需要打開特定的鏈接。

謝謝！

喬瓦尼

來源

2013-01-24 Giovanni Dominoni

回答

1

把你的鏈接，你的數據並加載它的drop事件，像這樣：

<!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

相關問題

 相關問題