API tools faq
paste
Advertisement
dhiforester

lz-string

dhiforester
Dec 5th, 2023
881
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 6.09 KB | Software | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.         <title>Enkripsi-Dekripsi LZ String</title>
  7.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  8.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
  9.         <link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/navbar-fixed/">
  10.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
  11.         <link href="css/style.css" rel="stylesheet">
  12.     </head>
  13.     <body class="bg-secondary">
  14.         <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  15.             <div class="container-fluid">
  16.                 <a class="navbar-brand" href="">Enkripsi/Dekripsi LZ String</a>
  17.                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  18.                     <span class="navbar-toggler-icon"></span>
  19.                 </button>
  20.             </div>
  21.         </nav>
  22.         <main class="container mt-5">
  23.             <div class="p-5 rounded">
  24.                 <div class="row mb-3">
  25.                     <div class="col-md-6 mb-3">
  26.                         <div class="card">
  27.                             <div class="card-header">
  28.                                 <b>Enkripsi Dengan LZ String</b>
  29.                             </div>
  30.                             <div class="card-body">
  31.                                 <div class="row mb-3">
  32.                                     <div class="col-3">
  33.                                         <label for="string">String</label>
  34.                                     </div>
  35.                                     <div class="col-md-9">
  36.                                         <textarea name="string" id="string" class="form-control"></textarea>
  37.                                     </div>
  38.                                 </div>
  39.                                 <div class="row mb-3">
  40.                                     <div class="col-3">
  41.                                         <label for="hasil_enkripsi">Hasil Enkripsi</label>
  42.                                     </div>
  43.                                     <div class="col-md-9">
  44.                                         <textarea readonly name="hasil_enkripsi" id="hasil_enkripsi" class="form-control"></textarea>
  45.                                     </div>
  46.                                 </div>
  47.                             </div>
  48.                             <div class="card-footer">
  49.                                 <button type="button" class="btn btn-md btn-primary" id="MulaiEnkripsi">
  50.                                     Enkripsi
  51.                                 </button>
  52.                             </div>
  53.                         </div>
  54.                     </div>
  55.                     <div class="col-md-6">
  56.                         <div class="card">
  57.                             <div class="card-header">
  58.                                 <b>Deskripsi Dengan LZ String</b>
  59.                             </div>
  60.                             <div class="card-body">
  61.                                 <div class="row mb-3">
  62.                                     <div class="col-3">
  63.                                         <label for="string2">String</label>
  64.                                     </div>
  65.                                     <div class="col-md-9">
  66.                                         <textarea name="string2" id="string2" class="form-control"></textarea>
  67.                                     </div>
  68.                                 </div>
  69.                                 <div class="row mb-3">
  70.                                     <div class="col-3">
  71.                                         <label for="hasil_dekripsi">Hasil Dekripsi</label>
  72.                                     </div>
  73.                                     <div class="col-md-9">
  74.                                         <textarea readonly name="hasil_dekripsi" id="hasil_dekripsi" class="form-control"></textarea>
  75.                                     </div>
  76.                                 </div>
  77.                             </div>
  78.                             <div class="card-footer">
  79.                                 <button type="button" class="btn btn-md btn-primary" id="MulaiDeskripsi">
  80.                                     Deskripsi
  81.                                 </button>
  82.                             </div>
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </main>
  88.         <script type="text/javascript" src="vendor/jquery/dist/jquery.min.js"></script>
  89.         <script>
  90.             //Enkripsi
  91.             $('#MulaiEnkripsi').click(function(){
  92.                 var string=$('#string').val();
  93.                 $('#hasil_enkripsi').val('Loading...');
  94.                 $.ajax({
  95.                     type        : 'POST',
  96.                     url         : 'ProsesEnkripsi.php',
  97.                     data        : {string: string},
  98.                     success     : function(data){
  99.                         $('#hasil_enkripsi').val(data);
  100.                     }
  101.                 });
  102.             });
  103.             //Deskripsi
  104.             $('#MulaiDeskripsi').click(function(){
  105.                 var string=$('#string2').val();
  106.                 $('#hasil_dekripsi').val('Loading...');
  107.                 $.ajax({
  108.                     type        : 'POST',
  109.                     url         : 'ProsesDekripsi.php',
  110.                     data        : {string: string},
  111.                     success     : function(data){
  112.                         $('#hasil_dekripsi').val(data);
  113.                     }
  114.                 });
  115.             });
  116.         </script>
  117.     </body>
  118. </html>
Tags: compresión lz-string decompression
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!