Poner Bbcode [table] En Advanced BBCode Box MOD 5.0.0a

[tanque_atun]

* URL: www.usuarios.lycos.es/alipde/phpBB2
* Plantilla(s) usuada(s): Solaris
* MODs instalados: Advanced BBCode Box MOD 5.0.0a , Cracker Tracker, Attach_mod_2.4.1
* Nombre y version del MOD: Advanced BBCode Box MOD 5.0.0a
* Version de phpBB: phpBB 2.0.21
* Servidor: Tripod Lycos
* Si es una actualizacion desde otra version: No


Buenas tardes, he estado buscando una forma de poner un bbcode con el cual pueda crear tablas HTML en los posts de mi foro, he estado buscando y he encontrado un tema aquíllamadao BBCode [table] que hace referencia a esto, y manda a ésta pagina de phpbb.com.

Bueno me he bajado el table_bbcode_v131 y me he propuesto instalarlo todo iba bien modificando el bbcode.php, pero la modificar el bbcode.tpl todo está diferente, ya que modifiqué en su día estas linias al instalar el Advanced BBCode Box, he intentado mirar y investigar sobre el tema y he visto que hay declarado los bbcode del Advance BBCode Box en unos java script que estan en mods/bbcode_box, llamados bbcode_box.js y add_bbcode.js.
He visto estos ficheros y contienen las declaraciones de los bbcode instalados y unas funciones en java, en estas no esta el bbcode table que me interesaria.
Supongo que poniendo la funcion javascript que me haga la tabla y agregandola a estos ficheros podría crear ese BBCode pero no tengo ni idea de como hacerlo.
Espero me puedan ayudar y siento molestar, normalmente suelo apañarmelas y siempre miro a fondo todo, pero esto me supera...

Muchas gracias!!


P.D: Doy por entendido que no quiero habilitar html ya que esto es muy malo para la seguridad.

[mitch]

tanque_atun, dinos antes si ya lo instalaste... respecto a bbcode.tpl, advanced bbcode box mod no hace cambios, sino que agrega nuevas lineas, asi que ese no debería ser tu problema.... el único problema que deberías tener sería al agregar el boton, en posting_body.tpl pues ahi si que cambia todo el esquema.

Instala el mod completo, saltandote la parte del boton... luego pruebalo, usando manualmente el bbcode [table] y tal (no se bien como se usa) y una vez hecho eso, me indicas de que forma funciona, para poder hacer el boton, en eso si te puedo ayudar. Nos vemos.

[tanque_atun]

Hola mitch, gracias por tu respuesta tan rapida.
Si que instale el tablebbcode, al menos hices las modificaciones hasta donde pude y la verdad si que funciona sin el boton, es un poco lioso porque tienes que poner muchos valores [table][mrow][mcol][row][col][/table], que he podido comprobar porque es lo que se ha añadido en bbcode.php.
Supongo que todos los otros pasos son para añadir el boton.
Como podría hacer para añadir este boton a Advanced BBCode???
No hay algun BBCODE más senzillo que este para hacer tablas, que sea como en HTML <table><td><tr>...</tr></td></table>...

Sino agradeciria me ayudarais a poner el boton respectivo.

Muchas gracias de nuevo!!!

[KasLimon]

Hola tanque_atun, agregar el boton y todo eso no es tan facil como parece xk tienes que añadir los codigos a los .js pero podemos probar:

Todo esto teniendo en cuenta que ya has instalado el mod de las tables y que el tag [table] funciona...

Abrir mods/bbcode_box/add_bbcode.js y buscar:

Código: Seleccionar todo

symbol_help = "Insertar símbolo en el post";

Despues, añadir:

Código: Seleccionar todo

table_help = "Insertar tabla en el post [table]texto[/table]";

Buscar:

Código: Seleccionar todo

var symbol = 0;

Después, añadir:

Código: Seleccionar todo

var table = 0;

Buscar:

Código: Seleccionar todo

document.listdf.src = "mods/bbcode_box/images/list.gif";
		List = 0;
	}
	PostWrite(ToAdd);
}

Después, añadir:

Código: Seleccionar todo

function BBCtable() {
	var txtarea = document.post.message;
	
	if ((clientVer >= 4) && is_ie && is_win) {
		theSelection = document.selection.createRange().text;
		if (theSelection != '') {
		document.selection.createRange().text = "[table]" + theSelection + "[/table]";
		document.post.message.focus();
		return;
		}
	}
	else if (txtarea.selectionEnd && (txtarea.selectionEnd - txtarea.selectionStart > 0))
	{
		mozWrap(txtarea, "[table]", "[/table]");
		return;
	}
	if (table == 0) {
		ToAdd = "[table]";
		document.post.table.src = "mods/bbcode_box/images/table1.gif";
		table = 1;
	} else {
		ToAdd = "[/table]";
		document.post.table.src = "mods/bbcode_box/images/table.gif";
		table = 0;
	}
	PostWrite(ToAdd);
}

