[Cerrar, realizado][Idea] TITLE a las imágenes de las medallas.

Recuerdo del primer mensaje :

Hola gente!

Me di cuenta de que por lo menos a mí, me parecería muy simpático ponerle un TITLE a las medallas que tiene cada uno en exposición diciendo el nombre de la medalla.

Por si alguien no sabe, el TITLE es una propiedad que hace que cuando pasás el cursor por encima de algo te muestre un cartelito con un determinado texto.
{Por ejemplo, si pasás el mouse sobre la palabra "Portal" del menú, en ese cartelito aparece la palabra "Portal", y si lo pasás por "Foro", aparece la palabra "Índice"}

Saludos, dejo una encuesta.

Edito: Efectivamente las imágenes son independientes, de todas formas puedo colaborar en hacerlo si así lo necesitan :)

Perdona me tuve que ir.

¡Esta muy bien! Un poco excesivo cargar un javascrip a todo el foro para poner un title, pero ciertamente muy bien pensado.
Lo único que habría que editarlo cada vez que añadamos una nueva imagen de medalla...

Lo puedo probar no hay problema, pero también habría que cambiar todas las medallas a todos los usuarios...

LadyPiruleta escribió:Perdona me tuve que ir.

¡Esta muy bien! Un poco excesivo cargar un javascrip a todo el foro para poner un title, pero ciertamente muy bien pensado.
Lo único que habría que editarlo cada vez que añadamos una nueva imagen de medalla...

Lo puedo probar no hay problema, pero también habría que cambiar todas las medallas a todos los usuarios...

Sí, igual no te preocupes, no hay muchas imágenes en los perfiles, esto no va a recargar demasiado la conexión del cliente (que es donde se ejecuta JavaScript).
Lo de editarlo cada vez que añadas una medalla se puede solucionar, podemos usar JSON (JavaScript Object Notation) y poner los links en un archivo externo para después leerlo de ahí, entonces sólo tendrías que agregar las cosas en ese archivo y no un case nuevo. (Igual, cuando agregás una nueva medalla supongo que tenés que editar los campos de phpBB).
¿Por qué decís que habría que cambiar las medallas a todos los usuarios? Mientras ese código se ejecute cada vez que exista un perfil, no es necesario, y para eso podés ponerlo en el header. (o en su defecto, en lo que sea que se cargue cuando se carga un post, porque en las otras secciones no se muestran perfiles de usuario)

Edito: Me voy a comer, perdón si tardo en contestar

Piernitas escribió:

LadyPiruleta escribió:Perdona me tuve que ir.

¡Esta muy bien! Un poco excesivo cargar un javascrip a todo el foro para poner un title, pero ciertamente muy bien pensado.
Lo único que habría que editarlo cada vez que añadamos una nueva imagen de medalla...

Lo puedo probar no hay problema, pero también habría que cambiar todas las medallas a todos los usuarios...

Sí, igual no te preocupes, no hay muchas imágenes en los perfiles, esto no va a recargar demasiado la conexión del cliente (que es donde se ejecuta JavaScript).
Lo de editarlo cada vez que añadas una medalla se puede solucionar, podemos usar JSON (JavaScript Object Notation) y poner los links en un archivo externo para después leerlo de ahí, entonces sólo tendrías que agregar las cosas en ese archivo y no un case nuevo. (Igual, cuando agregás una nueva medalla supongo que tenés que editar los campos de phpBB).
¿Por qué decís que habría que cambiar las medallas a todos los usuarios? Mientras ese código se ejecute cada vez que exista un perfil, no es necesario, y para eso podés ponerlo en el header. (o en su defecto, en lo que sea que se cargue cuando se carga un post, porque en las otras secciones no se muestran perfiles de usuario)

Edito: Me voy a comer, perdón si tardo en contestar

Lo de cambiarla a todos los usuarios es porque al leer el código no veo donde recoge el bbcode. De hecho no lo entiendo, busca la clase css del campo del perfil rastrea los atributos html de la imagen y en caso de coincidir la url le añade el atributo title. Eso no va a funcionar... lo voy a probar.
PD: No yo no tengo acceso al HEAD foroactivo es limitado, tienes que crear paginas externas y añadírselas en un apartado que tiene para ello por lo que hay que modificar siempre esa página, que por cierto luego no es inmediato funciona cuando se lo pone.

