porqué no funciona el código? ayuda

imox · #1 (**permalink**) 14/12/2007, 11:06

Saludos

Encontre este script, que cuando pasas el raton sobre la imagen, se desplega una imagen más grande:

<style type="text/css">

</style>
<script type="text/JavaScript">

</script>

<img src="" alt="" title="" width="" border="" onmouseover="mostrar_portada();" onmouseout="ocultar_portada();">

<img id="portada_impresa" src="" alt="" width="" border="">

_____________________

Entonces quise aplicarlo para todas las imagenes que suba a mi web. Pero resulta que el mayor impedimento es la ID de la imagen: "portada_impresa". Mi web usa PHP. inserte una nueva variable para cada id de cada imagen: $imgname. Asi cada vez que subo una nueva imagen, me da una diferente ID. Esto funciona muy bien. El problema que tengo es que el script no reconoce la variable de PHP.

Ya estuve revisando distinta información, pero aun no consigo que el script funcione. este es:

<style type="text/css">

</style>

<script type="text/JavaScript">

var imgname = imgname("<?php echo '$imgname'; ?>");

function mostrar_portada() {
if (document.getElementById)
document.getElementById('imgname').style.display = "block";
}
function ocultar_portada() {
if (document.getElementById)
document.getElementById('imgname').style.display = "none";
}

</script>

<img id="$imgname" src="" alt="" width="" border="">

<img src="" alt="" title="" width="" border="" onmouseover="mostrar_portada();" onmouseout="ocultar_portada();">

_________

estoy aprendiendo PHP y no se mucho de javascript. Alguien podría ayudarme.

Muchas Gracias

Imox

agressor · #2 (**permalink**) 14/12/2007, 13:35

Bueno mira lo primero el ID=$ no lleva este caracter...en primer lugar en segundo no estoy seguro pero creo que no es block es NONE pero no se probalo

ahora tu funcion deberia quedar algo asi

<img src="" id="imgname" alt="" title="" width="" border="" onmouseover="mostrar_portada();" onmouseout="ocultar_portada();">

Probalo luego me contas..

agressor · #3 (**permalink**) 14/12/2007, 13:53

Aqui esta mira este codigo a mi me funcion tal y como lo queres asi que espero te sirva lo tenias un problema con el ID nada mas..

<style type="text/css">

</style>
<script type="text/JavaScript">

</script>

<img src="imgname" alt="" width="435" height="205" border="" title="" onMouseOver="mostrar_portada();" onMouseOut="ocultar_portada();">

<img src="imgname" alt="" width="450" height="338" border="" id="portada_impresa" onMouseOver="mostrar_portada();" onMouseOut="ocultar_portada();">

le coloque las 2 funciones ocultar y mostrar tambien a la imagen que muestras para que mientras el mouse este dentro de la imagen mostrada tambien se muestre portada.. y tambien te quita dolores de cabeza por que si tiene fondo transparente te crearia unos rollos con que no se muestra ya que no esta en la imagen y cosas asi..

imox · #4 (**permalink**) 15/12/2007, 19:00

Gracias, lo que escribes funciona, pero no es eso lo que quiero. Mira la onda es que no puede haber dos imágenes con el mismo ID="portada_impresa". Manualmente se puede así: portada_impresa1, portada_impresa2, portada_impresa3.... pero yo quiero que esto funcione automáticamente. te explico.

el blog que uso esta en php. En la base de datos agregue un nuevo valor $imgname. Cada vez que agrego una nueva imagen al servidor, automáticamente se le asigna una ID, que es el nombre de la imagen. pj. sol.jpg, En eso como te digo no hay ningún problema. Cuando le das publicar articulo, en la página principal aparece el titulo, el autor, la fecha, la categoría y la imagen con una id asignada. Aqui es donde entra la cuestion del script pues éste no reconoce de manera automática el valor de la variable $imgname. me entiendes. como no la reconoce el script no funciona.

Entonces mi pregunta era cómo hacer para que el script reconozca el valor asignado: la ID de la imagen. Pero además que funcione con varias imagenes a la vez: var imgname = imgname("<?php echo '$imgname'; ?>");

checa bien el script:

<style type="text/css">

</style>

<script type="text/JavaScript">

var imgname = imgname("<?php echo '$imgname'; ?>");

function mostrar_portada() {
if (document.getElementById)
document.getElementById('imgname').style.display = "block";
}
function ocultar_portada() {
if (document.getElementById)
document.getElementById('imgname').style.display = "none";
}

</script>

<img id="$imgname" src="" alt="" width="" border="">

<img src="" alt="" title="" width="" border="" onmouseover="mostrar_portada();" onmouseout="ocultar_portada();">

cómo ves?

gracias de nuevo.

Shiryu_Libra · #5 (**permalink**) 15/12/2007, 19:38

por que no simplemente dejas tal cual esta tu codigo, pones autoincremente en el nombre imgname1, imgname2, etc....

y cuando lo recibes en la funcion, eliminas la ultima letra(autoincremento), y aplicas la funcion???

imox · #6 (**permalink**) 16/12/2007, 20:24

tengo algunos avances:

<style type="text/css">

</style>
<form name="aaa" method="POST">

<script type="text/JavaScript">

</script>
</form>

Ya reconoce las variables, pero no se, simplemente pasa algo que hace que marca error. detectan algo.

...oye Shiryu_Libra y me puedes decir cómo?

sale