Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Edicion de JavaScript en Simple Image UploadTema Solucionado

PHP, HTML, CSS, JS, jQuery, etc.
Cerrado
thomybra
Observador/a
Mensajes: 9
Registrado: 06 May 2015, 19:00

Edicion de JavaScript en Simple Image Upload

#1

Mensaje por thomybra »

Buenas tardes a todos! Queria iniciar esto para la edicion del Mod Simple Image Upload pero en el foro SMF pero como soy un prinicipiante en todo esto les comento los pasos que segui, primero que nada mire con bloc de notas los archivos y todos hacian referencia a una pagina de internet:

http://mod.postimage.org/smf-spanish-family.js

Archivo JavaScript... con toda la ignoracia del mundo lo descarge para poder editarlo y empeze a cambiar valores.. numeros... true false por todos lados y estos archivo modificado lo subi a mi hostinger de la pagina de internet y ahora el archivo que hacia referencia al archivo oficial cambie el link y puse para que haga referencia al archivo subido en mi host pero no logre dar con el parametro para poder dejar el mod para que cuando suba la imagen lo haga de forma en resolucion original y con las etiquetas [*img] [*/img] (sin asterisco) y no con el url para que me lleve a la pagina donde verdaderamente esta la foto original. Les dejo el link donde lei este cambio aca pero no me funciono... por supuesto que recien llegue a casa y seguire probando Saludos

http://www.phpbb-es.com/foro/viewtopic. ... 49&t=40457

Saludos a todos!

Avatar de Usuario
andares
Moderador
Mensajes: 1543
Registrado: 18 Nov 2008, 03:32
Género:

Re: Edicion de JavaScript en Simple Image Upload

#2

Mensaje por andares »

Tema movido a "Recursos Webmaster"

antispam2022
Invitado

Re: Edicion de JavaScript en Simple Image Upload

#3

Mensaje por antispam2022 »

La manera de aplicar el plugin de postimage en phpBB es distinta según las versiones, y la de aplicarlo a SMF, suponto que tambien es distinta. Las instrucciones de instalar el plugin que se descarga de postimage.org son disntintas segun si es para un sistema u otro.

Este sería el archivo .js modificado para SMF:

Código: Seleccionar todo

// MOD Title: Simple Image Upload
// MOD Author: Sium < admin@postimage.org > (N/A) http://postimage.org/
// MOD Version: 1.5.0

if(typeof postimage_lang==='undefined')
{
	var postimage_lang="spanish";
	var postimage_add_text="Insertar una imagen";

function postimage_query_string(postimage_search_name){if(window.location.hash){postimage_query=window.location.hash.substring(1).split("&");for(postimage_i=0;postimage_i<postimage_query.length;postimage_i++){postimage_string_data=postimage_query[postimage_i].split("=");if(postimage_string_data[0]==postimage_search_name){postimage_string_data.shift();return unescape(postimage_string_data.join("="));}}}return void(0);}if(opener){var postimage_text=postimage_query_string("postimage_text");if(postimage_text){var postimage_id=postimage_query_string("postimage_id");var postimage_area=opener.document.getElementsByTagName('textarea');for(var postimage_i=0;postimage_i<postimage_area.length;postimage_i++){if(postimage_i==postimage_id){break;}}if(opener.editorHandlemessage && opener.editorHandlemessage.bRichTextEnabled){opener.editorHandlemessage.insertText(postimage_text+"<br /><br />",false);}else{postimage_text=postimage_text.replace('[url=','');postimage_text=postimage_text.replace('[/url]','');postimage_text = postimage_text.substring(postimage_text.indexOf('['),postimage_text.length);postimage_area[postimage_i].value=postimage_area[postimage_i].value+postimage_text;}opener.focus();window.close();}}function postimage_insert(){var postimage_area=document.getElementsByTagName('textarea');for(var postimage_i=0;postimage_i<postimage_area.length;postimage_i++){if(!postimage_area[postimage_i].name.match(/username_list|search|recipients/i)){postimage_div=document.createElement('div');postimage_open=document.createElement('a');postimage_open.innerHTML=postimage_add_text;postimage_open.href="javascript:postimage_upload("+postimage_i+");";postimage_open.setAttribute('style',"font-weight:bold");postimage_span=document.createElement('span');postimage_span.innerHTML="&#160;&#8226;&#160;";postimage_div.appendChild(document.createElement('br'));postimage_div.appendChild(postimage_span);postimage_div.appendChild(postimage_open);postimage_div.appendChild(document.createElement('br'));postimage_div.appendChild(document.createElement('br'));postimage_area[postimage_i].parentNode.insertBefore(postimage_div,postimage_area[postimage_i]);}}}function postimage_upload(areaid){window.open("http://postimage.org/index.php?mode=smf&areaid="+areaid+"&hash=1&lang="+postimage_lang+"&code=&content=family&forumurl="+escape(document.location.href),"postimage","resizable=yes,width=500,height=400");return void(0);}if(typeof postimage_text==='undefined'){if(window.addEventListener){window.addEventListener('DOMContentLoaded',postimage_insert,false);}else if(window.attachEvent){window.attachEvent('onload',postimage_insert);}}}
No te aconsejo que le cambies nada más.
Ahora tienes que modificar esta inclusión al archivo:

