have user- and author-side faces, css style template, and start for js code in user.html

09daa4fc · Craig Earley · 00fdee64 · 09daa4fc · 09daa4fc · 09daa4fc
Commit 09daa4fc authored 8 years ago by Craig Earley
--- a/input.html
+++ b/input.html
 <!DOCTYPE html>
 <html>
+<link rel="stylesheet" type="text/css" href="css/style.css">
+
 <body>

 <h1>Author-Side Interface</h1>

+<form>
 <p>Start URL's.</p>
 <textarea name="paragraph_text" cols="50" rows="10"></textarea>
 <p>Stop URL's.</p>
 <textarea name="paragraph_text" cols="50" rows="10"></textarea>
+<br>
+<input type="submit" value="Get my URL">
+<input type="reset">
+</form>
+
+<p>Your URL:</p>

 </body>
 </html>
--- a/css/style.css
+++ b/css/style.css
+h1 {
+	text-align: center;
+	font-family: Arial;
+}
+
--- a/user.html
+++ b/user.html
+<!DOCTYPE html>
+<html>
+<link rel="stylesheet" type="text/css" href="css/style.css">
+<body>
+
+<!---
+Should be some JavaScript:
+- on click:
+-- open url
+-- note start time
+-- wait
+-- check url with every new url
+-- when stop url: note stop time, display alert, stop tracking
+--->
+
+<h1>User-Side Interface</h1>
+
+<form>
+<p>Your URL:</p>
+<input name="paragraph_text" id="input" cols="50" rows="10"></textarea>
+<br>
+
+<button type="button" onclick="window.open('https://www.google.com').style.display='block'">Start Test!</button>
+
+<input type="reset">
+</form>
+
+</body>
+</html>
+
+<!---
+Stack Overflow code for a comparable function:
+
+<div>
+    <form method="get" id="go_to_url">
+        <input type="text" name="go_to_url" id="go_to_url_texto"  placeholder="Procurar"/>
+    </form>
+</div>
+
+<script
+$("#go_to_url").on("submit", function(event){     
+    // prevent form from being submitted
+    event.preventDefault();
+
+    name = $("#go_to_url_texto").val();
+
+    // compare lower case, as you don't know what they will enter into the field
+//    if (name.toLowerCase() == "advogados")
+//    {
+//        // redirect the user.. 
+//        window.location.href = "http://jornalexemplo.com.br/lista%20online/advogados.html";
+//    }
+//    else
+//    {
+//        alert("no redirect..(entered: " + name + ")");
+//    }
+
+     window.location.href = name;
+
+});
+</script>
+--->