Código Tux

Linux entre otras cosas.

jquery simplemodal-close title

Sí, ya sé que el título es un pelín…, así. Pero es que mi búsqueda para resolver este dilema ha sido tal cual. Complicado, muy complicado, y a la vez tan simple… Y, ¿cómo ha sido esta vez la epopeya? Ahora lo cuento.

Imaginaos que tenéis una modal que abrís mediante

$.modal("nuestro html");

Hasta aquí bien, pero resulta que tenéis una página multi-idioma, y resulta que el texto por defecto para el title del botón cerrar,  siempre sale en castellano, o en inglés, o en el idioma en que os hayáis bajado el jquery.simplemodal.js. Sí, lo sé. Ahí es donde viene el motivo de este post.

Después de buscar un buen rato encontré que:

  1. $.modal tiene opciones.
    $.modal("nuestro html", {opcion1: 'valor1', opción2: 'valor2',...});
  2. Lo primero es que encuentro la opción closeTitle, perfecto:
    $.modal("nuestro html", {closeTitle: función_que_nos_devuelve_texto_en_idioma_que_queremos()});
    
  3. Pues no,  sigue sin funcionar. Así que empiezo a investigar y resulta que nuestro closeTitle es una opción obsoleta. Pero mira tú por dónde, que sigo investigando y existe una opción que es closeHTML, dimos en el clavo. Esta es. Y sí funciona. Explico cómo se utiliza.

De hecho, voy a pegar la explicación y luego el enlace de la página correspondiente.

closeHTML: (‘<a title=”Close”></a>’)
[new in 1.2] - The HTML for the default close link. SimpleModal will automatically add the closeClass to this element.

La página donde se explica todo está aquí. No tiene desperdicio. A disfrutarlo.

Advertisement

octubre 31, 2011 - Publicado por | Javascript, JQuery, Programación

Aún no hay comentarios.

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Seguir

Get every new post delivered to your Inbox.