Código: Seleccionar todo

<script type='text/javascript' src='http://mod.postimage.org/
http://mod.postimage.org/smf-spanish-family.js' charset='utf-8'></script>
Subir el archivo .js a tu servidor, a ser posible en la misma ruta donde esté la plantillo de tu foro donde se hace la inclusión, y especificarlo así:

Código: Seleccionar todo

<script type='text/javascript' src='smf-spanish-family.js' charset='utf-8'></script>
Despues de src= quita la ruta del servidor de postimage.org, y pon la ruta de tu servidor, y si te lias con las rutas, pon todo el código entre las etiquetas <script> y </script>
No se si se entiende.
Un saludo.

thomybra
Observador/a
Mensajes: 9
Registrado: 06 May 2015, 19:00

Re: Edicion de JavaScript en Simple Image Upload

#4

Mensaje por thomybra »

@antispam2022 Muchisimas gracias por tomarte el tiempo de ayudarme, pero tengo un problema, los pasos los hago bien edite el codigo para que busque el codigo de Java en mi Host y no en postimage.org

como lo se? porque al final del script dice el temaño que se le da a la ventana emergente que sale cuando subis una foto y yo lo cambio y veo esos cambios cuando creo un tema en mi foro peeeero...

Me sigue poniendo el link de esta forma... :

Imagen

[*url=http://postimg.org/image/am373yutn/][*img]http://s1.postimg.org/am373yutn/DSCN3296.jpg[/img][/url]

Saludos! antispam2022 y de vuelta... Gracias!

antispam2022
Invitado

Re: Edicion de JavaScript en Simple Image Upload

#5

Mensaje por antispam2022 »

Evidentemente está leyendo el codigo jquery del servidor de postimage, a ver si son las dichosas cachés, tienes que limpiar cachés tanto de tu foro como del explorador.

El archivo install.txt dice:

Código: Seleccionar todo

# 
#-----[ OPEN ]--------------------------------------------- 
# 

./Themes/default/index.template.php

# 
#-----[ FIND ]--------------------------------------------- 
# 

</head>

# 
#-----[ REPLACE WITH ]--------------------------------------------- 
# 

<script type="text/javascript" src="http://mod.postimage.org/smf-spanish-hotlink-family.js" charset="utf-8"></script>
</head>

# 
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------ 

Si src="http://mod.postimage.org/smf-spanish-hotlink-family.js" lo dejas en src="smf-spanish-hotlink-family.js"

ya debería coger el .js modificado

Una manera de comprobarlo es ver el código fuente de una pagina, con firefox es click derecho, ver codigo fuente, y te fijas si realmente está la línea <script type="text/javascript" src="smf-spanish-hotlink-family.js" charset="utf-8"></script>
</head> "SIN" la ruta de postimage.org.
Si no fuera así, es una cuestión de cachés.

Haré una instalación de prueba de SMF, a ver si resuelvo el misterio ;)

Avatar de Usuario
andares
Moderador
Mensajes: 1543
Registrado: 18 Nov 2008, 03:32
Género:

Re: Edicion de JavaScript en Simple Image Upload

#6

