Lyend

Untitled

Feb 9th, 2019
312
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 53.86 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>Patient Note Entry Form</title>
  5.     <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  6.     <link href="/javascript/jquery/css/custom-theme2/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css">
  7.     <script src="/javascript/jquery-1.7.1.min.js" type="text/javascript">
  8.     </script>
  9.     <script src="/javascript/jquery/js/jquery-ui-1.8.17.custom.min.js" type="text/javascript">
  10.     </script>
  11.     <script src="jquery.TextareaLineCount.1.4.1.min.js" type="text/javascript">
  12.     </script>
  13.     <link href="css/jquery.countdown.css" rel="stylesheet" type="text/css">
  14.     <script src="js/jquery.plugin.js" type="text/javascript">
  15.     </script>
  16.     <script src="js/jquery.countdown.js" type="text/javascript">
  17.     </script>
  18.     <script type="text/javascript">
  19.      <!--
  20.      function checkLimits(txtArea,countChars,countLines,pb,kc)
  21.      {
  22.        var result = $.countLines(txtArea);
  23.        div_LineHeight = txtArea.getAttribute("name") + "_LineHeight";
  24.        lh = document.getElementById(div_LineHeight).offsetHeight;
  25.        fs = parseInt(txtArea.style.fontSize.replace('px',''));
  26.      
  27.        dh = Math.round((lh/fs)*100)/100;
  28.        if(!txtArea.style.lineHeight || !txtArea.style.height)
  29.        { // get and set lineHeight and height of textarea
  30.          //    alert('font = ' + txtArea.style.fontFamily +' fS = ' + txtArea.style.fontSize + ' lH = ' + lh + ' dh = ' + dh);
  31.          txtArea.style.lineHeight = lh +'px';
  32.          // if(txtArea.rows == txtArea.getAttribute("maxRows"))
  33.          //  txtArea.style.height = Math.ceil((fs * txtArea.rows * dh)+((fs*200)/300));
  34.          // else
  35.          //  txtArea.style.height = Math.ceil((fs * txtArea.rows * dh)+((fs*100)/300));
  36.        }
  37.        exceedMsg = ""; // message container
  38.        maxLines = txtArea.getAttribute("maxRows");
  39.        maxHeight = Math.ceil((fs * maxLines * dh)+((fs*200)/300)); // with some font and / or font-size this value has to be adjusted!
  40.        if(txtArea.getAttribute("maxChars") != 0 && txtArea.getAttribute("maxChars") < maxLines * txtArea.cols) {
  41.          maxChars = txtArea.getAttribute("maxChars");
  42.         }
  43.        else {
  44.          maxChars = maxLines * txtArea.cols; // or any other suitable value
  45.          }
  46.          document.getElementById(txtArea.getAttribute("name") + '_maxChars').value = maxChars;  
  47.          document.getElementById(txtArea.getAttribute("name") + '_maxLines').value = maxLines;
  48.          var numLines = result.visual;
  49.          if (numLines >= 15) {
  50.            countLines.value = '15'; // max lines
  51.          } else {
  52.              countLines.value = numLines; // actual number of lines
  53.          }
  54.          
  55.           var numChars = txtArea.value.length; // actual number of chars
  56.           var splitNums = txtArea.value.split("\n").length;
  57.         if (navigator.appName != 'Microsoft Internet Explorer')
  58.           {
  59.                  numChars += (splitNums - 1);
  60.            }
  61.            if (numChars >= 950) {
  62.                  countChars.value = '950';
  63.            } else {
  64.                 countChars.value = numChars;
  65.            }
  66.            
  67.          
  68.          var ratLines = (numLines/maxLines);
  69.          var perLines = ((numLines-1)/maxLines)*100;
  70.          var perChars = (txtArea.value.length/maxChars)*100;
  71.              $(pb).css('background-image','url("pics/progress.png")');
  72.      
  73.          if (perLines > perChars) {
  74.            $(pb).animate({'width': perLines+'%'}, 1);
  75.          } else {
  76.            $(pb).animate({'width': perChars+'%'}, 1);
  77.          }
  78.        if(txtArea.value.length >= maxChars || txtArea.scrollHeight > maxHeight)
  79.        {
  80.      //    alert('lineH = ' + lh + ' scrollH = ' + txtArea.scrollHeight + ' maxH = ' + maxHeight);
  81.          if (txtArea.value.length >= maxChars && txtArea.scrollHeight <= maxHeight)
  82.          {
  83.            txtArea.value = txtArea.value.substr(0,txtArea.value.length-1);
  84.            exceedMsg = "";
  85.            $('#errorMsg').html('<font color="red">You have reached the character limit.<\/font>');
  86.                $(pb).animate({'width': '100%'}, 1);
  87.          }
  88.          if(txtArea.scrollHeight > maxHeight)
  89.          {
  90.            txtArea.value = txtArea.value.substr(0,txtArea.value.length-1);
  91.            exceedMsg = "";
  92.            $('#errorMsg').html('<font color="red">You have reached the character or line limit.<\/font>');
  93.                $(pb).animate({'width': '100%'}, 1);
  94.          }
  95.        } else {
  96.          $('#errorMsg').html('');
  97.        }
  98.        if(exceedMsg != "" && (kc != 8 && kc != 46))
  99.          alert(exceedMsg); // no need to alert if backspace (kc 8) or del (kc 46) is pressed
  100.          
  101.          
  102.             var numChars = txtArea.value.length; // actual number of chars
  103.           var splitNums = txtArea.value.split("\n").length;
  104.           if (navigator.appName != 'Microsoft Internet Explorer')
  105.           {
  106.                  numChars += (splitNums - 1);
  107.            }
  108.            if (numChars >= 950) {
  109.                  countChars.value = '950';
  110.            } else {
  111.                 countChars.value = numChars;
  112.            }
  113.        
  114.        
  115.        if (result.visual >= 15) {
  116.            countLines.value = '15'; // actual number of lines
  117.        } else {
  118.          countLines.value = result.visual; // actual number of lines
  119.        }
  120.      
  121.      }
  122.      
  123.      function getEvent(e)
  124.      {
  125.        if (!e)
  126.        { // IE
  127.          e=window.event;
  128.          txtArea=e.srcElement;
  129.          if (e.keyCode) {
  130.            var kc = e.keyCode;
  131.          }
  132.        }
  133.        else
  134.        { // Gecko
  135.          txtArea=e.target;
  136.          if (e && e.which) {
  137.            var kc = e.which;
  138.          }
  139.        }
  140.        var charsCountfield = txtArea.getAttribute("name") + "_Chars";
  141.        var linesCountfield = txtArea.getAttribute("name") + "_Lines";
  142.        var pbfield = txtArea.getAttribute("name") + "_progressbar";
  143.        countChars=document.getElementById(charsCountfield);
  144.        countLines=document.getElementById(linesCountfield);
  145.        pb=document.getElementById(pbfield);
  146.        checkLimits(txtArea,countChars,countLines,pb,kc);
  147.      }
  148.      
  149.      //  stop triple click and drag and drop.
  150.      var _tripleClickTimer = 0;
  151.      var _mouseDown = false;
  152.      
  153.      document.onmousedown = function() {
  154.          _mouseDown = true;
  155.      };
  156.      
  157.      document.onmouseup = function() {
  158.          _mouseDown = false;
  159.      };
  160.      
  161.      document.ondblclick = function DoubleClick(evt) {
  162.          ClearSelection();
  163.          window.clearTimeout(_tripleClickTimer);
  164.          
  165.          //handle triple click selecting whole paragraph
  166.          document.onclick = function() {
  167.              ClearSelection();
  168.          };
  169.          
  170.          _tripleClickTimer = window.setTimeout(RemoveDocumentClick, 1000);
  171.      };
  172.      
  173.      function RemoveDocumentClick() {
  174.          if (!_mouseDown) {
  175.              document.onclick = null;
  176.              return true;
  177.          }
  178.          
  179.          _tripleClickTimer = window.setTimeout(RemoveDocumentClick, 1000);
  180.          return false;
  181.      }
  182.      
  183.      function ClearSelection() {
  184.          if (window.getSelection)
  185.              window.getSelection().removeAllRanges();
  186.          else if (document.selection)
  187.              document.selection.empty();
  188.      }
  189.      function preventDrag(event)
  190.      {
  191.       if(event.type=='dragenter' || event.type=='dragover' || //if drag over event -- allows for drop event to be captured, in case default for this is to not allow drag over target
  192.          event.type=='drop') //prevent text dragging -- IE and new Mozilla (like Firefox 3.5+)
  193.       {
  194.        if(event.stopPropagation) //(Mozilla)
  195.        {
  196.         event.preventDefault();
  197.         event.stopPropagation(); //prevent drag operation from bubbling up and causing text to be modified on old Mozilla (before Firefox 3.5, which doesn't have drop event -- this avoids having to capture old dragdrop event)
  198.        }
  199.        return false; //(IE)
  200.       }
  201.      }
  202.      
  203.      
  204.      
  205.      //-->
  206.     </script>
  207.     <script type="text/javascript">
  208.            function LimitText(field,maxChars){
  209.              if (field.val().length > maxChars) {
  210.                field.val(field.val().substr(0,maxChars));
  211.                field.focus();
  212.                return false;
  213.              }
  214.              
  215.            }
  216.            
  217.      function stopAddRows(group) {
  218.              var $numrows = 0;
  219.              $numrows = $("div.row"+group).length;
  220.              if ($numrows >= 8) {
  221.                  $('#diag'+group+'Add').html('<img src="pics/addrow_gray.png" class="graybutton"/>');  
  222.              }
  223.      }
  224.      
  225.      
  226.      function rollupDivs() {
  227.              var divs = ["A", "B", "C"];
  228.              var $numrows = 0;
  229.              var $d = 0;
  230.              var $numrows2 = 0;
  231.              var $numrows3 = 0;
  232.              var $rowname = null;
  233.              var $hisbox = null;
  234.              var $pebox = null;
  235.              for (i=0; i<divs.length; i++) {
  236.                  //loop through all the rows and delete empty ones
  237.                  $numrows = $("div.row"+divs[i]).length;
  238.                  for (z=0; z<$numrows; z++) {
  239.                      $d = z+1;
  240.                      $rowname = "#row"+divs[i]+$d;
  241.                      //loop through both text boxes in rowname and see if text exists
  242.                      if ((!$($rowname).find('input[type="text"]').eq(0).val()) && (!$($rowname).find('input[type="text"]').eq(1).val())) {
  243.                          $($rowname).remove();
  244.                      }
  245.                  }
  246.                  
  247.                  $numrows2 = $("div.row"+divs[i]).length;      
  248.                  //Add back rows
  249.                  var rowadd = 0;
  250.                  var $groupname = null;
  251.                  if ($numrows2 < 3) {
  252.                      rowadd = 4 - $numrows2;
  253.                      for (x=1; x<rowadd; x++) {
  254.                          $groupname = "#diag"+divs[i]+"Fields";
  255.                         $($groupname).append('<div id="row'+divs[i]+x+'" class="row'+divs[i]+'"><div class="fields-left"> '+
  256.                             '<input type="text" class="text" maxlength="100" style="width: 100%" />'+
  257.                             '<\/div><div class="fields-right">'+
  258.                             '<input type="text" class="text" maxlength="100" style="width: 100%" /><\/div><\/div>');  
  259.                      }
  260.                  }
  261.                      
  262.                  //Rename rows with new IDs
  263.                  $numrows3 = $("div.row"+divs[i]).length;
  264.                  var $rows = 0;
  265.                  var $newname = null;
  266.                  for (r=0; r<$numrows3; r++){
  267.                          $rows = r + 1;
  268.                          $newname = "row"+divs[i]+$rows;
  269.                          $('#diag'+divs[i]+'Fields').find('.row'+divs[i]).eq(r).attr("id", $newname);
  270.                  }
  271.                  if ($numrows3 >= 8) {
  272.                      stopAddRows(divs[i]);
  273.                  } else {
  274.                      $('#diag'+divs[i]+'Add').html(
  275.                         '<input type="button" class="addbutton" id="diag'+divs[i]+'AddButton" />'
  276.                     );
  277.                  }
  278.              }
  279.          }
  280.      
  281.      
  282.      $(document).ready(function () {
  283.      
  284.          
  285.          var fontSizes = [18,12];   // zoom on first click
  286.          $("div#magnify_box").click(function() {
  287.              alert("The Magnify Text feature available during the live exam is not available in this practice program.");
  288.              //$('.text').css('font-size', fontSizes[0] + 'px');
  289.              //fontSizes.reverse();
  290.          });
  291.      
  292.          $("div#invertColors_box").click(function() {
  293.              $("body").toggleClass("invertedColor");
  294.              
  295.              $(".ui-widget-content").toggleClass("invertedColor");
  296.              $(".ui-widget-header").toggleClass("invertedColor");
  297.              $(".ui-state-default").toggleClass("invertedColor");
  298.              $(".ui-state-default a:link").toggleClass("invertedColor");
  299.              
  300.              $(".ui-state-active").toggleClass("invertedColor");
  301.              $(".ui-tabs-selected").toggleClass("invertedColor");
  302.              $("#txtComments_Lines").toggleClass("invertedColor");
  303.              $("#txtComments_maxLines").toggleClass("invertedColor");
  304.              $("#txtComments_Chars").toggleClass("invertedColor");
  305.              $("#txtComments_maxChars").toggleClass("invertedColor");
  306.              $("#txtPE_Lines").toggleClass("invertedColor");
  307.              $("#txtPE_maxLines").toggleClass("invertedColor");
  308.              $("#txtPE_Chars").toggleClass("invertedColor");
  309.              $("#txtPE_maxChars").toggleClass("invertedColor");
  310.              $("#txtComments").toggleClass("invertedColor");
  311.              $("#txtPE").toggleClass("invertedColor");
  312.              $("#diagAFields").toggleClass("invertedColor");
  313.          });
  314.          $(function(){
  315.              $('#txtComments').blur(function(e) {
  316.                  $('#errorMsg').html('');
  317.              });
  318.          });
  319.          $(function(){
  320.              $('#txtPE').blur(function(e) {
  321.                  $('#errorMsg').html('');
  322.              });
  323.          });
  324.      
  325.      down = {};
  326.      $('#txtComments').keydown(function(event){
  327.           var keycode = (event.keyCode ? event.keyCode : event.which);
  328.           if(keycode != '8'){
  329.                if (down[keycode] == null) { // first press
  330.                  
  331.                    down[keycode] = true; // record that the key's down
  332.                } else {
  333.                  return false;  
  334.                }
  335.           }
  336.         });  
  337.         $('#txtPE').keydown(function(event){
  338.           var keycode = (event.keyCode ? event.keyCode : event.which);
  339.           if(keycode != '8'){
  340.                if (down[keycode] == null) { // first press
  341.                  
  342.                    down[keycode] = true; // record that the key's down
  343.                } else {
  344.                  return false;  
  345.                }
  346.           }
  347.         });
  348.      $('#txtComments').keyup(function(event) {
  349.           var keycode = (event.keyCode ? event.keyCode : event.which);
  350.           down[keycode] = null;
  351.      });
  352.      
  353.      
  354.      $('#txtPE').keyup(function(event) {
  355.           var keycode = (event.keyCode ? event.keyCode : event.which);
  356.           down[keycode] = null;
  357.      });
  358.      
  359.      $('#txtComments2').keyup(function(e)
  360.      {
  361.              var text_area_box =$(this).val();
  362.              var lines = 15; //number of max lines
  363.              var newLines = $(this).val().split("\n").length;
  364.              var linePer = (newLines * (63)) / (max_numb_of_words) * 100;
  365.                 var lineAdd = (newLines-1) * 62;
  366.              var totalChars = text_area_box.length + lineAdd + newLines;
  367.              var max_numb_of_words = 950;
  368.              var main = totalChars*100;
  369.              var value= (main / max_numb_of_words);  
  370.              var count= max_numb_of_words - text_area_box.length;
  371.              $('#progressbar').css('background-image','url("pics/progress.png")');
  372.              if (totalChars >= max_numb_of_words) {
  373.                   $(this).val($(this).val().substring(0, text_area_box.length-1));
  374.                  //LimitText($(this),text_area_box.length-1);
  375.                  //$(this).attr('maxlength',text_area_box.length);
  376.                  $('#progressbar').animate({'width': '100%'}, 1);//Increase the progress bar
  377.                  $('#errorMsg').html('<font color="red">You have reached the character or line limit.<\/font>');
  378.              }  else if (totalChars < max_numb_of_words) {
  379.                      LimitText($(this),950);
  380.                       $(this).attr('maxlength',950);          
  381.                      $('#progressbar').animate({'width': value+'%'}, 1);
  382.                      $('#errorMsg').html('');
  383.              }
  384.          if (newLines == 16) {
  385.            newLines = 15;
  386.          }
  387.              $('#count1').html('&nbsp;&nbsp;&nbsp;<b>Lines:<\/b>'+(newLines)+'/15  <b>Characters:<\/b>'+text_area_box.length+'/950');
  388.              return false;
  389.      });
  390.      
  391.      $('#txtPE2').keyup(function(e)
  392.      {
  393.              var text_area_box =$(this).val();
  394.              var lines = 15; //number of max lines
  395.              var newLines = $(this).val().split("\n").length;
  396.              var linePer = (newLines * (63)) / (max_numb_of_words) * 100;
  397.              var lineAdd = (newLines-1) * 62;
  398.              var totalChars = text_area_box.length + lineAdd + newLines;
  399.              var max_numb_of_words = 950;
  400.              var main = totalChars*100;
  401.              var value= (main / max_numb_of_words);  
  402.              var count= max_numb_of_words - text_area_box.length;
  403.              $('#progressbar2').css('background-image','url("pics/progress.png")');        
  404.              if (totalChars >= max_numb_of_words) {
  405.                  $(this).val($(this).val().substring(0, text_area_box.length-1));
  406.                  //LimitText($(this),text_area_box.length);
  407.                  //$(this).attr('maxlength',text_area_box.length-1);
  408.                  $('#progressbar2').animate({'width': '100%'}, 1);//Increase the progress bar
  409.                  $('#errorMsg').html('<font color="red">You have reached the character or line limit.<\/font>');
  410.              }  else if (totalChars < max_numb_of_words) {
  411.                      LimitText($(this),950);
  412.                       $(this).attr('maxlength',950);  
  413.                      $('#progressbar2').animate({'width': value+'%'}, 1);
  414.                      $('#errorMsg').html('');
  415.              }
  416.          if (newLines == 16) {
  417.            newLines = 15;
  418.          }
  419.              $('#count2').html('&nbsp;&nbsp;&nbsp;<b>Lines:<\/b>'+(newLines)+'/15  <b>Characters:<\/b>'+text_area_box.length+'/950');
  420.              return false;
  421.      });
  422.      
  423.      $('#txtPE2').keydown(function(e)
  424.      {
  425.      var code = (e.keyCode ? e.keyCode : e.which);
  426.          if ((($(this).val().length-$(this).val().split("\n").length) % 63 == 0) && (code != '13')) {
  427.            $(this).val($(this).val() + "\r\n");
  428.          }
  429.       });
  430.      
  431.      $('#txtPE2').keyup(function(e)
  432.      {
  433.          var text_area_box =$(this).val();
  434.          var lines = 15; //number of max lines
  435.      
  436.        //figure out if new line needs to be entered
  437.          if ((text_area_box.length % 63 == 0) && (e.keyCode != '13')) {
  438.                $(this).val($(this).val() + "\n");
  439.          }});
  440.              var endTime = 600;
  441.              var highlightSecondsRemaining = 30;
  442.              $('#defaultCountdown').countdown({until: endTime, compact: true,
  443.          description: '', onTick: highlightEndingSoon, format: 'MS' });
  444.      
  445.          function highlightEndingSoon(periods) {
  446.              if ($.countdown.periodsToSeconds(periods) <= highlightSecondsRemaining) {
  447.               $('.countdown-row').addClass('highlight');
  448.          }
  449.          if($.countdown.periodsToSeconds(periods) == 0){
  450.             $('#PNEntry').hide();
  451.              $('#finish').show();
  452.          }
  453.     }        
  454.              $('#submitButton').live('click', function() {
  455.                if (confirm("Are you sure you want to save this patient note? If you have any further changes to make, click the Cancel button. Click Ok to save the patient note and exit.")) {
  456.                  $('#PNEntry').hide();
  457.                  $('#finish').show();
  458.                }
  459.                return false;
  460.              });
  461.            });
  462.  
  463.          $(function() {
  464.              $( "#tabs" ).tabs();
  465.          });
  466.      
  467.          function moveDivs(a, b, c) {
  468.              rollupDivs();
  469.              $(".yellowInput").removeClass('yellowInput').addClass('blueInput');
  470.      
  471.              if (a == 1 && b == 2 && c == 3) {
  472.                  $('#diagB').insertBefore($('#diagC'));
  473.                  $('#diagA').insertBefore($('#diagB'));
  474.                  $('#diagAheading').html('Diagnosis #1');
  475.                  $('#diagANav').html('<input type="button" class="downbutton" id="diagAdown" title="Change Order of Diagnosis" />');
  476.                  $('#diagBheading').html('Diagnosis #2');
  477.                  $('#diagBNav').html('<input type="button" class="upbutton" id="diagBup" title="Change Order of Diagnosis" /><br /><input type="button" class="downbutton" id="diagBdown" title="Change Order of Diagnosis" />');
  478.                  $('#diagCheading').html('Diagnosis #3');
  479.                  $('#diagCNav').html('<input type="button" class="upbutton" id="diagCup" title="Change Order of Diagnosis" />');
  480.                  $("#diagB").removeClass('blueInput').addClass('yellowInput');
  481.              } else if (a == 1 && b == 3 && c == 2) {
  482.                  $('#diagC').insertBefore($('#diagB'));
  483.                  $('#diagA').insertBefore($('#diagC'));
  484.                  $('#diagAheading').html('Diagnosis #1');
  485.                  $('#diagANav').html('<input type="button" class="downbutton" id="diagAdown" title="Change Order of Diagnosis" />');
  486.                  $('#diagBheading').html('Diagnosis #3');
  487.                  $('#diagBNav').html('<input type="button" class="upbutton" id="diagBup" title="Change Order of Diagnosis" />');
  488.                  $('#diagCheading').html('Diagnosis #2');
  489.                  $('#diagCNav').html('<input type="button" class="upbutton" id="diagCup" title="Change Order of Diagnosis" /><br /><input type="button" class="downbutton" id="diagCdown"  title="Change Order of Diagnosis" />');
  490.                  $("#diagC").removeClass('blueInput').addClass('yellowInput');
  491.              } else if (a == 2 && b == 1 && c == 3) {
  492.                  $('#diagA').insertBefore($('#diagC'));
  493.                  $('#diagB').insertBefore($('#diagA'));
  494.                  $('#diagAheading').html('Diagnosis #2');
  495.                  $('#diagANav').html('<input type="button" class="upbutton" id="diagAup" title="Change Order of Diagnosis" /><br /><input type="button" class="downbutton" id="diagAdown" />');
  496.                  $('#diagBheading').html('Diagnosis #1');
  497.                  $('#diagBNav').html('<input type="button" class="downbutton" id="diagBdown" title="Change Order of Diagnosis" />');
  498.                  $('#diagCheading').html('Diagnosis #3');
  499.                  $('#diagCNav').html('<input type="button" class="upbutton" id="diagCup" title="Change Order of Diagnosis" />');
  500.                  $("#diagA").removeClass('blueInput').addClass('yellowInput');
  501.              } else if (a == 2 && b == 3 && c == 1) {
  502.                  $('#diagA').insertBefore($('#diagB'));
  503.                  $('#diagC').insertBefore($('#diagA'));
  504.                  $('#diagAheading').html('Diagnosis #2');
  505.                  $('#diagANav').html('<input type="button" class="upbutton" id="diagAup" title="Change Order of Diagnosis" /><br /><input type="button" class="downbutton" id="diagAdown" title="Change Order of Diagnosis" />');
  506.                  $('#diagBheading').html('Diagnosis #3');
  507.                  $('#diagBNav').html('<input type="button" class="upbutton" id="diagBup" title="Change Order of Diagnosis" />');
  508.                  $('#diagCheading').html('Diagnosis #1');
  509.                  $('#diagCNav').html('<input type="button" class="downbutton" id="diagCdown" />');
  510.                  $("#diagA").removeClass('blueInput').addClass('yellowInput');
  511.              } else if (a == 3 && b == 2 && c == 1) {
  512.                  $('#diagB').insertBefore($('#diagA'));
  513.                  $('#diagC').insertBefore($('#diagB'));
  514.                  $('#diagAheading').html('Diagnosis #3');
  515.                  $('#diagANav').html('<input type="button" class="upbutton" id="diagAup" title="Change Order of Diagnosis" />');
  516.                  $('#diagBheading').html('Diagnosis #2');
  517.                  $('#diagBNav').html('<input type="button" class="upbutton" id="diagBup" title="Change Order of Diagnosis" /><br /><input type="button" class="downbutton" id="diagBdown" title="Change Order of Diagnosis" />');
  518.                  $('#diagCheading').html('Diagnosis #1');
  519.                  $('#diagCNav').html('<input type="button" class="downbutton" id="diagCdown" title="Change Order of Diagnosis" />');
  520.                  $("#diagB").removeClass('blueInput').addClass('yellowInput');
  521.              } else if (a == 3 && b == 1 && c == 2) {
  522.                  $('#diagC').insertBefore($('#diagA'));
  523.                  $('#diagB').insertBefore($('#diagC'));
  524.                  $('#diagAheading').html('Diagnosis #3');
  525.                  $('#diagANav').html('<input type="button" class="upbutton" id="diagAup" title="Change Order of Diagnosis"/>');
  526.                  $('#diagBheading').html('Diagnosis #1');
  527.                  $('#diagBNav').html('<input type="button" class="downbutton" id="diagBdown" title="Change Order of Diagnosis" />');
  528.                  $('#diagCheading').html('Diagnosis #2');
  529.                  $('#diagCNav').html('<input type="button" class="upbutton" id="diagCup" title="Change Order of Diagnosis" /><br /><input type="button" class="downbutton" id="diagCdown" title="Change Order of Diagnosis" />');
  530.                  $("#diagC").removeClass('blueInput').addClass('yellowInput');
  531.              }
  532.              $('#aClear').insertAfter($('#diagA'));
  533.              $('#bClear').insertAfter($('#diagB'));
  534.              $('#cClear').insertAfter($('#diagC'));
  535.              
  536.          }
  537.      
  538.          function bindClicks() {  
  539.                  var aRows = 3;
  540.              var bRows = 3;
  541.              var cRows = 3;
  542.              var sRows = 3;
  543.              var aPos = 1;
  544.              var bPos = 2;
  545.              var cPos = 3;
  546.              
  547.              //$("#diagA").addClass('blueInput');
  548.              //$("#diagB").addClass('yellowInput');
  549.              //$("#diagC").addClass('blueInput');
  550.                      
  551.              $("#diagAAddButton").live('click', function() {
  552.                  aRows = $('.rowA').size();
  553.                  aRows = aRows + 1;
  554.                  if (aRows < 8) {
  555.                      $('#diagAFields').append('<div id="rowA'+aRows+'" class="rowA"><div class="fields-left"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><div class="fields-right"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><\/div>');
  556.                  } else if (aRows == 8) {
  557.                      $('#diagAFields').append('<div id="rowA'+aRows+'" class="rowA"><div class="fields-left"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><div class="fields-right"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><\/div>');
  558.                      stopAddRows("A");
  559.                  }
  560.              });
  561.              
  562.              $("#diagBAddButton").live('click', function() {
  563.                  bRows = $('.rowB').size();
  564.                  bRows = bRows + 1;
  565.                  if (bRows < 8) {
  566.                      $('#diagBFields').append('<div id="rowB'+bRows+'" class="rowB"><div class="fields-left"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><div class="fields-right"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><\/div>');
  567.                  } else if ( bRows == 8) {
  568.                      $('#diagBFields').append('<div id="rowB'+bRows+'" class="rowB"><div class="fields-left"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><div class="fields-right"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><\/div>');
  569.                      stopAddRows("B");
  570.                  }
  571.              });
  572.              
  573.              $("#diagCAddButton").live('click', function() {
  574.                  cRows = $('.rowC').size();
  575.                  cRows = cRows + 1;
  576.                  if (cRows < 8) {
  577.                      $('#diagCFields').append('<div id="rowC'+cRows+'" class="rowC"><div class="fields-left"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><div class="fields-right"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><\/div>');
  578.                  } else if (cRows == 8) {
  579.                      $('#diagCFields').append('<div id="rowC'+cRows+'" class="rowC"><div class="fields-left"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><div class="fields-right"><input type="text" class="text" maxlength="100" style="width: 100%"><\/div><\/div>');
  580.                      stopAddRows("C");
  581.                  }
  582.              });
  583.              
  584.              $("#diagSAddButton").live('click', function() {
  585.                  sRows = sRows + 1;
  586.                  if (sRows < 8) {
  587.                      $('#diagSStudies').append('<input type="text" maxlength="100" style="width: 100%"><br />');
  588.                      
  589.                      
  590.                  } else if (sRows == 8) {
  591.                      $('#diagSStudies').append('<input type="text" maxlength="100" style="width: 100%"><br />');
  592.                      $('#diagSAdd').html('<img src="pics/addrow_gray.png" class="graybutton"/>');
  593.                  }
  594.              });
  595.              
  596.              $("#diagAdown").live('click', function() {
  597.                  if (aPos == 1 && bPos == 2) {
  598.                      aPos = 2;
  599.                      bPos = 1;
  600.                      cPos = 3;
  601.                  } else if (aPos == 1 && bPos == 3) {
  602.                      aPos = 2;
  603.                      bPos = 3;
  604.                      cPos = 1;
  605.                  } else if (aPos == 2 && bPos == 1) {
  606.                      aPos = 3;
  607.                      bPos = 1;
  608.                      cPos = 2;
  609.                  } else if (aPos == 2 && bPos == 3) {
  610.                      aPos = 3;
  611.                      bPos = 2;
  612.                      cPos = 1;
  613.                  }
  614.                  moveDivs(aPos, bPos, cPos);
  615.              });
  616.              $("#diagAup").live('click', function() {
  617.                  if (aPos == 2 && bPos == 1) {
  618.                      aPos = 1;
  619.                      bPos = 2;
  620.                      cPos = 3;
  621.                  } else if (aPos == 2 && bPos == 3) {
  622.                      aPos = 1;
  623.                      bPos = 3;
  624.                      cPos = 2;
  625.                  } else if (aPos == 3 && bPos == 1) {
  626.                      aPos = 2;
  627.                      bPos = 1;
  628.                      cPos = 3;
  629.                  } else if (aPos == 3 && bPos == 2) {
  630.                      aPos = 1;
  631.                      bPos = 3;
  632.                      cPos = 2;
  633.                  }
  634.                  moveDivs(aPos, bPos, cPos);
  635.              });
  636.              $("#diagBdown").live('click', function() {
  637.                  if (aPos == 2 && bPos == 1) {
  638.                      aPos = 1;
  639.                      bPos = 2;
  640.                      cPos = 3;
  641.                  } else if (aPos == 3 && bPos == 1) {
  642.                      aPos = 3;
  643.                      bPos = 2;
  644.                      cPos = 1;
  645.                  } else if (aPos == 1 && bPos == 2) {
  646.                      aPos = 1;
  647.                      bPos = 3;
  648.                      cPos = 2;
  649.                  } else if (aPos == 3 && bPos == 2) {
  650.                      aPos = 2;
  651.                      bPos = 3;
  652.                      cPos = 1;
  653.                  }
  654.                  moveDivs(aPos, bPos, cPos);
  655.              });
  656.              $("#diagBup").live('click', function() {
  657.                  if (aPos == 1 && bPos == 2) {
  658.                      aPos = 2;
  659.                      bPos = 1;
  660.                      cPos = 3;
  661.                  } else if (aPos == 3 && bPos == 2) {
  662.                      aPos = 3;
  663.                      bPos = 1;
  664.                      cPos = 2;
  665.                  } else if (aPos == 1 && bPos == 3) {
  666.                      aPos = 1;
  667.                      bPos = 2;
  668.                      cPos = 3;
  669.                  } else if (aPos == 2 && bPos == 3) {
  670.                      aPos = 3;
  671.                      bPos = 2;
  672.                      cPos = 1;
  673.                  }
  674.                  moveDivs(aPos, bPos, cPos);
  675.              });
  676.              $("#diagCdown").live('click', function() {
  677.                  if (aPos == 2 && cPos == 1) {
  678.                      aPos = 1;
  679.                      bPos = 3;
  680.                      cPos = 2;
  681.                  } else if (aPos == 3 && cPos == 1) {
  682.                      aPos = 3;
  683.                      bPos = 1;
  684.                      cPos = 2;
  685.                  } else if (aPos == 1 && cPos == 2) {
  686.                      aPos = 1;
  687.                      bPos = 2;
  688.                      cPos = 3;
  689.                  } else if (aPos == 3 && cPos == 2) {
  690.                      aPos = 2;
  691.                      bPos = 1;
  692.                      cPos = 3;
  693.                  }
  694.                  moveDivs(aPos, bPos, cPos);
  695.              });
  696.              $("#diagCup").live('click', function() {
  697.                  if (aPos == 1 && cPos == 2) {
  698.                      aPos = 2;
  699.                      bPos = 3;
  700.                      cPos = 1;
  701.                  } else if (aPos == 3 && cPos == 2) {
  702.                      aPos = 3;
  703.                      bPos = 2;
  704.                      cPos = 1;
  705.                  } else if (aPos == 2 && cPos == 3) {
  706.                      aPos = 3;
  707.                      bPos = 1;
  708.                      cPos = 2;
  709.                  } else if (aPos == 1 && cPos == 3) {
  710.                      aPos = 1;
  711.                      bPos = 3;
  712.                      cPos = 2;
  713.                  }
  714.                  moveDivs(aPos, bPos, cPos);
  715.              });
  716.              
  717.              
  718.              
  719.              
  720.              
  721.      }
  722.      
  723.          $(document).ready(bindClicks);
  724.          
  725.            
  726.          
  727.     </script>
  728.     <style>
  729.          
  730.          #defaultCountdown{
  731.          display:inline;
  732.      }
  733.          textarea {
  734.          font-family: Tahoma, Arial, Helvetica, sans-serif ;
  735.          resize: none;
  736.          width:90%;
  737.      }
  738.            body {
  739.                Background-color: #F0EEEE;
  740.                COLOR: #000;
  741.              font-size: 11px;
  742.              font-family:  Arial, Helvetica, sans-serif ;
  743.            /*  MARGIN: 15px 0 0 15px; */
  744.                PADDING: 0;
  745.            }
  746.           .defaultColor{
  747.              Background-color: #F0EEEE;
  748.              color:Black;
  749.           }
  750.           .invertedColor {
  751.                Background-color: #000000 !important;
  752.              Background: #000000 url('') !important;
  753.                color:white !important;
  754.              
  755.            }
  756.          
  757.            h1 {
  758.             /* FONT-SIZE: 1.2em;
  759.                FONT-WEIGHT: bold; */
  760.                MARGIN: 0 0 15px;
  761.            }
  762.            h2 {
  763.             /* FONT-SIZE: 1em;
  764.                FONT-WEIGHT: bold; */
  765.            }
  766.            input {
  767.              WIDTH: 300px;
  768.            }
  769.            .label {
  770.                /*FONT-WEIGHT: normal;
  771.                FONT-SIZE: .9em;*/
  772.                COLOR: #000;
  773.            }
  774.            .textdata {
  775.            /*  FONT-SIZE: .9em;
  776.                COLOR: #000000; */
  777.            }
  778.            #header {
  779.                font-size: 11px;
  780.              background-color: #000099;
  781.              color: #FFFFFF;
  782.              font-weight: bold;
  783.              /* text-align: center; */
  784.            }
  785.                . {
  786.                font-size: 14px;
  787.              background-color: #000099;
  788.              color: #FFFFFF;
  789.              text-align: left;
  790.              padding: 5px;
  791.            }
  792.            #PNEntry,  #finish {
  793.                PADDING: 0;
  794.                MARGIN: 0;
  795.            /*  WIDTH: 800px; */
  796.                WIDTH: 100%;
  797.            }
  798.            #finish {
  799.              DISPLAY: none;
  800.            }
  801.            .col {
  802.              FLOAT: left;
  803.              WIDTH: 47%;      
  804.            }
  805.            .col p { height: 70px; }
  806.            .diagContainer {
  807.                border: solid;
  808.              border-width: 2px;
  809.              border-color:#3F8CB1;
  810.              padding: 5px;
  811.            }
  812.            .fields {
  813.                  width: 100%;
  814.               position: relative;
  815.               display: inline-block;
  816.              }
  817.              .fields-left {
  818.                  width: 49%;
  819.              float: left;
  820.              }
  821.              .fields-right {
  822.                  width: 49%;
  823.               float: right;
  824.      
  825.              }
  826.              .clear { clear: both;}
  827.              .fields-small{
  828.                  width: 150px;
  829.              }
  830.              .mybutton {
  831.          background:url(pics/submit.PNG) no-repeat;
  832.          cursor:pointer;
  833.          border: none;
  834.          height: 38px;
  835.          width: 120px;
  836.          align: center;
  837.      }
  838.      .addbutton {
  839.          background:url(pics/addrow.PNG) no-repeat;
  840.          cursor:pointer;
  841.          border: none;
  842.          height: 30px;
  843.          width: 120px;
  844.          align: center;
  845.          margin: 2px 2px 2px 2px ;
  846.      }
  847.      .downbutton {
  848.          background:url(pics/buttondown.PNG) no-repeat;
  849.          cursor:pointer;
  850.          border: none;
  851.          height: 42px;
  852.          width: 42px;
  853.          align: center;
  854.          margin: 2px 2px 2px 2px ;
  855.      }
  856.      .upbutton {
  857.          background:url(pics/buttonup.PNG) no-repeat;
  858.          cursor:pointer;
  859.          border: none;
  860.          height: 42px;
  861.          width: 42px;
  862.          align: center;
  863.          margin: 2px 2px 2px 2px ;
  864.      }
  865.      .buttons {
  866.          width: 100%;
  867.          position: relative;
  868.               display: inline-block;
  869.      }
  870.      
  871.      .buttonleft {
  872.          width: 49%;
  873.      position: relative;
  874.      }
  875.      
  876.      .buttonleft2 {
  877.          width: 100%;
  878.      position: relative;
  879.      float:left;
  880.      }
  881.      
  882.      .buttonright {
  883.          width: 49%;  
  884.          float: right;
  885.          text-align: right;
  886.          position: relative;
  887.      }
  888.      
  889.      hr {
  890.          height: 10px;
  891.      }
  892.      .yellowInput input[type=text] {
  893.          background-color: #FFFFCB;
  894.      }
  895.      .yellowInput input.text {
  896.          background-color: #FFFFCB;
  897.      }
  898.      .blueInput input[type=text] {
  899.          background-color: #DAFAFC;
  900.      }
  901.      .blueInput input.text {
  902.          background-color: #DAFAFC;
  903.      }
  904.      
  905.      #text_area_input {
  906.          width:508px;
  907.          min-height:36px;
  908.          font-family:  Arial, Helvetica, sans-serif ;
  909.          font-size:11px;
  910.          border-color:#AEAEAE #BBBBBB #BBBBBB;
  911.          border-style:solid;
  912.          border-width:1px;
  913.          border-top:2px solid #E8E8E8;
  914.      }
  915.      #progresscontain {
  916.          display: inline-block;
  917.          
  918.              *display: inline;
  919.              *font-size: 0px;
  920.          height: 8px;
  921.          border-width: 1px;
  922.          border-style: solid;
  923.          border-color: #CCC;
  924.          width: 62%;
  925.      }
  926.      #count1 {
  927.      
  928.          /*width: 37%;*/
  929.          display: inline-block;
  930.          
  931.              *display: inline;
  932.          
  933.      }
  934.      #count2 {
  935.      
  936.          /*width: 37%;*/
  937.          display: inline-block;
  938.      
  939.              *display: inline;
  940.      
  941.          
  942.      }
  943.      #txtPE_progressbar {
  944.          width:0px;
  945.          height:8px;
  946.          padding-top: 0px;
  947.      }
  948.      #txtComments_progressbar {
  949.          width:0px;
  950.          height:8px;
  951.          margin-top: 0px;
  952.      }
  953.      #barbox {
  954.          float:right;
  955.          height:8px;
  956.          background-color:#FFFFFF;
  957.          width:100px;
  958.          border:solid 2px #000;
  959.          margin-right:3px;
  960.          -webkit-border-radius:5px;
  961.          -moz-border-radius:5px;
  962.      }
  963.      #count {
  964.          float:right;
  965.          margin-right:8px;
  966.          font-family:  Arial, Helvetica, sans-serif;
  967.          font-size:16px;
  968.          font-weight:bold;
  969.          color:#666666
  970.      }
  971.      .txtBig {
  972.          vertical-align: text-bottom;
  973.          display: inline-block;
  974.              box-sizing: border-box;
  975.          -moz-box-sizing: border-box;
  976.          -webkit-box-sizing: border-box;
  977.          
  978.          font-family:Courier New;
  979.          font-size:12pt;
  980.          overflow:auto;
  981.          
  982.      }
  983.      .graybutton
  984.      {
  985.      opacity:0.4;
  986.      filter:alpha(opacity=40); /* For IE8 and earlier */
  987.      
  988.      margin: 3px;
  989.      }
  990.      
  991.      
  992.      
  993.          #magnify_box {
  994.          background:url("images/magnify.ico") 50% 50% no-repeat;
  995.          text-align:center;
  996.          display: table-cell;
  997.          vertical-align: bottom;
  998.          float:right;
  999.          width:100px;
  1000.          height:40px;
  1001.          border-style: solid;
  1002.          border-width: 1px;
  1003.          border-color:white;
  1004.          position:absolute;
  1005.          right:21px;
  1006.          top:60px;
  1007.          
  1008.          padding:0 0 0 0;
  1009.          }
  1010.          #invertColors_box {
  1011.          background:url("images/invert.ico") 50% 50% no-repeat;
  1012.          text-align:center;
  1013.          vertical-align: bottom;
  1014.          float:right;
  1015.          width:100px;
  1016.          height:40px;
  1017.          border-style: solid;
  1018.          border-width: 1px;
  1019.          border-color:white;
  1020.          position:absolute;
  1021.          right:21px;
  1022.          top:100px;
  1023.          
  1024.          }
  1025.          #headerIconText {
  1026.          position: absolute;
  1027.          bottom: 0;
  1028.          width: 100%;
  1029.          right:0px;
  1030.      }
  1031.      
  1032.      #bodyContent{
  1033.      height: 80%;
  1034.          overflow-y:scroll;
  1035.          
  1036.      }
  1037.      .header2 {
  1038.                font-size: 14px;
  1039.              background-color: #000099;
  1040.              color: #FFFFFF;
  1041.              text-align: left;
  1042.              padding: 5px;
  1043.            }
  1044.            .ui-widget { width: 80% !important; font-family: Tahoma, Verdana,Arial,sans-serif; font-size: 1.1em; }
  1045.     </style>
  1046. </head>
  1047. <body class="defaultColor" draggable="false" ondragenter="event.dataTransfer.dropEffect='none'; event.stopPropagation(); event.preventDefault();" ondragover="event.dataTransfer.dropEffect='none';event.stopPropagation(); event.preventDefault();" ondragstart="return false" ondrop="event.dataTransfer.dropEffect='none';event.stopPropagation(); event.preventDefault();">
  1048.     <div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs" style="width:800px; align: center;">
  1049.         <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
  1050.             <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
  1051.                 <a href="#tabs-1">Patient Note</a>
  1052.             </li>
  1053.             <li class="ui-state-default ui-corner-top">
  1054.                 <a href="#tabs-2">Examinee Instructions</a>
  1055.             </li>
  1056.         </ul>
  1057.         <form action="submit.php" id="PNEntryForm" method="post" name="push">
  1058.             <div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-1">
  1059.                 <div id="PNEntry">
  1060.                     <div class="text" id="header">
  1061.                         <p align="center">Examinee Name&nbsp;&nbsp;&nbsp; Jane Doe</p><br>
  1062.                         <div id="magnify_box">
  1063.                             <span id="headerIconText">Magnify Text</span>
  1064.                         </div>
  1065.                         <div id="invertColors_box">
  1066.                             <span id="headerIconText">Invert Colors</span>
  1067.                         </div>
  1068.                         <table class="text" id="header" width="100%">
  1069.                             <tbody>
  1070.                                 <tr>
  1071.                                     <td class="text" width="20%">USMLE ID</td>
  1072.                                     <td class="text" width="20%">0-123-456-7</td>
  1073.                                     <td width="20%"></td>
  1074.                                     <td width="20%">Badge ID</td>
  1075.                                     <td width="20%">2</td>
  1076.                                 </tr>
  1077.                                 <tr>
  1078.                                     <td width="20%">Room Number</td>
  1079.                                     <td width="20%">2</td>
  1080.                                     <td width="20%"></td>
  1081.                                     <td width="20%">Encounter</td>
  1082.                                     <td width="20%">1</td>
  1083.                                 </tr>
  1084.                                 <tr>
  1085.                                     <td align="center" colspan="5"><span id="errorMsg" style="text-align:center;"></span></td>
  1086.                                 </tr>
  1087.                             </tbody>
  1088.                         </table>
  1089.                         <p align="right">Time Remaining:&nbsp;&nbsp;&nbsp;<span class="lineCountdown is-countdown" id="defaultCountdown"><span class="countdown-row countdown-amount"></span></span></p>
  1090.                     </div>
  1091.                     <div id="bodyContent">
  1092.                         <p class="textdata"></p>
  1093.                         <div id="txtComments_LineHeight" style="font-family:Courier New; font-size:12pt; visibility:hidden;">
  1094.                             <br>
  1095.                         </div><label class="text" for="txtComments"><strong>HISTORY</strong>: Describe the history you just obtained from this patient. Include only information (pertinent positives and negatives) relevant to this patient's problem(s).</label><br>
  1096.                         <textarea class="txtBig text defaultColor" cols="70" id="Comments" name="txtComments" rows="7" spellcheck="false" style="font-family: Courier New; font-size: 12pt; overflow: auto; line-height: 19px;" wrap="virtual"></textarea>
  1097.                         <div>
  1098.                             <div id="progresscontain">
  1099.                                 <div id="txtComments_progressbar" style="background-image: url(&quot;pics/progress.png&quot;); width: 0%;"></div>
  1100.                             </div>
  1101.                             <div class="text" id="count2">
  1102.                                 &nbsp;&nbsp;&nbsp;<b>Lines:</b><input class="defaultColor" id="txtComments_Lines" maxlength="4" name="Comments_Lines" readonly="readonly" size="1" style="text-align:center; border-width:0px; width:36px;" type="text" value="0">/<input class="defaultColor" id="txtComments_maxLines" maxlength="3" name="Comments_maxLines" readonly="readonly" size="1" style="text-align:center; border-width:0px; width:28px;" type="text" value="0"> <b>Characters:</b><input class="defaultColor" id="txtComments_Chars" maxlength="4" name="txtComments_Chars" readonly="readonly" size="1" style="text-align:center; border-width:0px; width:36px;" type="text" value="0">/<input class="defaultColor" id="txtComments_maxChars" name="txtComments_maxChars" readonly="readonly" size="1" style="text-align:center; border-width:0px; width:36px;" type="text" value="0">
  1103.                             </div>
  1104.                         </div>
  1105.                         <p></p>
  1106.                         <p class="textdata"></p>
  1107.                         <div id="txtPE_LineHeight" style="font-family:Courier New; font-size:12pt; visibility:hidden;">
  1108.                             <br>
  1109.                         </div><label class="text" for="txtPE"><strong>PHYSICAL EXAMINATION</strong>: Describe any positive and negative findings relevant to this patient's problem(s). Be careful to include <em>only</em> those parts of examination you performed in <em>this</em> encounter.</label><br>
  1110.                         <textarea class="txtBig text defaultColor" cols="70" id="txtPE" name="PE" rows="7" spellcheck="false" style="font-family: Courier New; font-size: 12pt; overflow: auto; line-height: 19px;" wrap="virtual"></textarea>
  1111.                         <div>
  1112.                             <div id="progresscontain">
  1113.                                 <div id="txtPE_progressbar" style="background-image: url(&quot;pics/progress.png&quot;); width: 0%;"></div>
  1114.                             </div>
  1115.                             <div class="text" id="count2">
  1116.                                 &nbsp;&nbsp;&nbsp;<b>Lines:</b><input class="defaultColor" id="txtPE_Lines" maxlength="4" name="PE_Lines" readonly="readonly" size="1" style="text-align:center; border-width:0px; width:36px;" type="text" value="0">/<input class="defaultColor" id="txtPE_maxLines" maxlength="3" name="PE_maxLines" readonly="readonly" size="1" style="text-align:center; border-width:0px; width:28px;" type="text" value="0"> <b>Characters:</b><input class="defaultColor" id="txtPE_Chars" maxlength="4" name="txtPE_Chars" readonly="readonly" size="1" style="text-align:center; border-width:0px; width:36px;" type="text" value="0">/<input class="defaultColor" id="txtPE_maxChars" name="txtPE_maxChars" readonly="readonly" size="1" style="text-align:center; border-width:0px; width:36px;" type="text" value="0">
  1117.                             </div>
  1118.                         </div>
  1119.                         <p></p>
  1120.                         <p class="textdata text"><label for="label"><strong>DIAGNOSTIC REASONING</strong>: <em>Based on what you have learned from the history and the physical examination</em>, list up to 3 diagnoses that might explain this patient's complaint(s). List your diagnoses from most to least likely. For some cases, fewer than 3 diagnoses will be appropriate. Then, enter the positive or negative findings from the history and the physical examination (if present) that support each diagnosis. Lastly, list initial <em>diagnostic</em> studies (if any) you would order for this patient (e.g. restricted physical exam maneuvers, laboratory tests, imaging, ECG, etc.)</label></p>
  1121.                         <div class="diagAColors" id="diagA">
  1122.                             <div class="diagContainer text">
  1123.                                 <span id="diagAheading">Diagnosis #1</span><br>
  1124.                                 <div id="diagAheader" style="width:100%; white-space:nowrap">
  1125.                                     <input class="text" maxlength="100" style="width: 100%" type="text">
  1126.                                 </div><br>
  1127.                                 <div class="fields" id="diagAFields">
  1128.                                     <div class="fields-left">
  1129.                                         <span>History Finding(s)</span>
  1130.                                     </div>
  1131.                                     <div class="fields-right">
  1132.                                         <span>Physical Exam Finding(s)</span>
  1133.                                     </div>
  1134.                                     <div class="rowA" id="rowA1">
  1135.                                         <div class="fields-left">
  1136.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1137.                                         </div>
  1138.                                         <div class="fields-right">
  1139.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1140.                                         </div>
  1141.                                     </div>
  1142.                                     <div class="rowA" id="rowA2">
  1143.                                         <div class="fields-left">
  1144.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1145.                                         </div>
  1146.                                         <div class="fields-right">
  1147.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1148.                                         </div>
  1149.                                     </div>
  1150.                                     <div class="rowA" id="rowA3">
  1151.                                         <div class="fields-left">
  1152.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1153.                                         </div>
  1154.                                         <div class="fields-right">
  1155.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1156.                                         </div>
  1157.                                     </div>
  1158.                                 </div>
  1159.                                 <div class="clear"></div>
  1160.                             </div>
  1161.                             <div class="buttons" id="diagAButtons">
  1162.                                 <div class="buttonright" id="diagAAdd">
  1163.                                     <input class="addbutton" id="diagAAddButton" type="button">
  1164.                                 </div>
  1165.                                 <div class="buttonleft" id="diagANav">
  1166.                                     <input class="downbutton" id="diagAdown" title="Change Order of Diagnosis" type="button">
  1167.                                 </div>
  1168.                             </div>
  1169.                             <p></p>
  1170.                         </div>
  1171.                         <div class="clear" id="aClear"></div>
  1172.                         <div id="diagB">
  1173.                             <div class="diagContainer text">
  1174.                                 <span id="diagBheading">Diagnosis #2</span><br>
  1175.                                 <div id="diagBheader" style="width:100%; white-space:nowrap">
  1176.                                     <input class="text" maxlength="100" style="width: 100%" type="text">
  1177.                                 </div><br>
  1178.                                 <div class="fields" id="diagBFields">
  1179.                                     <div class="fields-left">
  1180.                                         <span>History Finding(s)</span>
  1181.                                     </div>
  1182.                                     <div class="fields-right">
  1183.                                         <span>Physical Exam Finding(s)</span>
  1184.                                     </div>
  1185.                                     <div class="rowB" id="rowB1">
  1186.                                         <div class="fields-left">
  1187.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1188.                                         </div>
  1189.                                         <div class="fields-right">
  1190.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1191.                                         </div>
  1192.                                     </div>
  1193.                                     <div class="rowB" id="rowB2">
  1194.                                         <div class="fields-left">
  1195.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1196.                                         </div>
  1197.                                         <div class="fields-right">
  1198.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1199.                                         </div>
  1200.                                     </div>
  1201.                                     <div class="rowB" id="rowB3">
  1202.                                         <div class="fields-left">
  1203.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1204.                                         </div>
  1205.                                         <div class="fields-right">
  1206.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1207.                                         </div>
  1208.                                     </div>
  1209.                                 </div>
  1210.                                 <div class="clear"></div>
  1211.                             </div>
  1212.                             <div class="buttons" id="diagBButtons">
  1213.                                 <div class="buttonright" id="diagBAdd">
  1214.                                     <input class="addbutton" id="diagBAddButton" type="button">
  1215.                                 </div>
  1216.                                 <div class="buttonleft" id="diagBNav">
  1217.                                     <input class="upbutton" id="diagBup" title="Change Order of Diagnosis" type="button"><br>
  1218.                                     <input class="downbutton" id="diagBdown" title="Change Order of Diagnosis" type="button">
  1219.                                 </div>
  1220.                             </div>
  1221.                             <p></p>
  1222.                         </div>
  1223.                         <div class="clear" id="bClear"></div>
  1224.                         <div id="diagC">
  1225.                             <div class="diagContainer text">
  1226.                                 <span id="diagCheading">Diagnosis #3</span><br>
  1227.                                 <div id="diagCheader" style="width:100%; white-space:nowrap">
  1228.                                     <input class="text" maxlength="100" style="width: 100%" type="text">
  1229.                                 </div><br>
  1230.                                 <div class="fields" id="diagCFields">
  1231.                                     <div class="fields-left">
  1232.                                         <span>History Finding(s)</span>
  1233.                                     </div>
  1234.                                     <div class="fields-right">
  1235.                                         <span>Physical Exam Finding(s)</span>
  1236.                                     </div>
  1237.                                     <div class="rowC" id="rowC1">
  1238.                                         <div class="fields-left">
  1239.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1240.                                         </div>
  1241.                                         <div class="fields-right">
  1242.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1243.                                         </div>
  1244.                                     </div>
  1245.                                     <div class="rowC" id="rowC2">
  1246.                                         <div class="fields-left">
  1247.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1248.                                         </div>
  1249.                                         <div class="fields-right">
  1250.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1251.                                         </div>
  1252.                                     </div>
  1253.                                     <div class="rowC" id="rowC3">
  1254.                                         <div class="fields-left">
  1255.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1256.                                         </div>
  1257.                                         <div class="fields-right">
  1258.                                             <input class="text" maxlength="100" style="width: 100%" type="text">
  1259.                                         </div>
  1260.                                     </div>
  1261.                                 </div>
  1262.                                 <div class="clear"></div>
  1263.                             </div>
  1264.                             <div class="buttons" id="diagCButtons">
  1265.                                 <div class="buttonright" id="diagCAdd">
  1266.                                     <input class="addbutton" id="diagCAddButton" type="button">
  1267.                                 </div>
  1268.                                 <div class="buttonleft" id="diagCNav">
  1269.                                     <input class="upbutton" id="diagCup" title="Change Order of Diagnosis" type="button">
  1270.                                 </div>
  1271.                             </div>
  1272.                             <p></p>
  1273.                         </div>
  1274.                         <div class="clear" id="cClear"></div>
  1275.                         <div id="diagS">
  1276.                             <div class="diagContainer text" style="width: 50%;">
  1277.                                 <div class="fields" id="diagSFields">
  1278.                                     <div id="diagSStudies">
  1279.                                         <span>Diagnostic Study/Studies</span>
  1280.                                         <input maxlength="100" style="width: 100%" type="text"><br>
  1281.                                         <input maxlength="100" style="width: 100%" type="text"><br>
  1282.                                         <input maxlength="100" style="width: 100%" type="text"><br>
  1283.                                     </div>
  1284.                                 </div>
  1285.                                 <div class="clear"></div>
  1286.                             </div>
  1287.                             <div class="buttons" id="diagSButtons">
  1288.                                 <div class="buttonleft2" id="diagSAdd">
  1289.                                     <input class="addbutton" id="diagSAddButton" type="button">
  1290.                                 </div>
  1291.                             </div><br>
  1292.                             <br>
  1293.                         </div>
  1294.                         <div class="clear"></div>
  1295.                         <div align="center">
  1296.                             <input class="mybutton" id="submitButton" type="button">
  1297.                         </div>
  1298.                         <script type="text/javascript">
  1299.                             <!--
  1300.                             document.body.onLoad=checkLimits(document.getElementById('txtPE'),document.getElementById('txtPE_Chars'),document.getElementById('txtPE_Lines'),'#txtPE_progressbar',null);
  1301.                                                 checkLimits(document.getElementById('txtComments'),document.getElementById('txtComments_Chars'),document.getElementById('txtComments_Lines'),'#txtComments_progressbar',null);
  1302.                             // possible events for noscroll_TA
  1303.                               document.getElementById('txtPE').onkeyup=getEvent;
  1304.                               document.getElementById('txtPE').onfocus=getEvent;
  1305.                             /*
  1306.                               document.getElementById('noscroll_TA').onblur=getEvent;
  1307.                               document.getElementById('noscroll_TA').onmousedown=getEvent;
  1308.                               document.getElementById('noscroll_TA').onmouseup=getEvent;
  1309.                               document.getElementById('noscroll_TA').onchange=getEvent;
  1310.                               document.getElementById('noscroll_TA').oncut=getEvent;
  1311.                               document.getElementById('noscroll_TA').onpaste=getEvent;
  1312.                             */
  1313.                              
  1314.                             // possible events for scroll_TA
  1315.                              document.getElementById('txtComments').onkeyup=getEvent;
  1316.                              document.getElementById('txtComments').onfocus=getEvent;
  1317.                             /*
  1318.                               document.getElementById('scroll_TA').onblur=getEvent;
  1319.                               document.getElementById('scroll_TA').onmousedown=getEvent;
  1320.                               document.getElementById('scroll_TA').onmouseup=getEvent;
  1321.                               document.getElementById('scroll_TA').onchange=getEvent;
  1322.                               document.getElementById('scroll_TA').oncut=getEvent;
  1323.                               document.getElementById('scroll_TA').onpaste=getEvent;
  1324.                             */
  1325.                             //-->
  1326.                         </script>
  1327.                     </div>
  1328.                 </div>
  1329.                 <div id="finish">
  1330.                     <h2>Your Patient note has been saved.<br>
  1331.                     Please await the proctor's instructions.</h2>
  1332.                 </div>
  1333.             </div>
  1334.         </form>
  1335.         <div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-2">
  1336.             <p class="header2">Opening Scenario</p>
  1337.             <p>John Miller, a 20-year-old male, has come to the student health clinic reporting knee pain.</p>
  1338.             <p class="header2">Vital Signs</p>
  1339.             <p><b>Temperature</b>: 98.8°F (37.1°C)<br>
  1340.             <br>
  1341.             <b>Blood Pressure</b>: 120/76 mm Hg<br>
  1342.             <br>
  1343.             <b>Heart Rate</b>: 78/min<br>
  1344.             <br>
  1345.             <b>Respirations</b>: 15/min<br>
  1346.             <br></p>
  1347.             <p class="header2">Instructions</p>
  1348.             <ol>
  1349.                 <li>Obtain a history pertinent to this patient's problem.</li>
  1350.                 <li>Perform a relevant physical examination (Do not perform a breast, pelvic/genital, corneal reflex, or rectal examination).</li>
  1351.                 <li>Discuss your impressions and any initial plans with the patient.</li>
  1352.                 <li>After leaving the room, complete your patient notes on the given form or computer.</li>
  1353.             </ol>
  1354.         </div>
  1355.     </div>
  1356. </body>
  1357. </html>
Advertisement
Add Comment
Please, Sign In to add comment