Buscar id de 1 campo antes de otro

jamesjara · #1 (**permalink**) 22/11/2009, 16:23

Hola amigos vieras ke tengo 1 problema
estoy tratando de hacer lo siguiente

Necesito saber el ID de un TEXTAREA que esta sobre el DIV que yo detecto

OSEA esta asi
1. Busca el div que yo tengo siempre estatico div id="divuniko"
2. Busca el elemnto EXACTAMENTE anterior a el div del punto 1

Osea tengo que buscar el ID del elemento que esta sobre el mio ,
ese elemento es variable

una forma que no me sirve: obtengo el INDEX del div mio, y le resto -1, pero no sirve siempre sirve 1 vex de 10.. asi que no me sirve

para que: ocupo manipular ese campo, que no sabre cual es..

zerokilled · #2 (**permalink**) 22/11/2009, 17:40

estas dando detalles generalista, vere en que te puedo ayudar. de momento pienso que cuando mencionas lo del INDEX, me hace entender que: 1) estas usando iexplorer, y 2) estas usando el objeto document.all. intenta con el metodo getElementsByTagName.

quimfv · #3 (**permalink**) 23/11/2009, 07:38

Código HTML:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div id="divuniko"><input name="unimput" type="text" id="unimput" value="25"></div>
<script language="JavaScript" type="text/JavaScript">
alert(document.getElementById("divuniko").getElementsByTagName("input")[0].value);
</script>
</body>
</html>

Mira que hace esto ... analizalo... quizas te sirva.

Quim

jamesjara · #4 (**permalink**) 24/11/2009, 03:29

Holaap estamos cerca

Casi es exactamente asi.. el problem esss ese Input, esta sobreee el div
Aqui le pongo el ejemplo->

Código PHP:

  <html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
//Sobre el div,siempre va a estar sobre ese div 
<input name="unimput" type="text" id="unimput" value="25">
//En otras palabras tengo que detectar este campo  unimput, en base al div divuniko, recuerden que este campo unimput es detectado por getElementsByTagName pues su name o id es variable
//TENGO QUE ENCONTRAR EL ELEMENTO ANTERIOR AL DIV -> divuniko, no se sabe el name ni el id xq es variable
<div id="divuniko"></div>
<script language="JavaScript" type="text/JavaScript">
alert(document.getElementById("divuniko").getElementsByTagName("input")[0].value);
</script>
</body>
</html>

zerokilled · #5 (**permalink**) 24/11/2009, 04:15

lo que tu tratas de hablar son los hermanos de un elemento. en ese caso, primero obtienes la referencia del elemento en particular, supongo del DIV, y luego usas la propiedad previousSibling. ahora, es importante que mantegas una estructura similar. por ejemplo, que los TEXTAREAs, o INPUTs, sean hermanos inmediatos del DIV.

Código:

<input ><div id="divuniko">contenido</div>
<input ><div id="divunico">contenido</div>
...

fijate que no se separan los elementos INPUTs de DIVs. es preferible que lo hagas asi en favor a iexplorer ya que los caracteres no imprimibles (espacios, salto lineas, tabulares, etc) no los interpreta como un nodo.

Código:

alert(document.getElementById("divunico").previousSibling.nodeName); // muestra INPUT;

jamesjara · #6 (**permalink**) 24/11/2009, 08:42

wau perfecto
investig un poco mas para sacar el id de ese elemento hermano
y lo conseguí asi

Cita:

var id = document.getElementById('divuniko').previousSiblin g.id;

Graciassss

zerokilled · #7 (**permalink**) 24/11/2009, 08:57

solo curiosidad, ¿para que necesitas el ID de ese elemento? ¿para capturarlo con getElementById? si es asi, pues no hace falta. el siguiente codigo demuestra que los dos elementos son los mismos.

Código:

document.getElementById(document.getElementById('divuniko').previousSibling.id) == document.getElementById('divuniko').previousSibling;

o sea, con previousSibling ya tienes la referencia a ese elemento por lo que no hace falta capturarlo con getElementById. claro, a no ser que vayas hacer otra cosa distinta con el ID.