Ahora haz esas mismas modificaciones en el mods/bbcode_box/bbcode_box.js

Ahora abre el templates/tutemplate/posting_body.tpl y busca:

Código: Seleccionar todo

<img border="0" src="mods/bbcode_box/images/spoil.gif" class="postimage" name="spoil" type="image" onClick="BBCspoil()" onMouseOver="helpline('spoil')" alt="" />

En la misma linea, despues añade:

Código: Seleccionar todo

<img border="0" src="mods/bbcode_box/images/table.gif" class="postimage" name="spoil" type="image" onClick="BBCtable()" onMouseOver="helpline('table')" alt="" />

Bueno, ahora queda en tu mano poner las imagenes que quieras. Las imagenes deberan ser:
mods/bbcode_box/images/table.gif para la etiqueta aun sin abrir
mods/bbcode_box/images/table1.gif para la etiqueta ya abierta

Espero k no se me haya olvidado nada

Salu2

[tanque_atun]

Hola!!

La verdad que si que va bien, eres una machine!!! Sabía que tenía que poner la función en java en esas dos, pero no sabía cual era ésta, XD.
Solo un par de cosillas, al clickear directamente sin tener seleccionado nada, no me sale el "[table][/table]" en cambio seleccionando algo y dandole a la imagen me lo crea correctamente, saber porque puede ser debido?? También cuando pasas el mouse por encima cambia de color, pero la imagen de la tabla no... esto puede ser por el gif que he insertado o no tiene nada que ver y debería cambiar de color??
Otra cosa, el bbcode table, contine "subbbcodes" que son argumentos que se le da a la variable table,para saber el numero de filas y columnas (mrow,mcol,row, col)
He pensado que lo idonio ( todavía no se bien bien como funciona el table code y sus argumentos, me lo tengo que mirar) sería que éste me pidiera por una ventana (rollo el BBCode URL que te pide la url por una ventana) estos valores y que dependiendo de estos pues haga la columna tal y como debe. Esto deberá ser por java, supongo que sería hacer una especie de copia de la funcion URL que estará en los javascript para que me pida por ventana esos valores. Intentaré ver si puedo hacer algo con ello.

Muchas graciaas por todo porque me habías solucionado rápidamente este problema, y si ya rizaramos el rizo y entre todos consiguieramos que fuera perfecto (a mi humilde entender) os lo agradecería eternamente!!

Mañana me pondré con ello a ver si saco algo, si me podeis ayudar os lo agradeceria, si saco algo lo posteo.

[KasLimon]

Bueno, no seria imposible... Tienes que ponerme mas detalladamente todo lo k hay k acer. Me refiero a k si dentro del table pueden ir los valores a, b, c, d, e que me digas de cada uno:

