Staff en línea

[rechazado] Sistema de Acordes Versión Móvil (Guitarra)
Tema iniciado por y Añadir a favoritos

URL:: http://www.musicinstant.host-es.com
Versión de mi foro:: PunBB
Navegador:: Chrome
Descripcion del problema: Pues, esto es basicamente el ultimo tema que subi anteriormente, teniamos dos codigos de el sistema de acordes 1 era el mas simple y lo utilice para un instrumento tipico de mi país, y el otro (el que no se previsualiza en la versión móvil) es el de Guitarra, básicamente es eso, lo mismo que le explique a Chalo en el post anterior, aquí tengo este codigo...

Código:

  $(function ($) {
  var acordes = {
    cmy: {
      replacement: '<a class=Ntooltip>C<span><img src="http://i19.servimg.com/u/f19/16/62/84/62/c10.png"></span></a>'
    },
    cmn: {
      replacement: '<a class=Ntooltip>Cm<span><img src="http://i19.servimg.com/u/f19/16/62/84/62/cmt310.png"></span></a>'
    },
    cii: {
      replacement: '<a class=Ntooltip>CII<span><img src="http://i19.servimg.com/u/f19/16/62/84/62/ct310.png"></span></a>'
    },
    c5: {
      replacement: '<a class=Ntooltip>C5<span><img src="http://i19.servimg.com/u/f19/16/62/84/62/c5t310.png"></span></a>'
    },
    c7: {
      replacement: '<a class=Ntooltip>C7<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/c710.png"></span></a>'
    },
    CH: {
      replacement: '<a class=Ntooltip>C#<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/cnt410.png"></span></a>'
    },
    cHm: {
      replacement: '<a class=Ntooltip>C#m<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/cnmt411.png"></span></a>'
    },
    dmy: {
      replacement: '<a class=Ntooltip>D<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/d10.png"></span></a>'
    },
    dmn: {
      replacement: '<a class=Ntooltip>Dm<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/dm10.png"></span></a>'
    },
    dmii: {
      replacement: '<a class=Ntooltip>DmII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/dmt510.png"></span></a>'
    },
    dii: {
      replacement: '<a class=Ntooltip>DII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/dt510.png"></span></a>'
    },
    d5: {
      replacement: '<a class=Ntooltip>D5<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/d5t510.png"></span></a>'
    },
    d7: {
      replacement: '<a class=Ntooltip>D7<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/d711.png"></span></a>'
    },
    DH: {
      replacement: '<a class=Ntooltip>D#<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/dnt610.png"></span></a>'
    },
    dHm: {
      replacement: '<a class=Ntooltip>D#m<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/dnmt610.png"></span></a>'
    },
    dyb: {
      replacement: '<a class=Ntooltip>Db<span><img src="http://i68.servimg.com/u/f68/16/62/84/62/dbt411.png"></span></a>'
    },
    dbmn: {
      replacement: '<a class=Ntooltip>Dbm<span><img src="http://i19.servimg.com/u/f19/16/62/84/62/c10.png"></span></a>'
    },
    dfb: {
      replacement: '<a class=Ntooltip>Db/F<span><img src="http://i68.servimg.com/u/f68/16/62/84/62/drfn_210.png"></span></a>'
    },
    d4: {
      replacement: '<a class=Ntooltip>D4<span><img src="http://www.guitaracordes.com/archivos/ACORDES/Dsus4.png"></span></a>'
    },
    db5: {
      replacement: '<a class=Ntooltip>Db5<span> <img src="http://i68.servimg.com/u/f68/16/62/84/62/eb512.png"></span></a>'
    },
    emy: {
      replacement: '<a class=Ntooltip>E<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/e10.png"></span></a>'
    },
    emn: {
      replacement: '<a class=Ntooltip>Em<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/em10.png"></span></a>'
    },
    em7: {
      replacement: '<a class=Ntooltip>Em7<span> <img src="http://www.guitaracordes.com/archivos/ACORDES/Em7_2.png"></span></a>'
    },
    emii: {
      replacement: '<a class=Ntooltip>EmII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/emt710.png"></span></a>'
    },
    eii: {
      replacement: '<a class=Ntooltip>EII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/et710.png"></span></a>'
    },
    e5: {
      replacement: '<a class=Ntooltip>E5<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/e510.png"></span></a>'
    },
    e7: {
      replacement: '<a class=Ntooltip>E7<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/e710.png"></span></a>'
    },
    eb5: {
      replacement: '<a class=Ntooltip>Eb5<span> <img src="http://i68.servimg.com/u/f68/16/62/84/62/eb511.png"></span></a>'
    },
    eyb: {
      replacement: '<a class=Ntooltip>Eb<span> <img src="http://i68.servimg.com/u/f68/16/62/84/62/eb10.png"></span></a>'
    },
    fmy: {
      replacement: '<a class=Ntooltip>F<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/f10.png"></span></a>'
    },
    fmn: {
      replacement: '<a class=Ntooltip>Fm<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/fm10.png"></span></a>'
    },
    fmii: {
      replacement: '<a class=Ntooltip>FmII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/fmt810.png"></span></a>'
    },
    fii: {
      replacement: '<a class=Ntooltip>FII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/frct810.png"></span></a>'
    },
    f5: {
      replacement: '<a class=Ntooltip>F5<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/f510.png"></span></a>'
    },
    f7: {
      replacement: '<a class=Ntooltip>F7<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/f710.png"></span></a>'
    },
    FH: {
      replacement: '<a class=Ntooltip>F#<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/fn10.png"></span></a>'
    },
    fHm: {
      replacement: '<a class=Ntooltip>F#m<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/fnm10.png"></span></a>'
    },
    f6sb5: {
      replacement: '<a class=Ntooltip>F6/B5<span><img src="http://i18.servimg.com/u/f18/16/62/84/62/f610.png"></span></a>'
    },
    Hf7: {
      replacement: '<a class=Ntooltip>F#7<span><img src="http://www.guitaracordes.com/archivos/ACORDES/Fn7.png"></span></a>'
    },
    gmy: {
      replacement: '<a class=Ntooltip>G<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/g10.png"></span></a>'
    },
    gmn: {
      replacement: '<a class=Ntooltip>Gm<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/gmt310.png"></span></a>'
    },
    gii: {
      replacement: '<a class=Ntooltip>GII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/gt310.png"></span></a>'
    },
    g5: {
      replacement: '<a class=Ntooltip>G5<span> <img src="http://i68.servimg.com/u/f68/16/62/84/62/gb511.png"></span></a>'
    },
    g7: {
      replacement: '<a class=Ntooltip>G7<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/g710.png"></span></a>'
    },
    GH: {
      replacement: '<a class=Ntooltip>G#<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/gnt410.png"></span></a>'
    },
    gHm: {
      replacement: '<a class=Ntooltip>G#m<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/gmt410.png"></span></a>'
    },
    gsd: {
      replacement: '<a class=Ntooltip>G/D<span> <img src="http://www.guitaracordes.com/archivos/ACORDES/GrD.png"></span></a>'
    },
    gsb: {
      replacement: '<a class=Ntooltip>G/B<span> <img src="http://www.guitaracordes.com/archivos/ACORDES/GrB_3.png"></span></a>'
    },
    gsfh: {
      replacement: '<a class=Ntooltip>G/F#<span> <img src="http://www.guitaracordes.com/archivos/ACORDES/GrFn.png"></span></a>'
    },
    gb5: {
      replacement: '<a class=Ntooltip>Gb5<span> <img src="http://i68.servimg.com/u/f68/16/62/84/62/gb512.png"></span></a>'
    },
    gmb: {
      replacement: '<a class=Ntooltip>Gb<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/fn10.png"></span></a>'
    },
    amy: {
      replacement: '<a class=Ntooltip>A<span> <img src="http://www.servimg.com/u/f19/16/62/84/62/a10.png"></span></a>'
    },
    amn: {
      replacement: '<a class=Ntooltip>Am<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/am10.png"></span></a>'
    },
    amii: {
      replacement: '<a class=Ntooltip>AmII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/amt510.png"></span></a>'
    },
    aii: {
      replacement: '<a class=Ntooltip>AII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/at510.png"></span></a>'
    },
    a5: {
      replacement: '<a class=Ntooltip>A5<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/a510.png"></span></a>'
    },
    a7: {
      replacement: '<a class=Ntooltip>a7<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/a710.png"></span></a>'
    },
    AH: {
      replacement: '<a class=Ntooltip>A#<span><img src="http://i19.servimg.com/u/f19/16/62/84/62/an10.png"></span></a>'
    },
    aHm: {
      replacement: '<a class=Ntooltip>A#m<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/anm10.png"></span></a>'
    },
    ab5: {
      replacement: '<a class=Ntooltip>Ab5<span> <img src="http://i68.servimg.com/u/f68/16/62/84/62/ab512.png"></span></a>'
    },
    ayb: {
      replacement: '<a class=Ntooltip>Ab<span> <img src="http://i68.servimg.com/u/f68/16/62/84/62/abt410.png"></span></a>'
    },
    ae7: {
      replacement: '<a class=Ntooltip>A7/E<span> <img src="http://www.guitaracordes.com/archivos/ACORDES/A7rE_2.png"></span></a>'
    },
    bmy: {
      replacement: '<a class=Ntooltip>B<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/b10.png"></span></a>'
    },
    bmn: {
      replacement: '<a class=Ntooltip>Bm<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/bm10.png"></span></a>'
    },
    bmii: {
      replacement: '<a class=Ntooltip>BmII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/bnt710.png"></span></a>'
    },
    bii: {
      replacement: '<a class=Ntooltip>BII<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/bt710.png"></span></a>'
    },
    b5: {
      replacement: '<a class=Ntooltip>B5<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/b510.png"></span></a>'
    },
    b7: {
      replacement: '<a class=Ntooltip>B7<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/b710.png"></span></a>'
    },
    b7: {
      replacement: '<a class=Ntooltip>B7<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/b710.png"></span></a>'
    },
    bmb: {
      replacement: '<a class=Ntooltip>Bb<span> <img src="http://i19.servimg.com/u/f19/16/62/84/62/an10.png"></span></a>'
    },
    bb5: {
      replacement: '<a class=Ntooltip>Bb5<span> <img src="http://www.guitaracordes.com/archivos/ACORDES/Bb5.png"></span></a>'
    }
 
  };
  var content = $('div.content');
  $.each(acordes, function (key, value) {
    tag = new RegExp('\\[' + key + '\=?"?(.*?)"?\]', 'g');
   
      a = '$1';
   
    value.replacement = value.replacement.replace(/{ATTR}/g, a);
    content.html(function () {
      return
      $(this).html().replace(tag, value.replacement);
    });
  });
});

