krot

jquery open dlg mouseover

Jan 25th, 2016
78
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //при наведении на <div class="info"><a > окно opendlg под ссылкой
  2. <script>
  3. if (window.jQuery) {
  4. $("body").on("mouseover", ".info a", function () {
  5. img=$($(this).attr("href")).find('td:nth-child(3)').html();
  6. art=$($(this).attr("href")).find('td:nth-child(4)').html();
  7. $(this).attr("title",'');
  8.  
  9. var offset = $(this).offset();
  10. $('.opendlg').css('left',offset.left+1);
  11. $('.opendlg').css('top',offset.top+16);
  12.  
  13. $('.opendlg').html(img+'<span>Код: <b>'+art+'</b></span>');
  14.  
  15.     });
  16. $("body").on("mouseout", ".info a", function () {
  17. $('.opendlg').css('left',-9999);
  18. $('.opendlg').css('top',-9999);
  19.     });
  20. }
  21.  
  22.  
  23. ///////////
  24. //на ссылку картинка
  25. jQuery( document ).ready(function( $ ) {
  26. $("body").on("mouseover",".pagination a[data-src]",function(){
  27. var img=$(this).attr('data-src');
  28. if(!img)return;
  29. var name=$(this).attr('datafld');
  30. var offset = $(this).offset();
  31. $('.opendlg').css('left',offset.left+1);
  32. $('.opendlg').css('top',offset.top+42);$('.opendlg').html('<img src="'+img+'"/><span><b>'+name+'</b></span>');
  33. $('.opendlg').addClass("h400");
  34. });
  35. $("body").on("mouseout", ".pagination a[data-src]",function (){
  36. $('.opendlg').css('left',-9999);$('.opendlg').css('top',-9999);
  37. $('.opendlg').removeClass("h400");});
  38.  
  39.  
  40. </script>
  41. <div class="opendlg"></div>
  42. <style>
  43. .opendlg{
  44. position:absolute;
  45. background:#ffffff;
  46. width:100px;
  47. z-index:99;
  48. border:1px solid black;
  49. text-align:center;
  50. padding:5px;
  51. color: #506C91;
  52. font-size:80%;
  53. }
  54. </style>
RAW Paste Data