PHP - Problema con php y javascrip

Problema con php y javascrip

Publicado por Benjamin Martini (1 intervención) el 28/12/2009 16:16:12

estoy desarrollando una galeria de imagenes con php y ‭‬javascript tengo una imagen centra la cual la despliego con el siguiente codigo:

Código:
echo "<img src='" . $galeria[1] . "'name='centro' id='centro' />";
esa parte corre perfecto.
luego tengo unas miniaturas de toda la galeria las cuales quiero que al hacerles click se desplieguen en la central tengo el siguiente codigo que me despliega las miniaturas pero no obstante no encuentro la manera de correr el ‭‬javascript.

Código:
while($galeria2=mysql_fetch_array($galerias2))
{
echo "<img src='" . $galeria2[0] . "' onclick='centro.src='" . $galeria[1] . "''; onmouseover='this.style.cursor='hand';' />";
}

de antemano muchas gracias

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

RE:Problema con php y javascrip

Publicado por leandro (42 intervenciones) el 28/12/2009 17:06:23

Primero que nada, es desprolijo ejecutar codigo en una tag html.
Lo "correcto" es invocar a una funcion y que sea ésta la que ejecute el código.

Luego tienes un error cuando haces onclick="centro.src .."
porque le estas asignando a centro la propiedad src, pero primero tienes que obtener el elemento centro para despues asignarle una propiedad.

Te quedaria alog más o menos asi:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>

<script language="javascript">

function cambiarCentro(valor){
//Obtenes el elemento al cual le quieres modificar una propiedad
var img = document.getElementsByName("centro")[0];

//Modificas la propiedad del elemento
img.setAttribute("src", valor);
}

</script>

</head>
......

<?php

echo "<img src='" . $galeria[1] . "'name='centro' id='centro' />";

while($galeria2=mysql_fetch_array($galerias2))
{
echo "<img name=\"centro\" src =\"\" onclick=\" cambiarCentro($galeria[1])\" onmouseover=\"this.style.cursor='hand' />";
}

?>
..........

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar