Advertisement
aea2021

fmp1

Aug 10th, 2022
582
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.38 KB | None | 0 0
  1.  
  2. <html>
  3.     <head>
  4.         <title>FMP Data Uploader</title>
  5.         <meta name="author" content="OSCAR ZULI">
  6.         <style>
  7.             body
  8.                 {
  9.                     font-family:  'Calibri';
  10.                 }
  11.             * {
  12.               box-sizing: border-box;
  13.             }
  14.  
  15.             .row {
  16.               margin-left:-5px;
  17.               margin-right:-5px;
  18.             }
  19.              
  20.             .column {
  21.               float: left;
  22.               width: 90%;
  23.               padding: 5px;
  24.             }
  25.  
  26.             /* Clearfix (clear floats) */
  27.             .row::after {
  28.               content: "";
  29.               clear: both;
  30.               display: table;
  31.             }
  32.  
  33.             table {
  34.               border-collapse: collapse;
  35.               border-spacing: 0;
  36.               width: 100%;
  37.               border: 3px solid #000;
  38.             }
  39.  
  40.             th  {
  41.               text-align: center;
  42.               background-color: #ffd466;
  43.              
  44.             }
  45.              td {
  46.               text-align: center;
  47.                
  48.             }
  49.             tr:nth-child(even) {
  50.               background-color: #f2f2f2;
  51.             }
  52.            
  53.             #btnPaste{
  54.                 background-color: #17a2b8;
  55.               border: none;
  56.               color: white;
  57.               padding: 15px 32px;
  58.               text-align: center;
  59.               text-decoration: none;
  60.               display: inline-block;
  61.               font-size: 20px;
  62.               border-radius: 12px;
  63.               margin-right : 50px;
  64.               }
  65.               #btnPaste:hover {
  66.               background-color: #17a9b6; /* Green */
  67.               color: white;
  68.              
  69.             }
  70.              
  71.              
  72.              
  73.             #btnAdd{
  74.                 background-color: #4CAF50; /* Green */
  75.               border: none;
  76.               color: white;
  77.               padding: 15px 32px;
  78.               text-align: center;
  79.               text-decoration: none;
  80.               display: inline-block;
  81.               font-size: 20px;
  82.               border-radius: 12px;
  83.               }
  84.               #btnAdd:hover {
  85.               background-color: #4C9F50; /* Green */
  86.               color: white;
  87.             }
  88.     </style>
  89.         </head>
  90.         <body>
  91.             <div class="row">
  92.                                 <div class="column">
  93.             <textarea style="background-color:#ffd466;" placeholder="Paste data" id="fmpdata" rows="15" cols="70"></textarea>
  94.             <BR><BR>
  95.             <button id ="btnPaste" type="button" onclick="pasteIt()">PASTE</button>
  96.             <button id ="btnAdd" type="button" onclick="upload()">UPLOAD</button>
  97.             <BR>
  98.                
  99.                         <BR>
  100.                            
  101.                            
  102.                                     </div>
  103.                                     <div class="column">
  104.                                    
  105.                                 </div></div>
  106.                            
  107.                             <script>
  108.                                  function upload() {
  109.                                  
  110.                                    
  111.                                        
  112.                                    
  113.                                 }
  114.                                 async function pasteIt() {
  115.                                     var fmp = document.getElementById("fmpdata");
  116.                                     var pasted = await navigator.clipboard.readText();
  117.                                     fmp.value = pasted;
  118.                                                
  119.                                            
  120.                                 }
  121.      
  122.         </script>
  123.     </body>
  124. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement