fosres/fosres.github.io

This is a test repository hosting the code for a fictional website where clients can submit service requests.

City of Lubbock

Solid Waste Management

Welcome to The City of Lubbock Solid Waste Management site. At this new website you may submit reports and/or requests about how your trash is managed. You may also use this site to view if your trash has been picked for this week.

To submit a service request, follow the instructions below:

Enter Your First and Last Name

First name:

Last name:

Enter Your Six Digit Code

Six Digit Code:

Enter Your Service Request

Type your issue with your trash bin below:

(Optional): Upload Images of Trash Bin

Upload Image

Upload Image

<script> var loadFile1 = function(event) { var image = document.getElementById('output1'); image.src = URL.createObjectURL(event.target.files[0]); }; var loadFile2 = function(event) { var image = document.getElementById('output2'); image.src = URL.createObjectURL(event.target.files[0]); }; var file = document.getElementById('fileBox').files[0]; //Files[0] = 1st file var reader = new FileReader(); reader.readAsText(file, 'UTF-8'); reader.onload = shipOff; //reader.onloadstart = ... //reader.onprogress = ... <-- Allows you to update a progress bar. //reader.onabort = ... //reader.onerror = ... //reader.onloadend = ... function shipOff(event) { var result = event.target.result; var fileName = document.getElementById('fileBox').files[0].name; //Should be 'picture.jpg' $.post('/myscript.php', { data: result, name: fileName }, continueSubmission); } </script>

If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".

<script src="best.js"> </script>

  <script type = "text/javascript">
  </script>

Status Message

<title>Test Input </title> <script LANGUAGE="JavaScript"> function readText (form) { TestVar =form.inputbox.value; alert ("You typed: " + TestVar); } function writeText (form) { form.inputbox.value = "Have a nice day!" }

function test(form) { var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024); var msg;

var bins = document.testform.bin_number.value;

var code =document.testform.six_digit_code.value;

var service = document.testform.service_request.value;

db.transaction(function (tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique,code,request TEXT)'); tx.executeSql('INSERT INTO LOGS (id,code,request) VALUES (?,?,?)',[bins,code,service]); msg = '

Log message created and row inserted.

'; document.querySelector('#status').innerHTML = msg; })

db.transaction(function (tx) { tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) { var len = results.rows.length, i; msg = "

Found rows: " + len + "

"; document.querySelector('#status').innerHTML += msg;

   for (i = 0; i < len; i++) {
  msg = "<p><b>" + results.rows.item(i).id + "</b></p>";
  document.querySelector('#status').innerHTML +=  msg;
  
  msg = "<p><b>" + results.rows.item(i).code + "</b></p>";
  document.querySelector('#status').innerHTML +=  msg;
  
  msg = "<p><b>" + results.rows.item(i).request + "</b></p>";
  document.querySelector('#status').innerHTML +=  msg;
   }
}, null);

});

} </script>

Enter bin number in the box below:

Enter six digit code in the box below:

Enter service request in the box below: