school.blade.php 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. {!! $grid !!}
  2. <style>
  3. p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
  4. p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
  5. </style>
  6. <script>
  7. this.vtip = function() {
  8. this.xOffset = -10; // x distance from mouse
  9. this.yOffset = 15; // y distance from mouse
  10. $(".vtip").unbind().hover(
  11. function(e) {
  12. this.t = $(this).attr("title");
  13. this.title = '';
  14. this.top = (e.pageY + yOffset);
  15. this.left = (e.pageX + xOffset);
  16. $('body').css("cursor","help");
  17. $('p#vtip').width()>450?$('p#vtip').width(450):'';
  18. $('body').append( '<p id="vtip">' + this.t + '</p>' );
  19. $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn(0);
  20. },
  21. function() {
  22. this.title = this.t;
  23. $('body').css("cursor","");
  24. $("p#vtip").fadeOut("slow").remove();
  25. }
  26. ).mousemove(
  27. function(e) {
  28. this.top = (e.pageY + yOffset);
  29. this.left = (e.pageX + xOffset);
  30. $("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
  31. }
  32. );
  33. };
  34. $(document).ready(function() {
  35. vtip();
  36. $('select[name="parent_id"]').parent().parent().attr('id','parent_id_div');
  37. $('select[name="type_id"]').parent().parent().attr('id','type_id_div');
  38. $('#parent_id_div select[name="parent_id"]').change(function(){
  39. if($(this).val() ==''){
  40. $('#type_id_div').css('display','none');
  41. $('select[name="type_id"]').val('');
  42. }else{
  43. $('#type_id_div').css('display','block');
  44. }
  45. });
  46. var parent_id = $('#parent_id_div select[name="parent_id"]').val();
  47. if(parent_id ==''){
  48. $('#type_id_div').css('display','none');
  49. }else{
  50. $('#type_id_div').css('display','block');
  51. }
  52. });
  53. </script>