Want more features on Pastebin? Sign Up, it's FREE!
Guest

oliver_html_dump

By: a guest on Mar 26th, 2011  |  syntax: HTML  |  size: 5.87 KB  |  views: 146  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.         <head>
  5.                 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.                 <title>jQuery UI Example Page</title>
  7.                 <link type="text/css" href="css/smoothness/jquery-ui-1.8.11.custom.css" rel="stylesheet" />    
  8.                 <link type="text/css" href="css/backend-style.css" rel="stylesheet" /> 
  9.                 <link rel="stylesheet" type="text/css" href="css/jquery.cleditor.css" />
  10.                 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  11.                 <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
  12.                 <script type="text/javascript" src="js/jquery.cleditor.min.js"></script>
  13.                
  14.                 <script type="text/javascript">
  15.                   $(document).ready(function()
  16.                   {
  17.                           $("#input").cleditor({width: 555,height: 350});                      
  18.                          $(function(){$("#datebox").datepicker();});
  19.                          
  20.                          $('#error-form').dialog({autoOpen:false,modal:true,draggable:false,resizable:false,buttons: [
  21.                          { text: "Ok", click: function() { $(this).dialog("close"); } }]});
  22.                          
  23.                          $('.news-list-item').hover(function()
  24.                          {
  25.                                  $(this).addClass('news-list-hover');
  26.                          }, function()
  27.                          {
  28.                                  $(this).removeClass('news-list-hover');
  29.                          });
  30.                          
  31.                          
  32.                          
  33.                   });
  34.                          function EditFormSubmit()
  35.                          {
  36.                                 var error_flag = 0;
  37.                                
  38.                                 if(document.editform.edittitle.value == "")
  39.                                 {
  40.                                         $('#titlebox').addClass("form-error-highlight");
  41.                                         error_flag++;
  42.                                 }
  43.                                 else
  44.                                 {
  45.                                         $('#titlebox').removeClass("form-error-highlight");
  46.                                 }
  47.                                 if(document.editform.editauthor.value == "")
  48.                                 {
  49.                                         $('#authorbox').addClass("form-error-highlight");
  50.                                         error_flag++;
  51.                                 }
  52.                                 else
  53.                                 {
  54.                                         $('#authorbox').removeClass("form-error-highlight");
  55.                                 }
  56.                                 if(document.editform.editdate.value == "")
  57.                                 {
  58.                                         $('#datebox').addClass("form-error-highlight");
  59.                                         error_flag++;
  60.                                 }
  61.                                 else
  62.                                 {
  63.                                         $('#datebox').removeClass("form-error-highlight");
  64.                                 }
  65.                                
  66.                                 if(error_flag > 0)
  67.                                 {
  68.                                         $('#error-form').dialog('open');
  69.                                 }
  70.                                 else
  71.                                 {
  72.                                         alert("submitting");
  73.                                         document.editform.submit();
  74.                                 }
  75.                          }
  76.                          
  77.                          function EditFormPreview()
  78.                          {
  79.                                  var pp = window.open("", "newwin", "height=500, width=550,toolbar=no,menubar=no");
  80.                                  pp.document.write('<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />');
  81.                                  pp.document.write('<link rel="stylesheet" type="text/css" href="css/preview.css" /></head><body><div class="main">');
  82.                                  pp.document.write('<div class="title">' + document.editform.edittitle.value + '</div>');
  83.                                  pp.document.write('<div class="date">' + document.editform.editdate.value + '</div>');
  84.                                  pp.document.write('<div class="author">' + document.editform.editauthor.value + '</div>');
  85.                                  pp.document.write('<div class="body">' + document.editform.editbody.value + '</div></div>');
  86.                                  pp.document.write('</body>');
  87.                                  pp.document.write('</html>');
  88.                          }
  89.                 </script>
  90.         </head>
  91.        
  92.         <body>
  93.                 <div class="main">
  94.        
  95.                         <div class="nav-bar"><a href="?p=news" class="nav-item-active" id="nav-news">News</a><a href="?p=events" class="nav-item" id="nav-news">Events</a><a href="?p=courses" class="nav-item" id="nav-news">Courses</a><a href="?p=about" class="nav-item" id="nav-news">About</a><a href="?p=contact" class="nav-item" id="nav-news">Contact</a><a href="?p=settings" class="nav-item" id="nav-news">Settings</a></div>                     
  96.                         <div class="content">
  97.                        
  98.                                
  99.                 <div class="edit-form-wrapper">
  100.                                 <form id="editform" name="editform" action="db-write.php?n=4" method="post">
  101.                                 Title:<br>
  102.                                         <input id="titlebox" type="text" name="edittitle" class="title-box"  placeholder="Enter Title" value="Du Pont Family Forgive Neighbour"><br>            Author:<span style="margin-left: 190px">Date:</span><br>
  103.                                         <input id="authorbox" type="text" name="editauthor" class="author-box" placeholder="Article Author" value="">           <input id="datebox" type="text" name="editdate" class="date-box" placeholder="Enter Date" value="2012-03-09">           <div class="edit-form-submit"> <input class="clearbutton" type="button" name="submit" value="Submit" onclick="EditFormSubmit()"/>&middot<input class="clearbutton"type="button" name="preview" value="Preview"onclick="EditFormPreview()" /></div>
  104.                                         <br><br><textarea id="input" name="editbody" class="text-area">he du Pont family is an American family descended from Pierre Samuel du Pont de Nemours (1739–1817). The son of a Paris watchmaker and a member of a Burgundian noble family, he and his sons, Victor Marie du Pont and Eleuthère Irénée du Pont, emigrated to the United States in 1800 and used the resources of their Huguenot heritage to found one of the most prominent of American families, and one of its most successful corporations, E. I. du Pont de Nemours and Company, initially established by Eleuthère Irénée as a gunpowder manufacturer. Various members of the family managed the company well into the twentieth century and to this day constitute a substantial portion of the company's ownership. This and other companies run by the du Pont family employ some five to ten percent of Delaware's population. The family also played a very large part in politics during the eighteenth and nineteenth centuries and were responsible for the idea of the Louisiana purchase. They were one of the most respected and wealthiest families during the French Revolution.[citation needed] During the 19th century, the Du Pont family maintained their family wealth by carefully arranged marriages between first cousins[1] which, at the time, was the norm for many rich families.</textarea>
  105.                                         </form></div>                   </div>
  106.                 </div>
  107.                
  108.                 <div id="error-form" title="Submission Error">
  109.                         <p>Some details are still missing, and have been highlighted red. Please fill in any remaining items before proceeding.</p>
  110.                 </div>
  111.        
  112.  
  113.         </body>
  114. </html>
clone this paste RAW Paste Data