[Script] Agregar Memes en post de foros SMF.

[Al_eXs]

Bueno como todos saben, los memes son cada dia mas indispensables en los post, pero hay foros donde por una u otra razon no se queren/pueden agregar en la lista de emoticonos para usar, pero esto tiene solucion, con un simple script que corre en determinadas paginas como lo son la pagina de post de un foro... ya sea SMF o IP Board.

Bien pues esto lo he probado solo en Firefox, con la extension de GReaseMonkey, la cual es la encargada de manejar los scripts y donde deben correr, y en Opera que como muchas otras cosas corre nativamente(por eso me gusta mas). En Chrome no funciona, y en otros ya no he probado.

Y asi es como se ve:

(click to show/hide)

Para Firefox primero hay que instalar la extension GreaseMonkey, reiniciar Firefox y en la esquina superior derecha aparece el add-on, ahi se le da New User Script..., copiar el código que está al final del post y darle a usar de Clipboard. Se abrirá una ventana con el contenido del script, y se puede editar directamente ahí o darle guardar y cerrar la ventana.

En Opera solo hay que ir a Configuracion / Opciones / Avanzado / Contenido / Opciones de JavaScript / Carpeta JavaScript de Usuario. Ahi hay que agregar una ruta(recomiendo crear una carpeta llamada scripts dentro de archivos de programa de Opera), y solo basta con copiar los 2 scripts, ya que como el original es de GreaseMonkey de Firefox, necesita un script extra para traducir algunas funciones.
NOTA: En Linux la carpeta de Opera esta en el Directorio Personal/.opera y ahi recomiendo crear la carpeta scripts, y hacer lo mismo en la configuracion.


Y con esto tenemos un monton de Memes disponibles para los post como si fueran del mismo foro.

Solo falta decir que se pueden modificar los memes disponibles, solo hay que ir al Gestor de Scripts de GreaseMonkey y editar el script memes para cambiar la parte donde estan las rutas de los memes, que es algo asi:

Código: [Seleccionar]

//////////////// ADD YOUR SMILIES HERE!!!!!!!! ///////////////////
smiliesUrl.push("http://i55.tinypic.com/j0zia9.jpg");
smiliesUrl.push("http://img195.imageshack.us/img195/6831/barfn.gif");
donde lo unico que hay que cambiar es la URL de la imagen(smiliesUrl.push(""); esa parte debe quedar tal cual con la URL enmedio), y se pueden agregar mas, o quitar, ya eso es a gusto de cada uno.


La otra forma de agregar es de uno por uno teniendo una URL.
Para Firefox desde el Menú Herramientas(pulsar Alt para que aparezca) - GreaseMonkey - Comandos del Script, se pueden agregar o eliminar de la lista.

(click to show/hide)

Código: [Seleccionar]

// ==UserScript==
// @name           memes
// @namespace      No page
// @description    Add Memes to SMF
// @author         brunoais modify by Al_eXs
// @include        *?action=post;topic=*
// @include        *?action=post;board=*
// @include        *?action=post;msg=*
// @include        *?action=post;quote=*
// @include        *?action=post;last_msg*
// @include        *post&do=reply_post*
// @include        *post&do=new_pos*
// @grant          GM_setValue
// @grant          GM_getValue
// @grant          GM_registerMenuCommand
// @version        1.1.5
// ==/UserScript==


var smiliesUrl = GM_getValue("smilies", "|").split("|");
smiliesUrl.pop();
//////////////// ADD YOUR SMILIES HERE!!!!!!!! ///////////////////
//smiliesUrl.push("http://img684.imageshack.us/img684/8940/37380222.gif");


/* To add a smile You just need to copy this code:
smiliesUrl.push("");
and insert the url for the image between the "", like this:
smiliesUrl.push("http://i23.photobucket.com/albums/b371/K0modoDragon/Smileys/nosebleed.gif");
*/

//////////////// UNLESS YOU WANT TO CHANGE THE CODE, DON'T MESS UP WITH WHAT'S BELOW!!!!!!!! ///////////////////

/* Replace a text in the textarea
 * @author bakabt
 */
