Advertisement
Guest User

tarao

a guest
Feb 5th, 2014
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.25 KB | None | 0 0
  1. var jq = document.createElement('script');
  2. jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
  3. document.getElementsByTagName('head')[0].appendChild(jq);
  4. // ... give time for script to load, then type.
  5. jQuery.noConflict();
  6.  
  7.  
  8.  
  9.  
  10. var link = document.createElement('link');
  11. link.rel = 'stylesheet';
  12. link.type = 'text/css';
  13. link.href = 'http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css';
  14. link.media = 'all';
  15. document.getElementsByTagName('head')[0].appendChild(link);
  16.  
  17.  
  18.  
  19.  
  20.  
  21. jq = document.createElement('script');
  22. jq.src = "http://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js";
  23. document.getElementsByTagName('head')[0].appendChild(jq);
  24.  
  25.  
  26.  
  27.  
  28.  
  29. setTimeout(function() {
  30.  
  31.  
  32.  
  33. var body = $('body').html();
  34.  
  35. body = '<div style="zoom: 1.3; position:fixed; top:30px; right:140px; z-index:1000;" id="plusminusdiv"><div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> QuickLinks <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="https://elearning.fh-frankfurt.de/">eLearning</a></li> <li><a href="https://his-www.dv.fh-frankfurt.de/qisserver/rds?state=user&type=0">HIS Portal</a></li> <li class="divider"></li> <li><a href="http://www.fh-frankfurt.de/studium/bewerbung/online-zulassung.html">Online Bewerbung</a></li></ul></div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" id="plusbutton"><img src="http://www.gettyicons.com/free-icons/112/must-have/png/32/zoom_in_32.png"/></a><a href="#" id="minusbutton"><img src="http://www.gettyicons.com/free-icons/112/must-have/png/32/zoom_out_32.png"/></a></div>'
  36.  
  37. + '<div class="zoomable">'
  38. + body
  39. + '</div>'
  40.  
  41. ;
  42.  
  43. $('body').html(body);
  44.  
  45.  
  46. var currentZoom = 1;
  47.  
  48. $('#plusbutton').click(function() {
  49. currentZoom += 0.1;
  50. $('.zoomable').css({
  51. zoom: currentZoom,
  52. '-moz-transform': 'scale(' + currentZoom + ')'
  53. });
  54. $('#plusbutton, #minusbutton').css({zoom: 1});
  55. });
  56.  
  57. $('#minusbutton').click(function() {
  58. currentZoom -= 0.1;
  59. $('.zoomable').css({
  60. zoom: currentZoom,
  61. '-moz-transform': 'scale(' + currentZoom + ')'
  62. });
  63. $('#plusbutton, #minusbutton').css({zoom: 1});
  64. });
  65.  
  66.  
  67. },2000);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement