Refresher - Jamie Johnson
Jamie Johnson
May 12, 2016
Want to put a clickable refresher arrow (something to click to refresh your page) on your page, perhaps within it as seen here (below and right)?
↻
This could be useful for resetting sorts or searches with DataTables (see earlier articles) or if you want to put a refresh option in a more convenient place on a page.
Here's the code to do it:
<style type="text/css"> p#refresher { text-align:right; } p#refresher span { display:inline-block; font-size: 1.5em; -ms-transform: rotate(90deg); /* ie 9 */ -webkit-transform: rotate(90deg); /* chrome, safari, opera */ transform: rotate(90deg); cursor: pointer; font-weight: bold; } </style> <p id="refresher"> <span onclick="location.href=window.location" title="refresh">↻</span></p>