Sacando el menu de acordes que estaba en la respuesta rapida, ya que eso no se ve en el cuerpo del editor de texto. Solo el sistema de acordes, no se si se pueda hacer algo, si puedes observa algo Chalo, disculpa tanta joda! jaja
Capturas de pantalla del problema:
Mensaje automático



[ok]Se movio el tema a la papelera[/ok]
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

staff
no entiendo que quieres :/

no sustituye los acordes? o quieres un menu??? recuerda que la versión movil no tiene mucho, se supone sea sencilla
Chalo
avatar

¿Que estoy pensando? :

Buen miércoles a todos [table class=fecha_up][td]Se modifico:23/05/18 - 8:31 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6676


Puntos :

8737


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Jajaj, que cliché nosotros en un tema de soporte jaja, solo quiero que se previsualicen como el sistema de acordes de Cuatro Venezolano.
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

staff
no es cliche pero ya llevamos un año arreglando tu foro y no termino de entender que no entiendas (jaja) que foroactivo no nos deja hacer mucho, en el intento de duplicar otro sitio, por un lado quieres que se parezca a los foros ipboard y por otro a la cuerda.net, creo eso nos limita mucho, podemos hacer de tu foro un lugar funcional, pero estos codes ya estaban bien, de hecho ya había uno de soporte de la versión móvil tuyo de hace meses, en cuanto termine de arreglar el skin de aquí, me aplico.

