tag:blogger.com,1999:blog-48676504819143388672024-10-24T19:58:39.651-07:00En este blog encontrarás información relacionada al desarrollo de un proyecto haciendo uso de la tecnología HTML5 y Javascript. Asi que, aporta tus ideas! :-)jesus-m@lohttp://www.blogger.com/profile/04789893113108782958noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-4867650481914338867.post-90429549543098560872011-05-30T12:12:00.000-07:002013-04-25T09:39:20.588-07:00<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqZzomdgJ1M2UnawdnaKMGMFC62QPQtW_wJRoNEthv0XVZyIfMhL2QgRI4aAf0xb96woPx2MEdsiiiTpHrQDCrR_G9jwWYJ27Zauco4gTn7QTBcDARdGiTvHeq_lXntmwKCL9VVuPj1kFs/s1600/snakeandladders.png"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqZzomdgJ1M2UnawdnaKMGMFC62QPQtW_wJRoNEthv0XVZyIfMhL2QgRI4aAf0xb96woPx2MEdsiiiTpHrQDCrR_G9jwWYJ27Zauco4gTn7QTBcDARdGiTvHeq_lXntmwKCL9VVuPj1kFs/s400/snakeandladders.png" width="400" /></a> <br /> <br /> Usando HTML5 y javascript<br /> <br /> Aqui un pequeño ejemplo del tradicional juego "Serpientes y Escaleras" implementando canvas y XMLHttpRequest para la obtencion de datos de un archivo fuente en .txt<br /> <br /> Aqui la funcion utilizada en javascript:<br /> <br /> <span style="color: #666666;">//variables globales</span><br /> <span style="color: blue;">var</span> datos, totalFilas;<br /> <br /> <pre><span style="color: blue;">function</span> <b>cargarPreguntas()</b> { <span style="color: blue;">var</span> xmlhttp; <span style="color: blue;">if</span>(<span style="color: orange;">window</span>.XMLHttpRequest) { xmlhttp=<span style="color: blue;">new</span> XMLHttpRequest(); } <span style="color: blue;">else</span> { xmlhttp=<span style="color: blue;">new</span> ActiveXObject(<span style="color: orange;">"Microsoft.XMLHTTP"</span>); } xmlhttp.onreadystatechange = <span style="color: blue;">function</span>() { <span style="color: blue;">if</span> (xmlhttp.readyState==<span style="color: red;">4</span> &amp;&amp; xmlhttp.status==<span style="color: red;">200</span>) { datos = xmlhttp.responseText.<span style="color: blue;">split</span>(<span style="color: orange;">"\n"</span>); <span style="color: #666666;">//\n indica fin de linea</span> totalFilas = datos.<span style="color: blue;">length</span>; } } xmlhttp.open(<span style="color: orange;">"GET"</span>,<span style="color: orange;">"clases/Datos.txt"</span>,true); xmlhttp.send(); } </pre> Demo:<a href="http://www.enlace.comze.com" target="_blank"> Ver aqu&iacute;</a>jesus-m@lohttp://www.blogger.com/profile/04789893113108782958noreply@blogger.com0