mostrar ocultar etiquetas div desde un ID


L

LuisDavid

Hola grupo tengo un codigo que como resultado me da un valor ejemplo
(p0, p1,......), que al visualizarlo por ejemplo parte del codigo es:

<script ....>
function valores(){
..... codigo.....
var _div = val[f].dato;
document.write("<span id=.....>"+_div+"</span>");
}

lo que me visualiza p0 o p1 o etc....,

el resto del código funciona perfectamente ese no es el problema,
ahora
lo que quiero es como puedo tratar esta variable para pasarlo como el
ID de una etiqueta div, osea las etiquetas div ya estan asi:
<div id="p0"...>....</div>
<div id="p1"...>....</div>
<div id="p2"...>....</div>..... etc.

funcion valores() funciona a partir de datos que el usuario ingresan
en un campo TEXT. y clickea buscar y se ejecuta.
la idea es que la funcion valores() encuentra un valor y quiero que se
muestre u oculte la DIV segun el valor encontrado,
osea que la div se muestre, y si se modifica la busqueda se oculte la
DIV y se muestre la DIV actual encontrada,
tengo este codigo para mostrar ocultar div:

<script ....>
var actual = "p0";

function tag(id){
return document.getElementById(id)
}

function muestra(capa){
tag(actual).style.display = "none";
actual = capa;
tag(actual).style.display = "block";
}
</script>

que de forma independiente funciona con esto:

<select onchange="muestra(this.value)<option value="p1">capa1<option
value="p2">capa2...

ahi si oculta y visualiza

lo que no logro como hacer adaptarlo al codigo anterior para que
visualize los valores, sale error, a veces no ejecuta nada, como
hago!!!!!, ayuda!!!!!!.
les agradecere de antemano grupo, y que tengan un buen dia.



Los ideales son como las estrellas, no lograremos tocarlos; pero al
navegante en la inmensidad del océano le sirven de guía para llegar a
su destino.
 
Ad

Advertisements

R

RoLo

Hola grupo tengo un codigo que como resultado me da un valor ejemplo
(p0, p1,......), que al visualizarlo por ejemplo parte del codigo es:

<script ....>
function valores(){
..... codigo.....
var _div = val[f].dato;
document.write("<span id=.....>"+_div+"</span>");

}

lo que me visualiza p0 o p1 o etc....,

el resto del código funciona perfectamente ese no es el problema,
ahora
lo que quiero es como puedo tratar esta variable para pasarlo como el
ID de una etiqueta div, osea las etiquetas div ya estan asi:
<div id="p0"...>....</div>
<div id="p1"...>....</div>
<div id="p2"...>....</div>..... etc.

funcion valores() funciona a partir de datos que el usuario ingresan
en un campo TEXT. y clickea buscar y se ejecuta.
la idea es que la funcion valores() encuentra un valor y quiero que se
muestre u oculte la DIV segun el valor encontrado,
osea que la div se muestre, y si se modifica la busqueda se oculte la
DIV y se muestre la DIV actual encontrada,
tengo este codigo para mostrar ocultar div:

<script ....>
var actual = "p0";

function tag(id){
return document.getElementById(id)

}

function muestra(capa){
tag(actual).style.display = "none";
actual = capa;
tag(actual).style.display = "block";}

</script>

que de forma independiente funciona con esto:

<select onchange="muestra(this.value)<option value="p1">capa1<option
value="p2">capa2...

ahi si oculta y visualiza

lo que no logro como hacer adaptarlo al codigo anterior para que
visualize los valores, sale error, a veces no ejecuta nada, como
hago!!!!!, ayuda!!!!!!.
les agradecere de antemano grupo, y que tengan un buen dia.

Los ideales son como las estrellas, no lograremos tocarlos; pero al
navegante en la inmensidad del océano le sirven de guía para llegar a
su destino.

No entiendo bien lo que quieres hacer...
aqui tienes lo que pienso preguntaste:

<div id="capas"></div>

<script>
var actual = "p0";

function tag(id){return document.getElementById(id)};

function valores()
{
..... codigo.....
// No te sugiero que te acostumbres a usar document.write por lo
tanto:
var _div = val[f].dato,
_a = document.createElement("div");
_a.innerHTML = _div;
tag("capas").appendChild(_a.firstChild);
};

function muestra(capa)
{
tag(actual).style.display = "none";
actual = capa;
tag(actual).style.display = "block";
};
</script>

<select onchange="muestra(this.options[this.selectedIndex].value);">
<option value="p1">capa1</option>
<option value="p2">capa2</option>
</select>

Fijate en el <select>, el que tu posteaste esta lleno de errores.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top