Desactivar boton de formulario

pedakitu · #1 (**permalink**) 05/03/2008, 10:56

Tengo el siguiente codigo el cual corresponde a un visor de imagenes con cuatro botones: primera, anterior, siguiente y ultima. Y necesito implementarle al codigo que cuando nos encontremos en la primera o ultima imagen, el boton anterior y siguiente esten desactivados respectivamente.

Yo he intentando incluirle una funcion (anteriorno) para ver si conseguia la desactivacion del boton pero no he tenido suerte.

Código HTML:

<HTML>
<HEAD>
<TITLE>Ejercicio6_2</TITLE>

<script language="JavaScript">
var photos=new Array()


photos[0]="images/alcazaba.jpg"
photos[1]="images/catedral.jpg"
photos[2]="images/noche1.jpg"
photos[3]="images/noche2.jpg"
photos[4]="images/bahia_mañana.jpg"
photos[5]="images/bahia_tarde.jpg"

var contador=0

function primera(){
if (contador>0){
contador=0;
document.images.fotos.src=photos[contador]
}

}

function anterior(){
if (contador>0){
contador--
document.images.fotos.src=photos[contador]
}
}

function siguiente(){
if (contador<photos.length-1){
contador++
document.images.fotos.src=photos[contador]
}
}

function ultima(){
if (contador<photos.length-1){
contador=photos.length-1;
document.images.fotos.src=photos[contador]
}

function anteriorno(){
if (document.images.fotos.src=(photos[0]))
{document.visor.B1.disable=true;
}
}
</script>

</HEAD>

<BODY onload="anteriorno()">

<table border="0" cellpadding="0">
  <tr>
    <td width="100%"><img src="images/alcazaba.jpg" name="fotos"></td>
  </tr>
  <tr>
    <td width="100%"><form method="POST" name="visor">
    

<input type="button" value="<<Anterior" name="B1" onClick="anterior()">
<input type="button" value="|<Primera" name="B2" onClick="primera()">  
<input type="button" value="Ultima>|" name="B3" onClick="ultima()"> 
<input type="button" value="Siguiente>>" name="B4" onClick="siguiente()">

<br>
  
    </form>
    </td>
  </tr>
</table>


</body>
</html>

caricatos · #2 (**permalink**) 05/03/2008, 11:28

Hola:

Para referenciarlos sin problema debes ponerle un id o un name pero dentro de un formulario... y ya referenciados simplemente debes usar el atributo disabled...

<input type="button" id="prime" value="|<Primera" name="B2" onClick="primera(); document.getElementById('ulti').disabled = true">
<input type="button" id="ulti" value="Ultima>|" name="B3" onClick="ultima(); document.getElementById('prime').disabled = true"> ...

Aunque también deberías controlar que se vuelvan a activar con los botones siguiente y anterior...

Saludos

pedakitu · #3 (**permalink**) 05/03/2008, 11:57

Gracias paisano (yo tambien soy de malaga) pero me entendiste mal, los botones primera y ultima no deben de variar, los que se desactivan son anterior (si estoy en la imagen0) o siguiente (si estoy en la ultima imagen del array).

Como tu comentas luego hay que volver a reactivarlos si no se encuentran en la imagen que lo desactivan, y esto tampoco se hacerlo