Ayuda con onclick="window.open

Más
6 años 6 meses antes #3181 por pochy84
COM_KUNENA_MESSAGE_CREATED_NEW
Hola Compas!! Soy nuevo en esto y me encuentro con un problema.
Tengo mi pagina web con el joomla 1.5.23 y quiero a una imagen al hacerle un click se expanda.
Lei que para eso se utiliza el comando onclick pero no se como usarlo.

La linea que forma la foto es la siguiente:

<p><img src="FacHum/FOLLETO_MAESTRIA.jpg" height="216" width="364" /></p>

Ese es el codigo de la imagen que puse en mi web, a esa misma quiero que al apretar ahi se haba tipo popup

la url en donde tengo la imagen es por ej: www.xxx.com.ar/FacHum/FOLLETO_MAESTRIA.jpg

y el codigo que encontre para usar el onclick es el siguiente:

<a href="pagina.html" onclick="window.open(this.href,'window','params');return false">Bla</a>

Como hago para juntar todo? gracias compas por la ayuda!!!!

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

  • alejandro
  • Invitado
  • Invitado
6 años 6 meses antes #3183 por alejandro
COM_KUNENA_MESSAGE_REPLIED_NEW
Hola Pochy84,

Simplemente pinchando en la etiqueta "html" del editor tinymce e introduciendo el código javascript en la imagen deberías poder hacerlo. Eso si, hay que tener configurado el plugin del editor tiny correctamente en la opción "limpiar código" para que no te elimine el código.

Un saludo

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
6 años 6 meses antes #3184 por pochy84
COM_KUNENA_MESSAGE_REPLIED_NEW

alejandro escribió: Hola Pochy84,

Simplemente pinchando en la etiqueta "html" del editor tinymce e introduciendo el código javascript en la imagen deberías poder hacerlo. Eso si, hay que tener configurado el plugin del editor tiny correctamente en la opción "limpiar código" para que no te elimine el código.

Un saludo


gracias crack!!! La verdad no se mucho sobre el tema

Al apretar el editor me sale esto

<p class="sectiontableheader">Maestria</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="FacHum/FOLLETO_MAESTRIA.jpg" height="249" width="420" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Pero en parte tendria que poner el onclick???

gracias!!

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

  • alejandro
  • Invitado
  • Invitado
6 años 6 meses antes #3185 por alejandro
COM_KUNENA_MESSAGE_REPLIED_NEW
Sería algo parecido a esto:

<p><a href="pagina.html" onclick="window.open(this.href,'window','params');return false"> <img src="FacHum/FOLLETO_MAESTRIA.jpg" height="249" width="420" /></a></p>

Personaliza el href para que apunte a la imagen grande y acuérdate de configurar el plugin de tinymce para que no limpie el código.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
6 años 6 meses antes #3186 por pochy84
COM_KUNENA_MESSAGE_REPLIED_NEW

alejandro escribió: Sería algo parecido a esto:

<p><a href="pagina.html" onclick="window.open(this.href,'window','params');return false"> <img src="FacHum/FOLLETO_MAESTRIA.jpg" height="249" width="420" /></a></p>

Personaliza el href para que apunte a la imagen grande y acuérdate de configurar el plugin de tinymce para que no limpie el código.


gracias crack!! funciono!!!
No se si preguntarlo aca o abrir un nuevo tema pero hay forma de hacer algo mas lindo que usar el onclick?
Por ejemplo al apretar en una foto se agrande tipo popup con algo mas de estilo y que a la misma foto que se agrande le salga una "X" para cerrar esa imagen?

gracias!!!

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

  • alejandro
  • Invitado
  • Invitado
6 años 6 meses antes #3187 por alejandro
COM_KUNENA_MESSAGE_REPLIED_NEW
Una ventana modal sería lo suyo. Puedes probar con esta extensión http://www.nonumber.nl/extensions/modalizer

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Gracias a Foro Kunena