Imprimir Página - ¿Cómo crear un nuevo botón en cuadro de comentarios?

Título: ¿Cómo crear un nuevo botón en cuadro de comentarios?
Publicado por: curiosport en 21 Septiembre 2015, 22:44 pm

Hola explicaré de otra forma mi problema:

En esta imagen vemos solo tres botones, Video, Imagen, Emoticon, al darles click nos aparece un cuadro adicional en que debemos poner el link y en el cuadro de texto nos saldrá el link + el código:

Código:

Video= [video]link[/video]
Imagen= [img=link]

(http://k46.kn3.net/8/A/D/7/8/9/C67.png)

Ahora lo que yo quiero hacer es agregar un nuevo botón a ese cuadro pero no sé qué código poner (este es solo un ejemplo):

(http://k30.kn3.net/0/1/9/E/B/8/A93.png)
(http://k30.kn3.net/8/4/1/3/F/C/A18.png)

Y otra cosa es que cuando recargo la página eso se pierde, lo que yo quiero es que sea permanente pero solo en mi PC.

No quiero el cuadro adicional, quiero simplemente que al darle click me salga automáticamente este código en el cuadro de texto :

(http://k30.kn3.net/8/8/A/1/3/D/C41.png)

Sorry si no se me entiende pero es que no sé mucho de programación.

PD: La página web no es mía.

Gracias.

Título: Re: ¿Cómo crear un nuevo botón en cuadro de comentarios?
Publicado por: ivancea96 en 21 Septiembre 2015, 23:32 pm

No has dicho qué foro, blog, o lo que sea utilizas.
Si lo que quieres es hacerlo con HTML y JS, solo es poner un onclick en el botón, y agregar lo que necesitas al texto. ¿Cuál es tu pregunta?

Título: Re: ¿Cómo crear un nuevo botón en cuadro de comentarios?
Publicado por: curiosport en 21 Septiembre 2015, 23:35 pm

justo lo que dijiste es lo que quiero hacer.

CSS o HTML.

Título: Re: ¿Cómo crear un nuevo botón en cuadro de comentarios?
Publicado por: eLank0 en 22 Septiembre 2015, 02:17 am

Código:

<button>Texto</button>

Usando jQuery tendría una estructura similar a:

Código:

$('button').click(Stronger);

var Stronger = function(e) {
          $(tuElement).css('font-weight', 'bolder');
}

Esto es sólo un ejemplo rápido y sencillo, hay mil y una maneras de hacerlo, con jQuery y sin.

Salu2

Título: Re: ¿Cómo crear un nuevo botón en cuadro de comentarios?
Publicado por: curiosport en 22 Septiembre 2015, 02:35 am

Cita de: eLank0 en 22 Septiembre 2015, 02:17 am

hay mil y una maneras de hacerlo, con jQuery y sin.

Ahm, pero de donde saco el icono? en que momento pongo Inspeccionar elemento para ejecutar el comando? en que lugar pongo esto: (http://k46.kn3.net/B/7/B/8/9/3/797.png)

Sorry es que no sé mucho de estos códigos.
Gracias.

Título: Re: ¿Cómo crear un nuevo botón en cuadro de comentarios?
Publicado por: curiosport en 22 Septiembre 2015, 15:37 pm

Cita de: ivancea96 en 21 Septiembre 2015, 23:32 pm

No has dicho qué foro, blog, o lo que sea utilizas.

Uhm te sirve el código?
(http://k30.kn3.net/1/D/8/1/8/4/8D6.png)

Citar

<div class="markItUpHeader">
<ul>
<li class="markItUpButton markItUpButton1 mark-youtube">
<a href="" title="Insertar video (Ctrl+Y)">Insertar video (Ctrl+Y)</a>
</li>
<li class="markItUpButton markItUpButton2 mark-image">
<a href="" title="Agregar Imagen">Agregar Imagen</a>
</li>
<li class="markItUpButtonmarkItUpButton3 mark-emoji">
<a href="" title="Insertar Emoticon">Insertar Emoticon</a>
</li>
</ul>
</div>

Ahí está el código solo para 3 Botones (Video, Imagen Emoticon).
Espero que me puedas ayudar a crear un cuarto Botón de Negrita.
Gracias.

Título: Re: ¿Cómo crear un nuevo botón en cuadro de comentarios?
Publicado por: engel lex en 25 Septiembre 2015, 06:30 am

para agregar el boton con jquery sería algo así

Código

$(".clase_del_div ul").append('<li>aquí el código respectivo al boton</li>');

ese codigo debe tener una función que hará algo como

Código

$("textarea").val($("textarea").val()+"[b][/b]")

sin embargo tienes que ver como estructuras eso y que los selectores (lo que está dentro de $(" ") ) están correctamente apuntados

Título: Re: ¿Cómo crear un nuevo botón en cuadro de comentarios?
Publicado por: curiosport en 27 Septiembre 2015, 00:00 am

Hola!!! Estuve analizando todo el objeto de la caja de comentarios con el inspeccionar elemento y “logré” crear un “script” que no solo me permitía agregar el botón de Negrita sino que también el botón de cursiva, cuando ya hallas el código de Negrita crear el de Cursiva es realmente muy fácil, pero me he topado con TRES PROBLEMAS bastante raros por cierto y por ahora iré solo con el primer problema:

Hay tres cuadros de comentarios:

MP, Shout’s, Post’s (los dos últimos están relacionados y el MP es independiente al resto).

Y por cada cuadro de comentarios hay un problema (lo que da un total de tres problemas).

Primer problema (en los MP):

Normalmente se ve así:

http://i.imgur.com/hKXH5Km.png

(http://i.imgur.com/hKXH5Km.png)

Y cuando ejecuto este código desde la consola:

Código:

settingsComment.markupSet.unshift
({name:lang['Negrita'], beforeInsert: markButtons.bold, action: 'bold', key: 'B', openWith: '[b]', closeWith: '[/b]', className: "mark-bold"},
{name:lang['Cursiva'], beforeInsert: markButtons.italic, action: 'italic', key: 'I', openWith: '[i]', closeWith: '[/i]', className: "mark-italic"});
var clone = $('#nbody_fastreply').clone();
$('#nbody_fastreply')
    .parents('.nmarkitfastreply')
    .replaceWith(clone);
$('#nbody_fastreply').markItUp(settingsComment);

Pasamos a verlo así:

http://i.imgur.com/kfsq3Dw.png

(http://i.imgur.com/kfsq3Dw.png)

Y todos los botones funcionan OK, excepto el último, los emoticones.

Se supone que cuando doy clic en ese icono debería salir esto:

http://i.imgur.com/hi2779m.png

(http://i.imgur.com/hi2779m.png)

Pero el emoticón no responde y no despega la lista de emoticones :-\

Ahora, cuando guardo ese código en el GreaseMonkey para que se ejecute automáticamente, sucede esto:

http://i.imgur.com/In0jVMW.png

(http://i.imgur.com/In0jVMW.png)

Y el icono de emoticones sigue sin funcionar.

El problema me parece que está en la función clon del código antes mencionado, pero de ahí ya no tenga idea, repito… no sé programar en este lenguaje, simplemente usé mi lógica y con un poco de investigación llegué acá, pero ya no puedo más >:(

PD: Si es necesario, les puedo brindar una cuenta clon de dicha página web.

Gracias.

CHUCHOREA MANDA SALUDOS.

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: curiosport en 21 Septiembre 2015, 22:44 pm