Javascript desde un ECHO en PHP

matheo · #1 (**permalink**) 24/02/2009, 03:46

Tengo un problema que no le encuentro solucion a ver si me explico. Tengo un archivo thumbnailviewer.js que lo cargo en la cabezera de mi web principal con :

Código HTML:

 <script src="Medico/Imagenes/thumbnailviewer.js" type="text/javascript"></script>

Esto funciona de la siguente manera: Cuando pongo una etiqueta

Código HTML:

 <a  href="http://www.optiscan.com/Graphics/Investors/ASX_logo.jpg" rel="thumbnail">Ver</a>

. El archivo JS lee la propiedad rel="thumbnail" y me hace un efecto sobre la imagen.

El problema es que esto funciona en HTML pero cuando hago un ECHO desde un archivo php no me funciona. ¿Porque? No hay manera. ¿Que se me ha pasado?

AYUDA PLEASE!!!!

#2 (**permalink**) 24/02/2009, 04:09

Hola, matheo

Un detalle. Si lo que falla es cuando lo pones en un echo, pon ese código, el que falla. No sirve de mucho si pones el código que está bien pero no el que falla, ¿no? :)

matheo · #3 (**permalink**) 24/02/2009, 04:32

Cita:

Iniciado por venkman

Hola, matheo

Un detalle. Si lo que falla es cuando lo pones en un echo, pon ese código, el que falla. No sirve de mucho si pones el código que está bien pero no el que falla, ¿no? :)

Verás el ECHO es muy facil . Es:

Código PHP:

   echo '<a  href="http://www.optiscan.com/Graphics/Investors/ASX_logo.jpg" rel="thumbnail">Ver</a>';

No tiene más. La cuestión está en el codigo Javascript creo. Si quereis que lo ponga pedirlo pero es demasiado complejo (creo).

#4 (**permalink**) 24/02/2009, 04:36

Bueno, ese código está bien. Creo que vas a tener que contar algo más de cómo tienes puesto todo. No hace falta que pongas el código de thumbnailviewer.js pero sí creo que tienes que poner el código de la página y/o contar algún detalle más. ¿Tienes puesta la página en algún sitio que se pueda ver?

matheo · #5 (**permalink**) 25/02/2009, 05:33

Mirar vamos a suponer:

Tu tienes puesto este código en tu HTML donde todas las salidas php van a un iframe.

Código HTML:

<head>

<!-- Visor de imagenes en miniatura -->
  <script src="thumbnailviewer.js" type="text/javascript">
</head>

<body>
  <form action="imagenes.php" method="post" target="iframeExp">
   <iframe ........../>
  </form>
  .........
...........
..........
</body>

Ahora , si en el código php tienes algo así:

Código PHP:

   echo '<img src="Imagenes/uploads/thumbs/792-tac 2006.JPG" alt="cas" />
          <a  href="http://www.optiscan.com/Graphics/Investors/ASX_logo.jpg"  rel="thumbnail">Ver</a>';

Se supone que te saldrá en la web una imagen en miniatura en la que cuando pulsas en "Ver", te la agranda. De esto se encarga el archivo thumbnailviewer.js que supuestamente lee que el objeto <a> tiene la propiedad rel="thumbnail" y te hace un agrandado de imagen al pulsar en "Ver". ¿Me explico?

El archivo "thumbnailviewer.js " empieza mas o menos así (Y está perfectamente):

Código:

var thumbnailviewer={
enableTitle: true, //Should "title" attribute of link be used as description?
enableAnimation: true, //Enable fading animation?
definefooter: '<div class="footerbar">CERRAR X</div>', //Define HTML for footer interface
defineLoading: '<img src="loading.gif" /> Loading Image...', //Define HTML for "loading" div

/////////////No need to edit beyond here/////////////////////////

scrollbarwidth: 16,
opacitystring: 'filter:progid:DXImageTransform.Microsoft.alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1',
targetlinks:[], //Array to hold links with rel="thumbnail"

createthumbBox:function(){
//write out HTML for Image Thumbnail Viewer plus loading div
..........
..........
.........
...........

El problema es que no me funciona todo el sistema. Si qu funciona si directamente pongo la imagen en miniatura en el HTML, pero no si lo envio desde PHP.

HELP!!!!!!!!!!!!!

#6 (**permalink**) 25/02/2009, 05:45

Ah, no, es que eso no funciona así. No se supone nada.

Necesitaría ver el código entero de thumbnailviewer.js para decirlo con seguridad 100% (o quizá baste con ver el final de ese archivo). Pero más o menos me hago a la idea de que thumbnailviewer se encarga de eso en la página en la que está y al cargar esa página. Si luego cargas algo en un iframe o donde sea, thumbnailviewer no se va a enterar de que ahora se han añadido más enlaces con rel="thumbnail".

La forma en que esto funciona es que al cargar la página, thumbnailviewer recorre la página y modifica los enlaces donde ve el rel="thumbnail" para que hagan lo que quieres. Pero una vez que ha modificado esos enlaces, ya ha terminado. Como digo, si luego cargas otra cosa, thumbnailviewer no se va a ejecutar otra vez.

matheo · #7 (**permalink**) 25/02/2009, 06:20

Cita:

Iniciado por venkman

Ah, no, es que eso no funciona así. No se supone nada.

Necesitaría ver el código entero de thumbnailviewer.js para decirlo con seguridad 100% (o quizá baste con ver el final de ese archivo). Pero más o menos me hago a la idea de que thumbnailviewer se encarga de eso en la página en la que está y al cargar esa página. Si luego cargas algo en un iframe o donde sea, thumbnailviewer no se va a enterar de que ahora se han añadido más enlaces con rel="thumbnail".

La forma en que esto funciona es que al cargar la página, thumbnailviewer recorre la página y modifica los enlaces donde ve el rel="thumbnail" para que hagan lo que quieres. Pero una vez que ha modificado esos enlaces, ya ha terminado. Como digo, si luego cargas otra cosa, thumbnailviewer no se va a ejecutar otra vez.

Bien , estamos de acuerdo, me lo suponía. Jeje. Y a lo que voy : ¿Hay alguna manera de thumbnailviewer.js vuelva a recorrer todo un vez hecho el echo en el iframe?

mdk · #8 (**permalink**) 25/02/2009, 06:25

porque no pruebas poner la linea que carga thumbnailviewer.js al final despues de los iframes, asi da tiempo a que cargue el iframe?

matheo · #9 (**permalink**) 25/02/2009, 11:13

Queva, sin exito. No parece que lo carge.