Advanced Search

Posted By

Kerrick on 02/19/11

Tagged

Versions (?)

Last Edited at 02/19/11 04:25pm

Statistics

Viewed 190 times
Favorited by 1 user(s)

Related snippets

162
FreshBookMark - manifest.json
196
FreshBookMark - main.html

FreshBookMark - options.html

/ Published in: HTML
Save to your folder(s)
MIT Licensed.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <html>
  2. <head>
  3. 	<title>FreshBookMark URL</title>
  4. 	<style>
  5. 		html{background:#eee;}
  6. 		body{width:920px;height:300px;background:white;border-radius:10px;-webkit-box-shadow:0 3px 10px grey;font:20px / 36px Arial, Helvetica, sans-serif;margin:20px auto;padding:20px;}
  7. 		#help{text-align:center;}
  8. 		#status{text-align:center;color:green;}
  9. 		label{display:block;text-align:center;font-size:36px;color:grey;width:840px;margin:0 auto;}
  10. 		input{width:auto;color:black;border:0;border-bottom:1px dotted grey;font-size:36px;text-align:right;}
  11. 		input:focus{outline:none;border-bottom-color:black;}
  12. 		button{font-size:36px;display:block;width:770px;cursor:pointer;margin:20px auto;padding:10px 0;}
  13. 	</style>
  14. </head>
  15. <script type="text/javascript">
  16. 	// Saves options to localStorage.
  17. 	function save_options() {
  18. 	  var text = document.getElementById("url");
  19. 	  var url = text.value;
  20. 	  localStorage["saved_url"] = url;
  21.  
  22. 	  // Update status to let user know options were saved.
  23. 	  var status = document.getElementById("status");
  24. 	  status.innerHTML = "URL Saved.";
  25. 	  setTimeout(function() {
  26. 		status.innerHTML = "";
  27. 	  }, 750);
  28. 	  restore_options();
  29. 	}
  30.  
  31. 	// Restores text box state to saved value from localStorage.
  32. 	function restore_options() {
  33. 	  var saved = localStorage["saved_url"];
  34. 	  if (saved == undefined || saved == null || saved == '') {
  35. 		var help = document.getElementById("help");
  36. 		help.innerHTML = "<p>It appears you have not set up your Freshbooks URL yet. Please do so by typing it below.</p><p>You can always get back to this page by right clicking the app icon and choosing <strong>Options</strong></p>";
  37. 		return;
  38. 	  }
  39. 	  var text = document.getElementById("url");
  40. 	  text.value = saved;
  41. 	}
  42. </script>
  43. <body onload="restore_options()">
  44. <div id="help">
  45. 	<p>You can always get back to this page by right clicking the app icon and choosing <strong>Options</strong></p>
  46. </div>
  47. <label for="url">https://<input type="text" id="url" name="url" />.freshbooks.com</label>
  48. <button onclick="save_options()">Save</button>
  49. <div id="status"></div>
  50. </body>
  51. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.