Here’s a nice little command to open a browser from Bash.
#!/bin/bash open https://domain.com/path/to/web/page/index.html |
You can use this command to open a web page from your script.
cloud engineer
Here’s a nice little command to open a browser from Bash.
#!/bin/bash open https://domain.com/path/to/web/page/index.html |
#!/bin/bash open https://domain.com/path/to/web/page/index.html
You can use this command to open a web page from your script.
Just implemented an Ajax live search on a website.
Here’s the search page. Results are displayed in div output.
<script src="https://code.jquery.com/jquery-3.4.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#search").keyup(function(){ var query = $(this).val(); if (query != "") { $.ajax({ url: 'links-ajax.php', method: 'POST', data: {query:query}, success: function(data){ $('#output').html(data); $('#output').css('display', 'block'); $("#output a").on("click", function(){ $("#output").val($(this).html()); }); $("#search").focusout(function(){ window.setTimeout(function() { $('#output').css('display', 'none'); }, 500); }); $("#search").focusin(function(){ $('#output').css('display', 'block'); }); } }); } else { $('#output').css('display', 'none'); } }); }); </script> <div class="form-row"> <div class="col"> <input type="text" name="search" id="search" autocomplete="off" placeholder="Search here...." class="form-control form-control-success"> </div> </div> <div id="output"></div> |
<script src="https://code.jquery.com/jquery-3.4.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#search").keyup(function(){ var query = $(this).val(); if (query != "") { $.ajax({ url: 'links-ajax.php', method: 'POST', data: {query:query}, success: function(data){ $('#output').html(data); $('#output').css('display', 'block'); $("#output a").on("click", function(){ $("#output").val($(this).html()); }); $("#search").focusout(function(){ window.setTimeout(function() { $('#output').css('display', 'none'); }, 500); }); $("#search").focusin(function(){ $('#output').css('display', 'block'); }); } }); } else { $('#output').css('display', 'none'); } }); }); </script> <div class="form-row"> <div class="col"> <input type="text" name="search" id="search" autocomplete="off" placeholder="Search here...." class="form-control form-control-success"> </div> </div> <div id="output"></div>
Here’s the links-ajax.php which display the search results with links.
<?php $servername='localhost'; $username=''; $password=''; $dbname = ""; $conn=mysqli_connect($servername,$username,$password,"$dbname"); if(!$conn) { die('Could not Connect MySql Server:' .mysql_error()); } if (isset($_POST['query'])) { $query = <<<"SQL SELECT * FROM links WHERE `name` LIKE '%{$_POST['query']}%' OR `url` LIKE '%{$_POST['query']}%' OR `tag` LIKE '%{$_POST['query']}%' ORDER BY name ASC, url ASC" SQL; $result = mysqli_query($conn, $query); if (mysqli_num_rows($result) > 0) { while ($user = mysqli_fetch_array($result)) { echo "<a target='_blank' rel="noopener">".$user['name']."</a><br/>"; } } else { echo "<p style='color:red'>No results found...</p>"; } } ?> |
<?php $servername='localhost'; $username=''; $password=''; $dbname = ""; $conn=mysqli_connect($servername,$username,$password,"$dbname"); if(!$conn) { die('Could not Connect MySql Server:' .mysql_error()); } if (isset($_POST['query'])) { $query = <<<"SQL SELECT * FROM links WHERE `name` LIKE '%{$_POST['query']}%' OR `url` LIKE '%{$_POST['query']}%' OR `tag` LIKE '%{$_POST['query']}%' ORDER BY name ASC, url ASC" SQL; $result = mysqli_query($conn, $query); if (mysqli_num_rows($result) > 0) { while ($user = mysqli_fetch_array($result)) { echo "<a target='_blank' rel="noopener">".$user['name']."</a><br/>"; } } else { echo "<p style='color:red'>No results found...</p>"; } } ?>
I couldn’t get the links working, until I added the 500ms of timeout in .focusout.
Style your text using markdown. If you use GitHub, markdown will come in handy.
Examples:
# This is an <h1> tag ## This is an <h2> tag ###### This is an <h6> tag |
# This is an <h1> tag ## This is an <h2> tag ###### This is an <h6> tag
Here are more markdown examples.
The Gutenberg Youtube embed lacks a few things. The alignment doesn’t seem to be working, at least in the theme I’m using. I’m using Generate-Pro, a Genesis child theme. By default, it’s left-aligned. I have to add this div to make it centered.
<div style="text-align:center"> </div> |
<div style="text-align:center"> </div>
If you want right aligned, use this div.
<div style="text-align:right"> </div> |
<div style="text-align:right"> </div>
tlk.io is a simple chat page that you can embed on your site. If all you are seeing is a blank screen, I may have a fix for it. I don’t think it’s documented anywhere. I did not see it on tlk.io’s website. Here’s the code that they want you to embed. Of course, you have to use your own data-channel instead of the default “hey.”
<div id="tlkio" data-channel="hey" style="width:100%;height:400px;"></div> <script async="" src="http://tlk.io/embed.js" type="text/javascript"></script> |
<div id="tlkio" data-channel="hey" style="width:100%;height:400px;"></div> <script async="" src="http://tlk.io/embed.js" type="text/javascript"></script>
The above code will not work if your site is secured via SSL. You’ll need to change the embed.js reference to https. In this case, it would be something like this.
<div id="tlkio" data-channel="hey" style="width:100%;height:400px;"></div> <script async="" src="https://tlk.io/embed.js" type="text/javascript"></script> |
<div id="tlkio" data-channel="hey" style="width:100%;height:400px;"></div> <script async="" src="https://tlk.io/embed.js" type="text/javascript"></script>
The code will work in WordPress as well.