Edito: efectivamente el código instalado (con la medalla de 50 y de 100) no funciona...
Sigo pensando que le fata algo como:

Código:

sel.text = "[img]" + str + "[/img]";

luego lo miro que ahora no puedo, lo dejo instalado:
http://www.sociedadanimal.net/12343.js

Es que la idea es que no hace falta seleccionar las tags [img][/img], paso a explicar por qué. PHP es un lenguaje de servidor, es decir, todo el código escrito en PHP (para el caso toda la interfaz de phpBB) se ejecuta en el servidor y después de eso la página es devuelta al usuario. Una vez que llega al usuario, se ejecuta el código JavaScript. Como ves, la tag que acabás de mencionar , NUNCA puede llegar de dicha forma al usuario, porque esa tag en realidad no existe, es una interfaz de phpBB, que justamente lo que hace es traducir todo lo que vos escribís en forma de BBcode a PHP y HTML reales. Por eso yo busco las tags < img >< /img > en vez de [img][/img].

Perdón, el código tenía unos errores de sintaxis, pero ya los solucioné.

Código:


      <script type="text/javascript">
      $(document).ready(function(){
         $(".postprofile dd img").each(function(){
            switch($(this).attr("src")){
               case "http://i62.servimg.com/u/f62/13/52/30/65/medall12.png":
                  $(this).attr("title","Medalla Popular 50");
                  break;
               case "http://i62.servimg.com/u/f62/13/52/30/65/medall13.png":
                  $(this).attr("title","Medalla Popular 100");
                  break;
            }
         });
      });
      </script>


Este debería funcionar, de hecho, fijate que pegué el mismo código en mi web para probarlo pero con otro src y funciona:

http://rociobelfiore.com.ar/portfolio.php (En la web Psicoprisma, la primer imagen)

PD, acá paso a explicar línea por línea qué hace:

Código:


      $(document).ready(function(){
              [b] // Este es un evento que devuelve true cuando el DOM de la página se terminó de cargar, es decir, cuando ya existen todos los elementos (uno de los motivos por los que no funcionaba, se me olvidó en el apuro )[/b]
         $(".postprofile dd img").each(function(){
                      // Acá selecciona todos los objetos de la página que son del tipo ".postprofile dd img" y los recorre, como en un for.
            switch($(this).attr("src")){
                                // Acá, por cada uno de los elementos anteriores, evalúa su atributo "src" (El $(this) es un selector de jQuery, sin él, el objeto img no tendría todos esos atributos, justamente porque sirve para interactuar con el DOM (la página))
               case "http://i62.servimg.com/u/f62/13/52/30/65/medall12.png":
                  $(this).attr("title","Medalla Popular 50");
                  break;
                                        // Si el atributo evaluado coincide con ese valor, entonces hace que el atributo title del elemento que está seleccionado ahora (Acordate que estamos recorriendo todas las imágenes) valga un determinado string. Y el break; es cosa de sintaxis de la mayoría de los lenguajes, está porque el case no lleva llaves.
               case "http://i62.servimg.com/u/f62/13/52/30/65/medall13.png":
                  $(this).attr("title","Medalla Popular 100");
                  break;
                                      // Y acá lo mismo, lógicamente.
            }
         });
      });
                // Esta forma de cerrar es porque tenemos una función adentro de la llamada de otra función, se llama callback, podés buscarlo en la documentación de jQuery.


Se programar en php pero más enfocado a bases de datos en estos campos estoy más verde, de echo pensé que se ejecutaría de otra manera pero me alegro que alguien sepa si me pongo a investigarlo

http://www.sociedadanimal.net/12780.js

Sigue sin funcionar, por cierto.

LadyPiruleta escribió:Se programar en php pero más enfocado a bases de datos en estos campos estoy más verde, de echo pensé que se ejecutaría de otra manera pero me alegro que alguien sepa si me pongo a investigarlo

http://www.sociedadanimal.net/12780.js

Sigue sin funcionar, por cierto.

Ya sé por qué no funciona. Inspeccioné el archivo, el problema es que ese archivo 12780.js es incluido en la página dentro de un script, o sea que las tags < script type="..." > < /script > no son necesarias (sacalas). Podés verificar eso en la consola de Chrome, tira:

Error: Unexpected Token : <

Hecho!!
ya funciona!! Luego añado el resto de ls medallas.

Genial muchas gracias!!

Genial! Se puede cerrar el tema entonces