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>
<!--https://www.aprenderaprogramar.com/foros/index.php?topic=616.0-->
<head>
<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>
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") {
alert ("Movimiento permitido");
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
aciertos = aciertos + 1;
if (aciertos == 2) {alert ("LA PALABRA ESTÁ COMPLETADA, ENHORABUENA"); playSound();}
}
else { alert ("Movimiento NO permitido"); }
}
function playSound() {
document.getElementById("sonido").innerHTML=
"<audio controls autoplay> <source src=\"mama.mp3\" type=\"audio/mpeg\"> </audio>";
}
</script>
</head>
<body>
<p>Colocar las letras en el lugar adecuado:</p>
<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/>
<!-- Linea para hacer sonar el sonido deseado cuando proceda-->
<span id="sonido"></span>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<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>
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") {
alert ("Movimiento permitido");
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
aciertos = aciertos + 1;
if (aciertos == 2) {alert ("LA PALABRA ESTÁ COMPLETADA, ENHORABUENA");}
}
else { alert ("Movimiento NO permitido"); }
}
</script>
</head>
<body>
<p>Colocar las letras en el lugar adecuado:</p>
<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>
</body>
</html>
<html>
<head>
<title> Pagina principal </title>
</head>
<body>
<p> Para escuchar el sonido mama pulsar aqui: <a href="sonidoMama.html">mama</a> </p>
</body>
</html><html>
<head>
<title> Sonido mama </title>
</head>
<body>
<audio controls height="100" width="100">
<source src="mama.mp3" type="audio/mpeg">
<source src="mama.ogg" type="audio/ogg">
<embed height="50" width="100" src="horse.mp3">
</audio>
<p> Sonido mama </p>
<p>Para volver a la pagina anterior<a href="testAudioHtml.html"> pulsar aquí</a>
</p>
</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