Ahora Aprender A Programar está en Facebook. Noticias, novedades y mucho más. Síguenos en Facebook
Mostrar Mensajes
Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Prueba de sonido con html</title>
<style type="text/css">
body{font-family: Arial; padding-left: 50px; padding-top: 50px;}
.estiloCelda, .estiloCeldaAzul, .estiloCeldaRojo { width:50px;height:50px;padding:2px;border:1px solid Moccasin;
text-align: center; display: table-cell; vertical-align:middle; font-weight: bold; font-size: 45px;}
.estiloCeldaAzul {color: blue;}
.estiloCeldaRojo {color: red;}
</style>
<script type="text/javascript">
var aciertos = 0;
function allowDrop(ev){
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("Text",ev.target.id);
}
function drop(ev) {
ev.preventDefault();
if (ev.target.id == "div2" && ev.dataTransfer.getData("Text") =="drag2" ||
ev.target.id == "div4" && ev.dataTransfer.getData("Text") =="drag4") {
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
aciertos = aciertos + 1;
if (aciertos == 2) {
mostrar();}
}
else { alert ("Movimiento NO permitido"); }
}
function mostrar(){
location.href="Aplauso.htm";
}
</script>
</head>
<div class ="estiloCeldaAzul" id="drag2" draggable="true" ondragstart="drag(event)" > a </div>
<div class ="estiloCeldaAzul" id="drag4" draggable="true" ondragstart="drag(event)" > á</div>
<br/><br/><br/><br/>
<div class ="estiloCeldaRojo" id="div1" >m</div>
<div class ="estiloCeldaAzul" id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div class ="estiloCeldaRojo" id="div3" ondrop="drop(event)" ondragover="allowDrop(event)">m</div>
<div class ="estiloCeldaAzul" id="div4" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br/><br/><br/><br/>
<div class ="estiloCeldaRojo" >m</div>
<div class ="estiloCeldaAzul">a</div>
<div class ="estiloCeldaRojo">m</div>
<div class ="estiloCeldaAzul">á</div>
<br/><br/><br/><br/>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Frase Mamá</title>
<style type="text/css">
#box1, #box2, #box3, #box4, #box5, #box6, #box7{
float:left; width:50px; height:50px; padding:5px; margin:5px;
}
#box1 { background-color: #FFFFFF; }
#box2 { background-color: #FFFFFF; }
#box3 { background-color: #FFFFFF; }
#box4 { background-color: #FFFFFF; }
#box5 { background-color: #FFFFFF; }
#box6 { background-color: #FFFFFF; }
#box7 { background-color: #FFFF00; }
#drag, #drag2, #drag3, #drag4 {
width:0px; height:0px; padding:0px; margin:0px;
-moz-user-select:none;
border:0px solid white;
cursor:pointer ;
}
#drag { background-color: #FFFF00;}
#drag2 { background-color: #FFFF00;}
.Estilo1 {
font-family: Arial;
color: #0000FF;
}
.Estilo2 {
font-family: Arial;
color: #FF0000;
}
.Estilo3 {font-family: Arial}
.Estilo5 {color: #0000FF}
.Estilo4 {color: #FF0000}
.Estilo7 {color: #FFFFFF}
</style>
<script type="text/javascript">
function dragStart(ev) {
ev.dataTransfer.effectAllowed='copy';
ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));
ev.dataTransfer.setDragImage(ev.target,0,0);
return true;
}
function dragEnter(ev) {
var iddrag = ev.dataTransfer.getData("Text");
return true;
}
function dragOver(ev) {
var iddrag = ev.dataTransfer.getData("Text");
var id = ev.target.getAttribute('id');
if( (id =='box4' || id =='box4') && (iddrag == 'drag' || iddrag=='drag4'))
return false;
else if( id =='box6' && iddrag == 'drag6')
return false;
else if( id =='box6')
return false;
else
return true;
}
function dragEnd(ev) {
ev.dataTransfer.clearData("Text");
return true
}
function dragDrop(ev) {
var iddrag = ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(iddrag));
ev.stopPropagation();
return false;
}
function isNull(valor){
if (valor.toString()=='undefined'){ return true;}
else if (valor.toString()=='NULL'){ return true;}
}
function verQueTieneDebug(id){
var str="";
var caja=document.getElementById(id);
for( var i = 0; i < caja.childNodes.length; i++ ) {
if (caja.childNodes[i].nodeType === 1) {
var tipo=caja.childNodes[i];
var id1=caja.childNodes[i].getAttribute('id');
var valor=document.getElementById(id1).innerHTML;
str+="tipo="+tipo+" id="+id1+ " valor="+valor;
}
}
if(str=="") str="nada (los textos no cuentan porque no estan encapsulados en etiquetas html y no cuentan como tal. Si se les encapsula en <span></span> si que contarian (porque serian elementos hijos). Un ejemplo de esto es el cuadro negro.";
alert(str);
}
function verQueTiene(id){
var str="";
var caja=document.getElementById(id);
for( var i = 0; i < caja.childNodes.length; i++ ) {
if (caja.childNodes[i].nodeType === 1) {
var tipo=caja.childNodes[i];
var id1=caja.childNodes[i].getAttribute('id');
var valor=document.getElementById(id1).innerHTML;
str+=""+valor+"\n";
}
}
if(str=="") str="No contiene nada";
else str="Contiene:\n"+str;
alert(str);
}
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body>
<fieldset>
<table width="36%" border="0" align="right">
<tr valign="top" class="Estilo3">
<td width="45%"><h1 align="center"><img src="Mamá.jpg" width="205" height="131"></h1></td>
</tr>
</table>
<div id="box1" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)">
<div id="drag" draggable="true" ondragstart="return dragStart(event)" ondragend="return dragEnd(event)">
<h1 class="Estilo1">a</h1>
</div>
</div>
<div id="box2" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)">
<div id="drag" draggable="true" ondragstart="return dragStart(event)" ondragend="return dragEnd(event)">
<h1 class="Estilo1">á</h1>
</div>
</div>
</fieldset>
<div id="box3" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)">
<h1 class="Estilo2">m</h1>
</div>
<div id="box4" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)"></div>
<div id="box5" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)">
<h1 class="Estilo2">m</h1>
</div>
<div id="box6" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)"></div>
<h1 class="Estilo2"> </h1>
<p class="Estilo2"> </p>
<a href="Sitio de Dailos/Aplauso/Aplauso/Aplauso.html"></a>
<table width="41%" border="0">
<tr class="Estilo4">
<td width="16%"><div align="center" class="Estilo3">
<h1 align="left"> m </h1>
</div></td>
<td width="13%"><div align="center" class="Estilo3">
<h1 align="center"><span class="Estilo5">a</span></h1>
</div></td>
<td width="22%"><div align="center" class="Estilo3">
<h1 class="Estilo4">m</h1>
</div></td>
<td width="8%"><div align="center" class="Estilo3">
<h1 align="right"><span class="Estilo5">á</span></h1>
</div></td>
<td width="12%"><div align="center" class="Estilo3">
<h1 class="Estilo5"> </h1>
</div></td>
<td width="29%"><div align="center" class="Estilo3">
<h1> </h1>
</div></td>
</tr>
</table>
</body>
</html>
Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.
Abraham Lincoln (1808-1865) Presidente estadounidense.
aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación
RSS -
WAP2