bloques que cambian con iconos que también

iutunoi · #1 (**permalink**) 11/08/2005, 14:24

Hola Gente!

El reto que os planteo seguro que es muy sencillo,pero yo no veo la luz...

Tengo una pagina, en la que en una seccion de esta aparace una serie de documentos que quiero colgar y que estan en carpetas. Cuando clico sobre el categoria se abre y me muestra los documentos, pero no se modifica el icono de la carpeta (cambiar de abierto a cerrado) y no lo sé hacer al hacer click, porque ya he puesto otra función que es para mostrar/ocultar un bloque de texto...

Supongo que dos funciones entre sí no deben ser incompatibles y que se pueden combinar pero la verdad es que no sé como hacerlo... alguien me puede chivar el codigo???
En el <head> pongo esto:
<script language="JavaScript">
function cambiaEstado(iden)
{
var elhtml = document.getElementById(iden);
if (elhtml.style.display == 'block')
elhtml.style.display = 'none';
else
elhtml.style.display = 'block';
}

</script>
y en el <body>:
<a href="javascript:cambiaEstado('e1')" class="texto"><img src="../imatges/ct.gif" border="0"> Universitat Autònoma de Barcelona </a>
<b id="e1" class="oculto">
<a href="programa_autonoma.pdf" class="texto" target="_blank"> <img src="../imatges/disket2.gif" border="0" target="_blank" align="absbottom"> Programa de l'assignatura <i>"Formació i Actualització de la Funció Pedagògica"</i></a> </b>
<br>....

No sé que escript podria poner para combinar, alguien me puede ayudar, please

iutunoi · #2 (**permalink**) 12/08/2005, 04:43

Ayuda por favor, si alguien tiene la más minima idea...

tunait · #3 (**permalink**) 13/08/2005, 02:49

Qué tal,

no especificas qué imagen es la que quieres cambiar, pero suponiendo que sea esta

<img src="../imatges/ct.gif" border="0">

puedes asignarle un id

<img id="c1" src="../imatges/ct.gif" border="0" />

y agregar un segundo parámetro a recibir en tu función

Código:

<script language="JavaScript">
function cambiaEstado(iden,el){
  var elhtml = document.getElementById(iden);
  var elhtml2 = document.getElementById(el);
  if (elhtml.style.display == 'block'){
      elhtml.style.display = 'none';
      elhtml2.src = '../imatges/ct.gif';
  }
  else{
       elhtml.style.display = 'block';
       elhtml2.src = '../imatges/co.gif'; 
   } 
}

y llamas a la función con cambiaEstado('e1','c1')

un saludo

iutunoi · #4 (**permalink**) 16/08/2005, 09:19

muchas muchas gracias!!!

tunait · #5 (**permalink**) 16/08/2005, 09:28

moltes de res

(muchas de nadas)