Problemas con el <div> !!!!

lircim · #1 (**permalink**) 15/09/2004, 09:24

Hola a todos!!

Alguien puede ayudarme a encontrar la solucion al siguiente problema que tengo:

Estoy tratando de generar un arbol, donde a cada nodo hijo, en lugar de tenerle una liga. requiero ponerle un checkbox para ejecutar un evento llamando a una funcion donde cada nodo llevara un valor unico.. el problema no es ese.. si no que una vez que tengo mi pagina html, donde tengo ya mi construccion de mi arbol no me respeta el <form> con los tags del <div>, ya que estoy utilizando los <div>, para generar los nodos padres y los nodos hijos,

<body>
<form> No me abre el arbol aki con el form.. no se porque razon
dado que en cada nodo hijo tengo un checkbox por eso requiero el form.
<div ID="mParent" class="parent"><font FACE="VERDANA">Raiz</font></div>
<div ID="mChild">
<form> si lo pongo en cada grupo de nodos me funciona pero para ese grupo solamente.. pero no me sirve para la misma funcion a la que hago referencia.
<div ID="m1Parent" class="parent"><font>titulo 1</font></div>
<div ID="m1Child" CLASS="child"><font>subtitulo1</font></div>
n...nodos hijos
<div ID="m2Parent" class="parent"><font>Titulo 2</font></div>
<div ID="m2Child" CLASS="child"><font>subtitulo2</font></div>
n... nodos hijos
</div>

</body>

No se realmente cual sea el problema.. porque por lo visto hay conflictos el <form> con el div cuado el div tiene classes i Id <div ID="m2Parent" class="parent">

espero su respuesta.. gracias

PatomaS · #2 (**permalink**) 15/09/2004, 09:36

Hola

Bueno, no se exactamante cual es el problema, es decir, me parece entender que no se ve el contenido que tiene, sin embargo, parece estar razonablemente bien el código.

Te recomendaría que hicieras algunos cambios sintácticos, por ejemplo:

id en vez de ID.
class en vez de CLASS
span en vez de div, si esto te da problemas, coloca un salto de línea tras los span o etiquetas como <p> o <span> dentro del div englobando el texto.

¿tienes cerrado el formulario?

De todas maneras, si nos pones el código aquí o mejor aun, la página ya montada en internet, puede que sea más fácil ayudarte.

Suerte

Felicidad

lircim · #3 (**permalink**) 15/09/2004, 15:32

aqui esta el codigo en una pagina html

este form no me deja abrir el arbol..
<form style="margin-top: 0; margin-bottom: 0">

<div ID="mParent" class="parent">
<a name="ma" href="#" onClick="FolderExpand('m','top')">
<img name="mTree" src="images/topopen.gif" class="icon" align="absmiddle" border="0">
<font FACE="VERDANA" color="black" size="1" class="item">Regiones</font></a>
</div>

<div ID="mChild">
<div ID="m1Parent" class="parent"><a name="m1a" href="#" onClick="FolderExpand('m1')"><img name="m1Tree" src="images/Tplus.gif" align="absmiddle" border="0"><img name="m1Folder" src="images/foldericon.jpg" class="icon" align="absmiddle" border="0"><font color="black" face="verdana" size="1" class="item"><b>Región Norte</b></font></a></div>
<div ID="m1Child" CLASS="child">

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">

document.write('<img src="images/I.gif" align="absmiddle"><img src="images/T.gif" align="absmiddle"><img src="images/lupaicon.jpg" align="absmiddle" class="icon">');
document.write('<input type="Checkbox" name="LayerVisible" value="158" Onclick="updateLayers()"');
if (t.LayerVisible[158] == 1) document.write(' checked');
document.writeln('>Activos Integrales');
</script>


</div>
<div ID="m2Parent" class="parent"><a name="m2a" href="#" onClick="FolderExpand('m2')"><img name="m2Tree" src="images/Tplus.gif" align="absmiddle" border="0"><img name="m2Folder" src="images/foldericon.jpg" class="icon" align="absmiddle" border="0"><font color="black" face="verdana" size="1" class="item"><b>Región Sur</b></font></a></div>
<div ID="m2Child" CLASS="child">


<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">

document.write('<img src="images/I.gif" align="absmiddle"><img src="images/T.gif" align="absmiddle"><img src="images/lupaicon.jpg" align="absmiddle" class="icon">');
document.write('<input type="Checkbox" name="LayerVisible" value="151" Onclick="updateLayers()"');
if (t.LayerVisible[151] == 1) document.write(' checked');
document.writeln('>Activos Integrales');

document.write('<img src="images/I.gif" align="absmiddle"><img src="images/L.gif" align="absmiddle"><img src="images/lupaicon.jpg" align="absmiddle" class="icon">');
document.write('<input type="Checkbox" name="LayerVisible" value="139" Onclick="updateLayers()"');
if (t.LayerVisible[139] == 1) document.write(' checked');
document.writeln('>Exploración<br>');
</script>


</div>
</div>
<div ID="m3Parent" class="parent"><a name="m3a" href="#" onClick="FolderExpand('m3')"><img name="m3Tree" src="images/Tplus.gif" align="absmiddle" border="0"><img name="m3Folder" src="images/foldericon.jpg" class="icon" align="absmiddle" border="0"><font color="black" face="verdana" size="1" class="item"><b>Región Marina SO</b></font></a></div>
<div ID="m3Child" CLASS="child">


<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">

document.write('<img src="images/I.gif" align="absmiddle"><img src="images/T.gif" align="absmiddle"><img src="images/lupaicon.jpg" align="absmiddle" class="icon">');
document.write('<input type="Checkbox" name="LayerVisible" value="146" Onclick="updateLayers()"');
if (t.LayerVisible[146] == 1) document.write(' checked');
document.writeln('>Activos Integrales');

document.write('<img src="images/I.gif" align="absmiddle"><img src="images/L.gif" align="absmiddle"><img src="images/lupaicon.jpg" align="absmiddle" class="icon">');
document.write('<input type="Checkbox" name="LayerVisible" value="137" Onclick="updateLayers()"');
if (t.LayerVisible[137] == 1) document.write(' checked');
document.writeln('>Exploración<br>');
</script>


</div>
</div>
<div ID="m4Parent" class="parent"><a name="m4a" href="#" onClick="FolderExpand('m4','last')"><img name="m4Tree" src="images/Lplus.gif" align="absmiddle" border="0"><img name="m4Folder" src="images/foldericon.jpg" class="icon" align="absmiddle" border="0"><font color="black" face="verdana" size="1" class="item"><b>Región Marina NO</b></font></a></div>
<div ID="m4Child" CLASS="child">


<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">

document.write('<img src="images/white.gif" align="absmiddle"><img src="images/T.gif" align="absmiddle"><img src="images/lupaicon.jpg" align="absmiddle" class="icon">');
document.write('<input type="Checkbox" name="LayerVisible" value="142" Onclick="updateLayers()"');
if (t.LayerVisible[142] == 1) document.write(' checked');
document.writeln('>Activos Integrales');

document.write('<img src="images/white.gif" align="absmiddle"><img src="images/L.gif" align="absmiddle"><img src="images/lupaicon.jpg" align="absmiddle" class="icon">');
document.write('<input type="Checkbox" name="LayerVisible" value="161" Onclick="updateLayers()"');
if (t.LayerVisible[161] == 1) document.write(' checked');
document.writeln('>Exploración<br>');
</script>
</form>

</div>
</div>
</body>
</html