Mensaje por andares »

@antispam2022 te equivocaste en la selección del script, debiste seleccionar en el menu "BBCode: Hotlink" en lugar de "Thumbnail", uséase:

Código: Seleccionar todo

<script type="text/javascript" src="http://mod.postimage.org/smf-spanish-hotlink-family.js" charset="utf-8"></script>
Es fácil modificar el paquete de instalación...

thomybra
Observador/a
Mensajes: 9
Registrado: 06 May 2015, 19:00

Re: Edicion de JavaScript en Simple Image Upload

#7

Mensaje por thomybra »

Imagen

Hice lo que me dijiste antispam2022

Eh aqui el problema... linea 59... ahora la pregunta es... de donde viene y como modificarlo?

Ustdes se preguntaran... porque dos direcciones diferentes de archivos? Bueno porque primero instale el mod con doffroad y luego lo desintale y edite el archivo para que vaya a probandooo porque me dijo antispam que lo tenga en el mis servidor asique bueno... parece que no se desintalo muy bien y quedaron los dos... Peeeero en las dos direcciones esta el mismo archivo modificado por antispam asique ahora mismo como sabran probandooo es una pagina de prueba donde pruebo todo lo que quiero poner en la pagina seria que es doffroad, asique ahora mismo reinicio probandooo para hacer todo bien y como se debe desenme suerte, Saludos!

thomybra
Observador/a
Mensajes: 9
Registrado: 06 May 2015, 19:00

Re: Edicion de JavaScript en Simple Image Upload

#8

Mensaje por thomybra »

Sisi señores!! Algo positivo y algo negativo... Mucho mas positivo que negativo

Reinicie todo el foro que venia haciendo pruebas y empeze de 0 entonces hice todo de nuevo y hace exactamente lo que la modificacion de antispam dice que tiene que hacer pero me pone la imagen en miniatura asi:

[*img]http://s17.postimg.org/6rnbmc1cr/DSCN3296.jpg[/img]

Ese link es de la foto en miniatura y yo quiero que el link que este entre los img sea el link de la foto en grande. Creo que con esta avance bastante y después de esto me voy a poner a estudiar JavaScript

En otras palabras porque la verdad hasta yo me confundo quiero cambiar esto:

[img]LINK_PEQUEÑO[/img]

A esto:

[img]LINK_EN_GRANDE[/img]

Nota: LINK_EN_GRANDE seria la foto en alta resolucion y LINK_PEQUEÑO la foto en miniatura
SPOILER_SHOW
Volviendo que en toda mi ignoracia la idea seria... cambiar y%20desde%20[img]%20hasta%20por[/img]
Sinceramente nose si en JavaScript existe esa funcion de reemplazar desde tal tag hasta tal otro pero esa seria la idea. O sino... reemplazar [img]+"nombre%20de%20la%20variable%20del%20link%20pequeño"+[/img][/url] por [/img] que tampoco se si existe
Saludos!

Avatar de Usuario
andares
Moderador
Mensajes: 1543
Registrado: 18 Nov 2008, 03:32
Género:

Re: Edicion de JavaScript en Simple Image Upload

#9

Mensaje por andares »

@thomybra como se nota que no has probado nuestro sistema de foros, el que empieza ya no cambia 8-) , venga animate...

:angel: ...a ver si con esto el jefe me pega menos bronca por parecer esto un foro de soporte de SMF :P

antispam2022
Invitado

Re: Edicion de JavaScript en Simple Image Upload

#10

Mensaje por antispam2022 »

Ya me di cuenta que habia usado el codigo jquery que pone las imagenes pequeñas.

Se pueden descargar de postimage, segun elijes español o ingles, Thumbnail o imagen completa, contenido familiar, de adultos o mixto, distintos archivos jquery:
  • phpbb3-english-family.js
  • phpbb3-english-hotlink-family.js
  • phpbb3-spanish-hotlink-family.js
  • etc.
Pero la única diferncia entre ellos está en las variables que se definen al principio

Código: Seleccionar todo

	var postimage_lang="spanish";
	var postimage_add_text="Insertar una imagen";
y en la función postimage_upload, en los parámetros que se pasan en la url que abre la ventana emergente:

Código: Seleccionar todo

function postimage_upload(areaid){
	window.open("http://postimage.org/index.php?mode=phpbb3&areaid="+areaid+"&hash=1&lang="+postimage_lang+"&code=hotlink&content=family&forumurl="+escape(document.location.href),"postimage","resizable=yes,width=500,height=400");return void(0);
	}

Código: Seleccionar todo

function postimage_upload(areaid){
	window.open("http://postimage.org/index.php?mode=phpbb3&areaid="+areaid+"&hash=1&lang="+postimage_lang+"&code=&content=family&forumurl="+escape(document.location.href),"postimage","resizable=yes,width=500,height=400");return void(0);
	}
Eston son algunas de las variables superglobales que se pasan a la URL:
  • lang=postimage_lang
  • resizable=yes
  • width=500,height=400
  • etc
Los valores de estas variables son los que determinan que la ventana emergente se muestre en ingles o en castellano, el tamaño predeterminado de la imagen, etc, y se pueden pasar a través de otras variables cuyo contenido se defina a través de un modulo de opciones en el ACP, paso siguiente para la extensión que he puesto para probar en el area 51

thomybra
Observador/a
Mensajes: 9
Registrado: 06 May 2015, 19:00

Re: Edicion de JavaScript en Simple Image Upload

#11

Mensaje por thomybra »

Espectacular! Me baje el MOD de HotLInk busque la pagina donde se referia el .js me lo descarge, le agrege las 3 lineas de comandos que dijiste vos antispam

postimage_text=postimage_text.replace('[url=','');
postimage_text=postimage_text.replace('[/url]','');
postimage_text = postimage_text.substring(postimage_text.indexOf('['),postimage_text.length);


Anda perfecto! Peeero solo hay cambios en el primero link, cuando subo 3 fotos a la vez por ejemplo solo el primer link queda como deberia los demas no...
[*img]http://s15.postimg.org/53cgbllqz/428991_4193942048212_1681777323_n.jpg[/img]

[*url=http://postimage.org/][*img]http://s15.postimg.org/69buwnknv/cute_baby_gecko.jpg[/img][/url]

[*url=http://postimg.org/image/tvl9abhp3/full/][*img]http://s15.postimg.org/rr0w98g2j/DSC_0073.jpg[/img][/url] Hay alguna manera de propagar esos cambios a todas las fotos? Saludos!

antispam2022
Invitado

Re: Edicion de JavaScript en Simple Image Upload

#12

Mensaje por antispam2022 »

Gracias por avisar, no he chequeado todavía lo que dices, pero le encuentro su lógica... esas tres líneas le quitan la redirección solo a la primera imagen subida de un grupo, o si lo haces de una en una... si no lo dices no hubiera caido en la cuenta...

Buscaré una solución, pero aquí ya me está resultando incomodo seguir con el tema, porque la temática de este foro es phpBB, y no quiero ser desleal.

Un saludo. Gracias.

POSDATA: Las modificaciones que vaya incorporando al código las iré comentando en el hilo que tengo abierto en el area 51, de esta extensión para phpBB podran sacar sus conclusiones para aplicar a otros sistemas de foros quien así lo desee:
http://area51.phpbb-es.com/foro/viewtopic.php?f=4&t=24

thomybra
Observador/a
Mensajes: 9
Registrado: 06 May 2015, 19:00

Re: Edicion de JavaScript en Simple Image Upload  Tema Solucionado

#13

Mensaje por thomybra »

Me parece bien, aunque no estamos devirtuando el tema tanto... ambos estan escritos en JavaScript y toda solucion que se encuentre puede adaptarse en el otro formato sea SMF o PHPBB. Pero me parece bien guardare la pagina a en favoritos y la consultare a diario para ver si diste con la solucion y seguire con mi curso online de JavaScript para poder entender el codigo y buscarle solucion! Saludos

Avatar de Usuario
andares
Moderador
Mensajes: 1543
Registrado: 18 Nov 2008, 03:32
Género:

Re: Edicion de JavaScript en Simple Image Upload

#14

Mensaje por andares »

Gracias, aclarado por los 2.

Doy el tema por soluccionado.

Cerrado

Volver a “🆘 Recursos Webmaster”