function putInTxtarea(text, textarea) {
// Mozilla text range replace.
if (typeof(textarea.selectionStart) != "undefined") {
var begin = textarea.value.substr(0, textarea.selectionStart);
var end = textarea.value.substr(textarea.selectionEnd);
var scrollPos = textarea.scrollTop;

textarea.value = begin + text + end;

if (textarea.setSelectionRange)
{
textarea.focus();
textarea.setSelectionRange(begin.length + text.length, begin.length + text.length);
}
textarea.scrollTop = scrollPos;
}
// Just put it on the end.
else {
textarea.value += text;
textarea.focus(textarea.value.length - 1);
}
}


function xpath(query, object) {
if(!object) var object = document;
return document.evaluate(query, object, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
}

//Try the path for SMF 1.*
function getXpathRes1(){
var path = xpath("//tr/td/textarea[@name='message']");
return (path.snapshotLength > 0) ?  path : false;
}

//Try the path for SMF 2.*
function getXpathRes2(){
var path = xpath("//div/div/textarea[@name='message']");
return (path.snapshotLength > 0) ?  path : false;
}

//Try the path for IP Board*
function getXpathRes3(){
var path = xpath("//div/div/textarea[@name='Post']");
return (path.snapshotLength > 0) ?  path : false;
}

//post
var ipbrd = getXpathRes3();
function insertImgsIntoElement2 (elem, urls){
for(var i = 0; i < urls.length; i++) {
var img = document.createElement("img");
img.src = urls[i];
img.style.cursor = "pointer";
var listner = function(url2){
return function(){
putInTxtarea(' [img]' + url2 + '[/img]',
document.getElementsByName('Post')[0]);
};
}(urls[i]);

img.addEventListener('click', listner, false);
elem.appendChild(img);
}
}

function insertImgsIntoElement (elem, urls){
for(var i = 0; i < urls.length; i++) {
var img = document.createElement("img");
img.src = urls[i];
img.style.cursor = "pointer";
var listner = function(url2){
return function(){
putInTxtarea(' [img]' + url2 + '[/img]',
document.getElementsByName('message')[0]);
};
}(urls[i]);

img.addEventListener('click', listner, false);
elem.appendChild(img);
}
}

function MostrarDiv(){
if (elem.id == "mySmilies"){
elem.style.display = (elem.style.display == 'none') ? 'block' : 'none';
}
}

var xpathRes = getXpathRes1();
var xpathRes2 = getXpathRes2();

// SMF 1.0.*
if(xpathRes){
var div1 = document.createElement("div");
div1.style="margin:0px; margin-top:5px; margin-bottom:5px";
div1.align ="center";

var btn = document.createElement("input");
btn.type="button";
btn.value="Mostrar/Ocultar Iconos";
btn.addEventListener("click", MostrarDiv, false);
div1.appendChild(btn);

var elem = document.createElement("div");
elem.id = "mySmilies";
elem.innerHTML = "";
elem.style.display = "none";

insertImgsIntoElement(elem, smiliesUrl);

div1.appendChild(elem);

xpathRes.snapshotItem(0).parentNode.insertBefore(div1, xpathRes.snapshotItem(0));


}else if(xpathRes2){
// SMF 2.0.*
var div1 = document.createElement("div");
div1.style="margin:-80px; margin-top:5px; margin-bottom:5px";
div1.align ="center";

var btn = document.createElement("input");
btn.type="button";
btn.value="Mostrar/Ocultar Iconos";
btn.addEventListener("click", MostrarDiv, false);
div1.appendChild(btn);

var elem = document.createElement("div");
elem.id = "mySmilies";
elem.innerHTML = "";
elem.style.display = "none";

insertImgsIntoElement(elem, smiliesUrl);

div1.appendChild(elem);

xpathRes2.snapshotItem(0).parentNode.parentNode.parentNode.insertBefore(div1, xpathRes2.snapshotItem(0).parentNode.parentNode);

}else{
// IP Board
var xpathRes = getXpathRes3();

if(xpathRes){
var div1 = document.createElement("div");
div1.style="margin:10px; margin-top:5px";

var btn = document.createElement("input");
btn.type="button";
btn.value="Mostrar/Ocultar Iconos";
btn.onclick="MostrarDiv()";
div1.appendChild(btn);

var elem = document.createElement("div");
elem.id = "mySmilies";
elem.innerHTML = "";
elem.style.display = "none";

insertImgsIntoElement2(elem, smiliesUrl);

div1.appendChild(elem);

xpathRes.snapshotItem(0).parentNode.parentNode.parentNode.insertBefore(div1, xpathRes.snapshotItem(0).parentNode.parentNode);
}
}

var menu=function() {

var img=prompt("Url for the smilie");
if (img!=null && img != "")
{
GM_setValue("smilies", (GM_getValue("smilies", "") + img + "|") );
alert('smilie added');
}
}
GM_registerMenuCommand("SMF:New smilie", menu);

var menu=function() {
var smilies = GM_getValue("smilies", "").split("|");
smilies.pop();
var promptOut = "";
for (num in smilies){
promptOut +=num + "->" + smilies[num] + "\n";
}
if(smilies.length == 0){
alert("There are no smilies");
return false;
}

var option = prompt("Which one do you want to edit/eliminate?(The number)\n"+promptOut, "");
if(option != null && !isNaN(option) && option < smilies.length ){
var newUrl = prompt("Change the url to edit it or erase it to delete it", smilies[option]);
if(newUrl != null && newUrl.length > 0){
smilies[option] = newUrl;
alert('smilie changed');
}else if(newUrl != null && newUrl.length == 0){
smilies.splice(option,1);
alert('smilie deleted');
}

GM_setValue("smilies",smilies.join("|")+"|" );

}
}
GM_registerMenuCommand("SMF:Edit/Erase Smilie", menu);

[zh7k0]

Gran aporte Al_eXs, anda de perillas 

[DarAR92]

En Google Chrome se instala arrastrando el archivo javascript al navegador, pero los memes no salen. Y no sé por qué no se instala aagmfunctions.js. Sólo se me ha instalado memes.user.js.

[Al_eXs]

En Google Chrome se instala arrastrando el archivo javascript al navegador, pero los memes no salen. Y no sé por qué no se instala aagmfunctions.js. Sólo se me ha instalado memes.user.js.

el aagmfunctions.js, solo es para que el Opera entienda algunas instrucciones de GreaseMonkey de los demas scripts.

No tengo el Chrome asi que no puedo provar como se hace eso...

En un rato modifico que en Linux es lo mismo, al menos en Opera, ya prebo en Firefox para ver si aqui si funciona bien todo.

[Baphomet]

Buen post..  Ahora si que se va a poder comentar, spammear y trollear a gusto

[wakka]

las imagenes se redimensionan tambien? o si añades imagenes mas grandes, se quedan con su tamaño?

[Al_eXs]

las imagenes se redimensionan tambien? o si añades imagenes mas grandes, se quedan con su tamaño?

Pues si añades una imagen mas grande sale igual de grande... pero para el post puedes redimensionarla con img width=50 que es el tamaño de los cebollines, pero va a salir grande en el menu..

[cosmin43]

Tengo Chrome. Con lo que me gustaría usarlos Buscaré por ahí a ver que puedo hacer

[Saga]

¿pero al final se puede en el Internet Explorer?

[wakka]

¿pero al final se puede en el Internet Explorer?

alguien usa internet explorer!

[Oigrex]

¿pero al final se puede en el Internet Explorer?

alguien usa internet explorer!

El IE debería estar prohibido

[DarAR92]

¿pero al final se puede en el Internet Explorer?

No, porque Internet Explorer no permite la ejecución de archivos JavaScript. Algunas páginas no se ven bien con Internet Explorer por eso. Google Chrome es mucho mejor.

[Baphomet]

No el IE no deberia estar prohibido... porque sino de donde nos bajamos los otros navegadores??

[Oigrex]

No el IE no deberia estar prohibido... porque sino de donde nos bajamos los otros navegadores??

¡Es cierto!

[wakka]

No el IE no deberia estar prohibido... porque sino de donde nos bajamos los otros navegadores??

¡Es cierto!

soy el unico que tiene varios TEU para no tener que liarme a bajar programas cuando formateo?