pasar id con onclick

melody83 · #1 (**permalink**) 28/08/2009, 02:04

Tengo el siguiente codigo, y se me presento el problema de que tengo que pasar la id de una miniatura a otra al hacerle click... de modo que solo una miniatura tenga esa id, espero se entienda

Código HTML:

<html>
<head>
<style type="text/css">
.currentThumbPagerCell{
	border:1px solid #a09d9d;
	cursor:pointer;
}
.currentThumbPagerCell img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
	-moz-opacity: 1.0; /* Mozilla 1.6- */
	-khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
	opacity: 1.0;
}

.thumbPagerCell{
	border:1px solid #dfdcdc;
	cursor:pointer;
}
.thumbPagerCell img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6- */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5;
}

#td_current{
	border:1px solid #a09d9d;
	cursor:pointer;
}
#td_current img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
	-moz-opacity: 1.0; /* Mozilla 1.6- */
	-khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
	opacity: 1.0;
}
</style>

<script language="JavaScript" type="text/javascript">
function changeImage(filename){
	document.mainimage.src = filename;
}

function changeId(elem,newId){
	return elem.id = newId;
}
</script>
</head>

<body>
<table>
	<tr>
		<td class="bigFrame">
			<img name="mainimage" src="stegmann.dk/mikkel/porta/demo/mies/medium/0005.jpg">
		</td>
	</tr>
</table>
<table>
	<tr>
		<td class="thumbPagerCell" onClick="changeImage('stegmann.dk/mikkel/porta/demo/mies/medium/0005.jpg'); changeId(this,'td_current')"><img src="stegmann.dk/mikkel/porta/demo/mies/small/0005.jpg" alt="" border="0" /></td>
		<td class="thumbPagerCell" onClick="changeImage('stegmann.dk/mikkel/porta/demo/mies/medium/0007.jpg'); changeId(this,'td_current')"><img src="stegmann.dk/mikkel/porta/demo/mies/small/0007.jpg" alt="" border="0" /></td>
		<td class="thumbPagerCell" onClick="changeImage('stegmann.dk/mikkel/porta/demo/mies/medium/0009.jpg'); changeId(this,'td_current')"><img src="stegmann.dk/mikkel/porta/demo/mies/small/0009.jpg" alt="" border="0" /></td>
		<td class="thumbPagerCell" onClick="changeImage('stegmann.dk/mikkel/porta/demo/mies/medium/0006.jpg'); changeId(this,'td_current')"><img src="stegmann.dk/mikkel/porta/demo/mies/small/0006.jpg" alt="" border="0" /></td>
	</tr>
</table>
</body>
</html>

Agradeceria a quien me pueda dar una mano con este tema

zerokilled · #2 (**permalink**) 28/08/2009, 05:02

juro haber visto el tema anteriormente con el mismo mensaje...

yo lo que comunmente hago es tener una variable que funciona como un tracker del ultimo elemento. lo que tienes que hacer es definir una variable vacia. dentro de la funcion changeId vas a determinar si la variable contiene un elemento, y de ser asi le eliminas el ID. finalmente, asignas el elemento actual a la variable.

melody83 · #3 (**permalink**) 30/08/2009, 02:33

Ok... muchas gracias, pero mis conocimientos de javascript son muy basicos y no se como hacer lo que me estas sugiriendo... si me podes decir como seria la funcion que tengo que usar me harias un inmenso favor :)

zerokilled · #4 (**permalink**) 30/08/2009, 14:39

te paso un pseudocodigo para que veas que es bien simple implementarlo.

Código:

variable elemento = null

funcion changeId(elem, newid)
  si (elemento existe) elemento.id = cadena vacia
  fin si
elem.id = newid
elemento = elem
fin funcion