Skip to content

Instantly share code, notes, and snippets.

Web Apprentice webapprentice

Block or report user

Report or block webapprentice

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View tutorial_43_example_1.html
<script src="/javascripts/ckeditor/ckeditor.js"></script>
<form action="/tutorial_43_demo_1" method="post">
<textarea class="ckeditor" rows="5" cols="40" name="editor"><%= @text %></textarea>
<br>
<input type="submit" value="Submit">
</form>
<hr>
<p>Raw text sent to the server:</p>
View tutorial_42_example_1.html
<p>URL: http://maps.googleapis.com/maps/api/streetview?size=400x400&location=47.65072,-122.351209&heading=200&pitch=30&fov=60&sensor=false</p>
<img
src="http://maps.googleapis.com/maps/api/streetview?size=400x400&location=47.65072,-122.351209&heading=200&pitch=30&fov=60&sensor=false"
alt="Street View Image"/>
View tutorial_41_example_1.html
<div id="map_canvas"></div>
<style>
#map_canvas {
margin-left: auto;
margin-right: auto;
padding: 0;
width: 600px;
height: 400px;
}
View tutorial_40_example_1.html
<div id="map_canvas"></div>
<style>
#map_canvas {
margin-left: auto;
margin-right: auto;
padding: 0;
width: 600px;
height: 400px;
}
View tutorial_39_example_1.html
<div id='container'>
<img src='assets/slideshow_3.png' id='myimage' />
</div>
<p style='text-align: center'>
Click the image to expand - Hit the ESC key to collapse
</p>
<style type="text/css">
View tutorial_38_example_1.html
<p>Here is some placeholder text</p>
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'webapprentice'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
View tutorial_37_example_1.html
<div id="transcript">&nbsp;</div>
<br>
<div id="instructions">&nbsp;</div>
<div id="controls">
<button id="start_button">Click to Start</button>
</div>
<style>
View tutorial_36_example_1.html
<p style="text-align: center">Click Start and begin speaking</p>
<canvas id="canvas" width="800" height="256" ></canvas>
<p id="controls">
<input type="button" id="start_button" value="Start">
&nbsp; &nbsp;
<input type="button" id="stop_button" value="Stop">
</p>
<!-- ----------------------------------------------------- -->
View tutorial_35_example_1.html
<video id="video"></video>
<br>
<div id="controls">
<button id="start_button">Start Video</button> &nbsp;
<button id="stop_button">Stop Video</button> &nbsp;
<button id="capture_button">Capture Photo</button>
</div>
<br>
<canvas id="canvas"></canvas>
View tutorial_34_example_1.html
<!-- depends on jQuery which must have been loaded before these lines -->
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js"></script>
<script>
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
loadingImage : '/facebox/loading.gif',
closeImage : '/facebox/closelabel.png'
});
You can’t perform that action at this time.