diff options
-rw-r--r-- | public/css/shorten_result.css | 2 | ||||
-rw-r--r-- | public/js/shorten_result.js | 4 | ||||
-rw-r--r-- | resources/views/shorten_result.blade.php | 4 |
3 files changed, 5 insertions, 5 deletions
diff --git a/public/css/shorten_result.css b/public/css/shorten_result.css index 39db788..71f8255 100644 --- a/public/css/shorten_result.css +++ b/public/css/shorten_result.css @@ -13,7 +13,7 @@ text-align: center; } -.qrCodeContainer { +.qr-code-container { display: none; width: 300px; height: 300px; diff --git a/public/js/shorten_result.js b/public/js/shorten_result.js index 402919e..e497843 100644 --- a/public/js/shorten_result.js +++ b/public/js/shorten_result.js @@ -10,8 +10,8 @@ $('.result-box').change(function () { }); -$('#generateQRCode').click(function () { - var container = $('.qrCodeContainer'); +$('#generate-qr-code').click(function () { + var container = $('.qr-code-container'); container.empty(); new QRCode(container.get(0), { text: original_link, diff --git a/resources/views/shorten_result.blade.php b/resources/views/shorten_result.blade.php index 1f65d32..4098acd 100644 --- a/resources/views/shorten_result.blade.php +++ b/resources/views/shorten_result.blade.php @@ -7,10 +7,10 @@ @section('content') <h3>Shortened URL</h3> <input type='text' class='result-box form-control' value='{{$short_url}}' /> -<button id="generateQRCode" class='btn btn-primary back-btn'>Generate QR Code</button> +<a id="generate-qr-code" class='btn btn-primary back-btn'>Generate QR Code</a> <a href='{{route('index')}}' class='btn btn-info back-btn'>Shorten another</a> -<div class="qrCodeContainer"></div> +<div class="qr-code-container"></div> @endsection |