|
|
(105 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{:Team:Sevilla/test2}}
| |
- | <html>
| |
| | | |
- | <!--===================================MAPA================================================-->
| |
- | <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
| |
- | <script type="text/javascript">
| |
- | function initialize() {
| |
- | var latlng = new google.maps.LatLng(-34.397, 150.644);
| |
- | var myOptions = {
| |
- | zoom: 8,
| |
- | center: latlng,
| |
- | mapTypeId: google.maps.MapTypeId.ROADMAP
| |
- | };
| |
- | var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
| |
- | }
| |
- |
| |
- | </script>
| |
- | <div onload="initialize()">
| |
- | <div id="map_canvas" style="width:60%; height:40%"></div>
| |
- |
| |
- | </div>
| |
- |
| |
- | <!--===================================GRAFICA QUESITOS================================================-->
| |
- |
| |
- |
| |
- | <script type="text/javascript" src="http://www.google.com/jsapi"></script>
| |
- | <script type="text/javascript">
| |
- | google.load('visualization', '1', {packages: ['corechart']});
| |
- | </script>
| |
- | <script type="text/javascript">
| |
- | function drawVisualization() {
| |
- | // Create and populate the data table.
| |
- | var data = new google.visualization.DataTable();
| |
- | data.addColumn('string', 'Task');
| |
- | data.addColumn('number', 'Hours per Day');
| |
- | data.addRows(5); //las 5 divisiones
| |
- | data.setValue(0, 0, 'Biología');//el primero es el id, el segundo siempre 0 y el tercero la etiqueta
| |
- | data.setValue(0, 1, 2); //el primero es a que id corresponde, el segundo siempre es 1 y el tercero el valor
| |
- | data.setValue(1, 0, 'Biotecnología');
| |
- | data.setValue(1, 1, 4);
| |
- | data.setValue(2, 0, 'Ing Informática');
| |
- | data.setValue(2, 1, 3);
| |
- | data.setValue(3, 0, 'Bioquímica');
| |
- | data.setValue(3, 1, 2);
| |
- | data.setValue(4, 0, 'Otros');
| |
- | data.setValue(4, 1, 2);
| |
- |
| |
- | // Create and draw the visualization.
| |
- | new google.visualization.PieChart(document.getElementById('visualization')).
| |
- | draw(data, {title:"¿Qué estudiamos?"});
| |
- | }
| |
- |
| |
- |
| |
- | google.setOnLoadCallback(drawVisualization);
| |
- | </script>
| |
- |
| |
- |
| |
- | <div id="visualization" style="float: right;font-family: Arial;border: 0 none;width: 600px; height: 400px;"></div>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <!--===================================VIDEO================================================-->
| |
- |
| |
- |
| |
- |
| |
- | <script src="http://www.google.com/jsapi" type="text/javascript"></script>
| |
- | <script type="text/javascript">
| |
- | google.load("swfobject", "2.1");
| |
- | </script>
| |
- | <script type="text/javascript">
| |
- | function _run() {
| |
- | /*
| |
- | * Simple player embed
| |
- | */
| |
- |
| |
- | // The video to load.
| |
- | var videoID = "tRXQcFmICC4"
| |
- | // Lets Flash from another domain call JavaScript
| |
- | var params = { allowScriptAccess: "always" };
| |
- | // The element id of the Flash embed
| |
- | var atts = { id: "ytPlayer" };
| |
- | // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
| |
- | swfobject.embedSWF("http://www.youtube.com/v/" + videoID + "&enablejsapi=1&playerapiid=player1",
| |
- | "videoDiv", "480", "295", "8", null, null, params, atts);
| |
- |
| |
- |
| |
- | }
| |
- | google.setOnLoadCallback(_run);
| |
- | </script>
| |
- |
| |
- | <div id="videoDiv">Loading...</div>
| |
- |
| |
- |
| |
- |
| |
- | <!--===================================TRADUCCION================================================-->
| |
- |
| |
- | <script src="http://www.google.com/jsapi?key=AIzaSyA5m1Nc8ws2BbmPRwKu5gFradvD_hgq6G0" type="text/javascript"></script>
| |
- | <script type="text/javascript">
| |
- | /*
| |
- | * How to translate text.
| |
- | */
| |
- |
| |
- | google.load("language", "1");
| |
- |
| |
- | function initialize() {
| |
- | var content = document.getElementById('content');
| |
- | // Setting the text in the div.
| |
- | content.innerHTML = '<div id="text">Hola, me alegro mucho de verte.<\/div><div id="translation"/>';
| |
- |
| |
- | // Grabbing the text to translate
| |
- | var text = document.getElementById("text").innerHTML;
| |
- |
| |
- | // Translate from Spanish to English, and have the callback of the request
| |
- | // put the resulting translation in the "translation" div.
| |
- | // Note: by putting in an empty string for the source language ('es') then the translation
| |
- | // will auto-detect the source language.
| |
- | google.language.translate(text, 'es', 'en', function(result) {
| |
- | var translated = document.getElementById("translation");
| |
- | if (result.translation) {
| |
- | translated.innerHTML = result.translation;
| |
- | }
| |
- | });
| |
- | }
| |
- | google.setOnLoadCallback(initialize);
| |
- |
| |
- | </script>
| |
- |
| |
- |
| |
- | <div id="content">Loading...</div>
| |
- |
| |
- |
| |
- | </html>
| |
- |
| |