• ¿Cómo son los bbcodes? ([bbcode] ó [bbcode opcion=a])
• En caso de que tengan datos dentro, ¿cuales pueden ser? (por ejemplo [bbcode valor=ESTO!]

Y todas las cosas que se te ocurra que me puedan servir y luego si eso veo si puedo hacerlo o no (tambien podra intentarlo otro )

Lo de k cambie de color es despues de que hayas hecho clic pero si no se abre el bbcode despues de hacer clic tenemos un problema
A mi me pasaba en mi foro y se soluciono de un dia para otro como por arte de magia

Pero si vamos a intentar hacer lo que dices, ya no importara xk eso te va a funcionar

Bueno, dime lo k t pido y veremos lo k podemos hacer

Salu2

[tanque_atun]

Hola, gracias por responder.
Bueno el bbcode este es un poco complicado, he estado mirando y intentando programar como hacerlo (no he sido capaz... ),
y todavía no se bien bien como se supone que va. Estuve mirando la página y lo medio entendí, este bbcode no tienne muchos argumentos, creo que solo le puedes cambiar el color.
A la tarde te lo comento bien, que ahora estoy en el trabajo y como me vea el jefe

Gracias de nuevo luego te comento todo bien.

[tanque_atun]

Hola, he estado mirando y dentro de la tabla solo puede haber el valor color (osea [table color=""], en principio...)

Para que queda más claro te pongo el significado de los BBCode en HTML que pueden aclarar un poquito la cosa, porque lo han hecho enrevesado,

[table] = <table align="top" cellpadding="2" cellspacing="2" border="1" bgcolor="#FFFFFF">

[mrow] = <tr bgcolor="#FFFF00" align="center"><td>

[row] = </td></tr><tr><td>

[col] = </td><td>

[/table] = </td></tr></table>

En principio este es el significado... Te pongo un ejemplo

[table]
[mrow]blah[mcol]blah[mcol]blah[mcol]blah
[row]blah[col[blah[col]blah[col]blah
[row]blah[col[blah[col]blah[col]blah
[row]blah[col[blah[col]blah[col]blah
[/table]

Saldría por el estilo

blah blah blah blah
blah blah blah blah
blah blah blah blah
blah blah blah blah

Lo único que no me acaba de convencer es que sale sin bordes... bueno si necesitas algo mas comentamelo , a ver si conseguimos algo, XD

Gracias

[KasLimon]

Bueno, la idea que propones es clara

Ahora te comento lo que se me ocurre: podriamos hacer algo del estilo de que cuando abras un [table] se te muestren los botones que contienen lo que se puede añadir en el. Seria algo como esto:
<-haz click

Al hacer click en el boton del table se mostraria la ventanita de seleccionar color y luego aparecerian los botnes que ves en la segunda parte del dibujo.

Se supone que yo sabria hacer eso, solo necesito saber si es eso lo k kieres antes de empezar a toketear.

Salu2

[mitch]

Lo mismo iba a proponer hacer, pero tu lo has colocado mejor, no se me había ocurrido lo de que aparezcan, solo luego de presionar el boton de la tabla, buena idea Kaslimon. Yo voto por esa opción, sin duda la mas simple, sencilla y con buenos resultados

[tanque_atun]

La verdad que es buena idea, pero había pensado que se podría hacer algo tipo el Word, en el que tu le digas las filas y columnas que quieras y el te ponga los bbcodes adecuados, (para rizar el rizo ).
Algo como la imagen
Por supuesto no pido que me lo pida graficamente pero estaria bien que si yo le doy al boton de la tabla ésta me pida mediante una ventana primero el numero de filas, y luego el numero de columnas, así si yo le digo que quiero 2 filas y 2 columnas, éste me tendria que insertar

[table]
[mrow][mcol] (Esto en principio es la columna del título o el tipo de datos digamos... la m lo que hace es ponerlo en negrita creo... )
[row][col]
[/table]

Si le pidiera 5 filas y 3 columnas sería
[table]
[mrow][mcol][mcol]
[row][col][col]
[row][col][col]
[row][col][col]
[row][col][col]
[/table]

Me estoy peleando a ver si puedo conseguirlo, el ser javascript facilita las cosas, cuestión de poner un bucle...
A ver si puedo lograr algo... si esto se hiciera quedaría un bbcode table de la ostia
Estudiaré la función a ver si se puede hacer algo y os lo comento, estos días por falta de tiempo no he podido mucho... a ver si consigo algo.
Que os parece?? Os parece buena idea?? Espero que sí
Agradeceros de nuevo vuestro tiempo por solucionar esto, así da gusto

[KasLimon]

No parece mala idea. Estoy probando lo de los bucles (lo de insertar tabla con color ya esta hecho, por supuesto como si fuese a insertar un video, graficamente es mas complicado...)

El problema que tengo es que no se aplicar un salto de linea en JavaScript (yo soy mas de VB.NET y de php )

Si sabes no estaria mal k m dijeses como

Salu2

[tanque_atun]

Pues ahora no me acuerdo bien... se que poniendo un System.out.println("") te hacía un salto de línea, pero no se si servirá para el foro...

[KasLimon]

Bueno, vere lo k puedo hacer...

He aqui mis progresos. He conseguido que si le pido color #FF000, 3 filas y 6 columnas haga esto:
color=#FF000][mrow][mcol][mcol][mcol][mcol][mcol][mrow][mrow][/table]

Por lo menos he conseguido que lo reconozca. Luego intentare k el 2º y el 3º mrow se conviertan en un salto de linea y [row] con 5 [col]

Salu2

[tanque_atun]

Osti pues si que lo tienes avanzado!!! Eso del salto de linia tiene que ser facil, prueba a poner \n dentro del texto que insertas, osea "[mrow][mcol][mcol]\n[row][col][col]\n[row][col][col]" quedaría como


[mrow][mcol][mcol]
[row][col][col]
[row][col][col]

En principio es tan sencillo como eso!! Pruebalo y me comentas