Deutsch
Germany.ru → Группы → Дневник тяжелобольного инвалида

Перетаскивание, подсказка на JavaScript 14.09.2024

119  
uscheswoi_82 коренной житель14.09.24 21:47
uscheswoi_82
14.09.24 21:47 

Всем салют! Я болел, и поэтому меня долго не было в этом форуме. Есть раритетная библиотека см. http://www.walterzorn.de/en/index.htm, она позволяет отображать подсказку, перетаскивать (Drag & Drop), рисовать, и вращать изображения в старых веб браузерах. Но мы будем отображать подсказку, и сделаем чтобы можно было элемент перетаскивать в старых браузерах, для эксперимента возьму старую версию Internet Explorer, и Google Chrome в Windows XP.


Автор библиотеки написал какой браузер поддерживает его библиотеку:

Для Drag & Drop см. http://www.walterzorn.de/en/dragdrop/dragdrop_e.htm

Linux:
Browsers based on the Gecko-engine (Mozilla, Netscape 6+, Galeon...), Konqueror 3.2+, Netscape 4, Opera 5+.
Windows:
Gecko browsers (Mozilla, Netscape 6+, Phoenix...), Netscape 4, Opera 5, 6 and 7, Internet Explorer 4+.

Для всплывающей подсказки см. http://www.walterzorn.de/en/tooltip/tooltip_e.htm:

This Tooltip JavaScript works in allmost all browsers, except of ancient browsers which nobody is using anymore (Netscape 4, Opera 5/6). Supported browsers: Gecko Browsers (Firefox, Mozilla, Netscape 6+, Galeon and others), IE 5+, Opera 7+, Konqueror, Safari.
In Opera, this Tooltip Library suppresses even the native, operating-system-based tooltips that would normally pop up over links, and cover any page content beneath them.

Продолжение следует.

Если я кому-то отвечаю, это не значит что я ему симпатизирую, каждый остаётся при своём мнение Дневник тяжелобольного инвалида
#1 
uscheswoi_82 коренной житель19.09.24 05:00
uscheswoi_82
NEW 19.09.24 05:00 
в ответ uscheswoi_82 14.09.24 21:47

Ну вот пример index.html: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Тест drag & drop</title>
    <style>
      #tashi { background-color:#FFFFFF; 
               position:absolute; 
               border:1px solid #000000; 
               padding:5px 5px; }
    </style>
  </head>
  <body>
    <script type="text/javascript" 
    src="wz_tooltip.js"></script>
    <script type="text/javascript" 
    src="wz_dragdrop.js"></script>
 <div onmouseover="Tip('Не тащиться!')" 
             onmouseout="UnTip()">Каля маля ляля!</div>
    <div id="tashi" onmouseover="Tip('Тут посдказка! Потащи меня!')" 
                    onmouseout="UnTip()">Тащи меня!</div>
    <script type="text/javascript">
      SET_DHTML(CURSOR_MOVE, 
                "tashi"+TRANSPARENT);
    </script>
  </body>
</html>


Результат вуаля:



Если я кому-то отвечаю, это не значит что я ему симпатизирую, каждый остаётся при своём мнение Дневник тяжелобольного инвалида
#2