Skip to content

Instantly share code, notes, and snippets.

@oertz

oertz/ajax_0

Last active March 21, 2017 16:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save oertz/f5b661e075aa59a326b2d56a4567495d to your computer and use it in GitHub Desktop.
Save oertz/f5b661e075aa59a326b2d56a4567495d to your computer and use it in GitHub Desktop.
Download ZIP
DFA - AJAX starting file
Raw
ajax_0
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Learning AJAX by examples</title>
<!-- Add here the link to Bootstrap -->
<link rel="stylesheet" href="bootstrap-lib/css/bootstrap.min.css">
<link rel="stylesheet" href="css/mystyles.css">
<script type="text/javascript">
// Let's write some JavaScript below to play with AJAX!
</script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class='container'>
<a class="navbar-brand">Learning AJAX</a>
<a id="status" class="btn btn-link navbar-btn navbar-right" href="#"> </a>
</div>
</nav>
<main class="container">
<form>
<div class="form-group">
<label for="airportCode">Choose a station</label>
<select id="airportCode" class="form-control">
<option value="LSZB">Bern Airport (Bern-Belp Airport)</option>
<option value="LSZM">EuroAirport Basel Mulhouse Freiburg</option>
<option value="LSGG">Geneva Airport (Geneva–Cointrin Airport)</option>
<option value="LSZA">Lugano Airport (Lugano–Agno Airport)</option>
<option value="LSGS">Sion Airport (Public / Military: 14th Air Base)</option>
<option value="LSZR">St. Gallen-Altenrhein Airport</option>
<option value="LSZH">Zurich Airport (Zürich–Kloten Airport)</option>
</select>
</div>
<div class="form-group">
<input type="button" id="get-observation" class="btn btn-success" value="Get recent observation">
</div>
</form>
<table class="table table-striped table-bordered table-hover">
<thead>
<th>Station</th>
<th>Temperature</th>
<th>Humidity</th>
<th>Clouds</th>
</thead>
<tbody id="tableInfo">
<tr class="hidden">
<td>#</td>
<td>#</td>
<td>#</td>
<td>#</td>
</tr>
</tbody>
</table>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment