API tools faq
paste
Guest User

oliver_html_dump

a guest
Mar 26th, 2011
268
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.87 KB | None | 0 0
raw download clone embed print report
  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>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!