Cambiar href e imagen al mismo tiempo con varios botones Hola Estoy en un proyecto de una pagina de fiestas
Vi el tutorial de Lynda, pero entiendo lo mismo que antes nada de javascript,
me las arregle para poder hacer click, cambiar la imagen y el href.
Se como hacer las dos cosas juntas pero no se como hacerlo cuando tengo mas botones si depender en poner el id de todos.
algo como (this.id) como sí funciona con el cambio de imagen y con el numero.
que lo pone en la caja de texto.
Si me pueden ayudar porfa ya que sino no puedo continuar el proyecto, gracias de ante mano
Codigo Html
--------------------------------------
<a id="this.id" href="#"><img id="1" onClick="changeimage(this.id)" border="0" src="http://sia1.subirimagenes.net/img/2013/05/16/13051607540612496.jpg" width="110" height="20" /></a>
<a id="this.id" href="#"><img id="2" onClick="changeimage(this.id)" border="0" src="http://sia1.subirimagenes.net/img/2013/05/16/13051607540612496.jpg" width="110" height="20" /></a>
<form name="form1" method="post" action="">
<label>
<input type="text" name="texto" id="texto" >
</label>
</form>
Javascript
--------------------------------------
<script type="text/javascript">
var clicked_id=0;
var cc=0;
function changeimage(clicked_id){
if (cc==0)
{
cc=1;
document.getElementById(clicked_id).src="http://sia1.subirimagenes.net/img/2013/05/16/130516075509263538.jpg"
document.getElementById("this.id").href=clicked_id ;
document.form1.texto.value = clicked_id;
}
else{
cc=0;
document.getElementById(clicked_id).src="http://sia1.subirimagenes.net/img/2013/05/16/13051607540612496.jpg"
document.form1.texto.value = clicked_id;
}
}
</script>