el cliche esta en que voy a tu foro, lo arreglo, lo dejo ordenado, luego quieres algo más, regresó al mes, y es un desastre, esta ultima ves me tomo mucho arreglar esos templetes, 7 hrs aproximadamente pero no digo no, solo que si alguno de mis compañeros puede descifrar lo que pides y si lo entienden me pego un tiro!!
Chalo
avatar

¿Que estoy pensando? :

Buen miércoles a todos [table class=fecha_up][td]Se modifico:23/05/18 - 8:31 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6676


Puntos :

8737


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Ya veo... No trato de copiar nada, y es verdad, tal vez no me sepa explicar, solo quiero que mi foro este estable, y de verdad aprecio todo lo que me has ayudado, que ha sido magnifico. Y un trabajo arduo me imagino. Cerremos este soporte. Creo que ya esta bueno de tantos clichés por el momento (de mi parte) jaja.
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

staff


Última edición por Chalo el Jue Mar 17, 2016 11:53 pm, editado 1 vez
@mrsrz escribió:[quotelink="/t1109-ayuda-sistema-de-acordes-version-movil-guitarra#11760"]
Ya veo... No trato de copiar nada, y es verdad, tal vez no me sepa explicar, solo quiero que mi foro este estable, y de verdad aprecio todo lo que me has ayudado, que ha sido magnifico. Y un trabajo arduo me imagino. Cerremos este soporte. Creo que ya esta bueno de tantos clichés por el momento (de mi parte) jaja.

nombre solo te seguí la corriente, no me molesta ayudarte, sería de mala suerte, solo que no veo que encuentres el punto de satisfacción de decir, así esta bien, yo aca como tu cirujano plástico, te hago tus mil cirugias, ahorita tengo que renovar mi foro Adictos al gear, los cambios que hago en open son para Adictos, viene el 4to año del foro.

Y si,tu plantilla es un híbrido entre mybb y ipb, y quieres que funcione como la cuerda, no esta mal tu idea, de hecho me gusta como se ve, pero hay cosas que van a entorpecer la navegación, lo que pides ahora aún no se bien que es, voy a darme una vuelta para comprenderlo, que así ha sido como logro hacerlo
Chalo
avatar

¿Que estoy pensando? :

Buen miércoles a todos [table class=fecha_up][td]Se modifico:23/05/18 - 8:31 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6676


Puntos :

8737


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Chalo
avatar

¿Que estoy pensando? :

Buen miércoles a todos [table class=fecha_up][td]Se modifico:23/05/18 - 8:31 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6676


Puntos :

8737


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Aquí estoy, vuelvo y reitero, disculpen la ausencia!
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.