Identificarse | Registrarse | FAQ
Anonymous

Problemas con los div

+ Publicar una respuesta

3 mensajes Página 1 de 1


Problemas con los div

por juanluis » Mar Jul 30, 2013 12:50 pm

Hola a todos: soy nuevo en el foro y me presento con una consulta:
estoy haciendo una aplicación para un niño autista, que consta de dos div; en uno tengo dos letras a (div inicio) y en el otro la palabra c s (div final).

Lo que quiero conseguir es que el niño arrastre las letras a y las intercale entre la c y la s. Consigo que la ponga después de la s pero no entre la c y la s.

Quiero que construya la palabra casa.

El código es este.

Muchas gracias por la atención prestada.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Frase casa</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Estilo3 {font-family: Arial}
.Estilo5 {color: #0000FF}
.Estilo105 {font-family: Arial; color: #FF0000; }
-->
</style>
<div id="inicio1"
style="width: 300px; height: 119px; background-color:#FFFFFF; float: left;">
<img src="a.jpg" alt="a" draggable="true">
<img src="a.jpg" alt="a" draggable="true"; font-color:#FFFFFF>
</div>
<div id="final1"
style="width: 300px; height: 119px; background-color:#FFFFFF; float: left;">
<img src="c.jpg" alt="c">
<img src="Espacio.jpg" alt=" ">
<img src="s.jpg" alt="s">
</div>

<script language="JavaScript" type="text/javascript">
<!--
window.onload=function () {
inicio1Div=document.getElementById("inicio1");
final1Div=document.getElementById("final1");
inicio1Div.ondragstart = coger1;
final1Div.ondragenter = function() {return false}
final1Div.ondragover = function() {return false}
final1Div.ondrop = soltar1;
}
function coger1(event) {
var format = "text/html";
mitexto1 = event.dataTransfer.getData(format);
}
function soltar1() {
final1Div.innerHTML+=mitexto1;
return false;
}

//-->
</script>



</head>
<body>
<table width="36%" border="1" align="center">
<tr valign="top" class="Estilo3">
<td width="13%"><h1 align="center"><span class="Estilo105">c</span></h1></td>
<td width="14%"><h1 align="center"><span class="Estilo105"><span class="Estilo5">a</span></span></h1></td>
<td width="14%"><h1 align="center"><span class="Estilo105">s</span></h1></td>
<td width="14%"><h1 align="center"><span class="Estilo105"><span class="Estilo5">a</span></span></h1></td>
<td width="45%"><h1 align="center"><span class="Estilo105"><img src="Imagenes/Volver%20a%20casa.jpg" width="148" height="119" align="top"></span></h1></td>
</tr>
</table>
<p align="center">&nbsp;
</p>
<p align="right">&nbsp;</p>
</body>
</html>
Avatar de Usuario

juanluis

  • Mensajes: 4
  • Registrado: Mar Jul 30, 2013 12:42 pm

Re: Problemas con los div

por XainPro » Mar Jul 30, 2013 8:53 pm

le deseo buen trabajo buena suerte
Avatar de Usuario

XainPro

  • Mensajes: 3933
  • Registrado: Vie Feb 17, 2012 8:10 pm

Re: Problemas con los div

por juanluis » Mié Jul 31, 2013 3:28 pm

Gracias XainPro.
Avatar de Usuario

juanluis

  • Mensajes: 4
  • Registrado: Mar Jul 30, 2013 12:42 pm


+ Publicar una respuesta

Página 1 de 1