Ocultar texto pinchando en una celda...

susaninhax · #1 (**permalink**) 16/03/2005, 13:36

wenassss!!

Como puedo hacer para conseguir el mismo efecto que el haceis en la página? es decir, mostrar el contenido si pinchas en la celda azul , concretamente en la esquina derecha donde está el circulito con las flechas.... y a su vez ocultarlo volviendo a pinchar, toy haciendo una página que tiene mucho texto y lo máximo que llegado a sacar es esto:

Poner estos dos scripts al laito de la tabla:

<script languaje="JavaScript">
function ocultar(id_fila) {
document.all[id_fila].style.display = "none";
}
</script>
<SCRIPT languaje="JavaScript">
function mostrar(id_fila) {
document.all[id_fila].style.display = "block";
}
</script>

Esto en la celda de la tabla en cuestión que clicando mostrará su contenido:
<tr bgcolor="#FFFFFF" onClick="mostrar('<?php echo $id_seccion; ?>qwert')" style="cursor:n-resize" title="Clic para mostrar Categorías">

Y esto en el botón, enlace para ocultar la celda:
<INPUT type=button class="texto_negro" onClick="ocultar('<?php echo $id_seccion; ?>qwert')" value="Ocultar" style="cursor:hand">

Pero me da fallos... y tengo que usar otro boton distinto para ocultar el texto

Alguien me puede ayudar?No se si me he esplicado bien, Muchas Graciasss

programeitor · #2 (**permalink**) 16/03/2005, 16:30

.

En principio podrias colocar los dos scripts en el <head> y ya de paso colocarlos los dos juntos
<script>
funcion mostrar
funcion ocultar
</script>
tambien podrias probar con visibility='hidden' ,visibility='visible' ., y otra cosa mas utiliza document.getElementById(id_fila)

A ver si te sirve.
.

susaninhax · #3 (**permalink**) 17/03/2005, 06:01

pos na, he intentado lo que me has dicho y no va, me da un error script en la linea 175 y claro cambies el codigo , quites y pongas lineas de codigo sigue dando en la misma linea ...

el efecto que quiero conseguir de ésta página es con capas?No se me ocurre.. toy chof!!

si se os ocurre alguna otra cosa porfisss!!! MUUUchas gachas de todos modos

JavierB · #4 (**permalink**) 17/03/2005, 06:17

Hola susaninhax

Esto no lo he probado, pero creo que podría servirte.

Código PHP:

  function ocultar_mostrar(id_fila) { 
  obj=document.getElementById(id_fila); 
  if (obj.style.display='none') 
    obj.style.display=''; 
  else 
    obj.style.display='none'; 
}

Así solo tendrías que usar una función.

Saludos,

susaninhax · #5 (**permalink**) 17/03/2005, 11:17

ahora si.. mas o menos

Pongo este escript al laito de la tabla:

<script language="javascript">
function ShowHide(id) {
if(document.getElementById(id).style["display"] != "none"){
document.getElementById(id).style["display"] = "none";
} else {
document.getElementById(id).style["display"] = "";
}
}
</script>

Y lego, pso pongo un enlace k será el boton ke muestre y oculte el texto

<a href="javascript:ShowHide('Cont')" title="capa1" ><span class="texto_azul">Compra</span></a>

Por ejemplo como lo tengo yo... y luego metemos el div pa mostrar el texto por ejemplo:

<div id="Cont">
<table>
<tr>
<td class="texto_negro"> Esta es una capa </td>
</tr>
</table>
</div>

y para mostrar y ocultar varias capas se repite la operacion pero cambiando:

<javascript:ShowHide('Cont')" title="capa1 ...por...javascript:ShowHide('Cont2')" title="capa2">

y la llamada al Div :div id="Cont2">

Funciona genialísimo, el unico problema y seguro k es una tonteria pero k no caigo.. es k cuando cargo la pag, me aparece mostrando todo y yo kiero k aparezca d entrada oculto no mostrao.... luego sí, claro si pinchas pos se oculta y si pinchas otra vez se vuelve a mostrar...

Alguien tiene una ideílla?¿??¿?¿

Muchas graciasssssssssssss

JavierB · #6 (**permalink**) 17/03/2005, 11:45

Hola de nuevo.

Puedes crear una clase:

<style type="text/css">
.oculto {display:none}
</style>

y ponersela a los elementos que no quieras que aparezcan al cargar la página:

<div id="Cont" class="oculto">

Saludos,