• Welcome to the Chevereto user community!

    Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.

    Please keep in mind:

    • 😌 This community is user driven. Be polite with other users.
    • 👉 Is required to purchase a Chevereto license to participate in this community (doesn't apply to Pre-sales).
    • 💸 Purchase a Pro Subscription to get access to active software support and faster ticket response times.

Bookmarklet

Rodolfo

Rodolfo

🥑 Chevereto Godlike
Chevereto Staff
Administrator
Seguro recordaran el Bookmarklet que existía en godlike.cl, esto permitía hospedar masivamente imágenes de una determinada pagina web mediante un simple marcador. Este manual es para que puedan tener eso mismo y compartirlo con sus visitantes.

Básicamente lo que hacemos es ejecutar un JS:

Code: 
javascript:t='';for(var n=0;n<document.images.length;n++){t+='<a href=http://dev.chevereto.com/?url='+document.images[n].src+' target=\'_blank\' style=\'float: left; margin: 1em;\'><img border=0 src='+document.images[n].src+'></a><br>'};if(t!=''){document.write('\<p\><div style=\'font-family: Arial, Helvetica, sans-serifl; font-size: 1.5em; background: #FFF; display: block; padding: .5em; margin: 0em auto 2em auto; border: 1px solid #CCC;\'>Pincha las imágenes y se subirán a DEV Chevereto <span style=\'color: #CCC;\'>en nueva pestaña</span></div>\</p\>'+t+'');void(document.close())}else{alert('No hay imágenes!')}

Obviamente pueden editar esto a la medida de sus necesidades, ya sea indicando la url de su chevereto, el nombre de su hosting, los colores y el mensaje en si.

Con eso ya pueden hacerlo andar, ponen "agrear marcador" en su barra de marcadores y en destino/localización ponen tal cual ese JS.

Desde luego que no es la manera más simple de compartirlo con los usuarios de tu host. Para eso basta con que les demos un link que pueden arrastrar a su barra de marcadores.

Code: 
<a href="javascript:t='';for(var n=0;n<document.images.length;n++){t+='<a href=http://dev.chevereto.com/?url='+document.images[n].src+' target=\'_blank\' style=\'float: left; margin: 1em;\'><img border=0 src='+document.images[n].src+'></a><br>'};if(t!=''){document.write('\<p\><div style=\'font-family: Arial, Helvetica, sans-serifl; font-size: 1.5em; background: #FFF; display: block; padding: .5em; margin: 0em auto 2em auto; border: 1px solid #CCC;\'>Pincha las imágenes y se subirán a DEV Chevereto <span style=\'color: #CCC;\'>en nueva pestaña</span></div>\</p\>'+t+'');void(document.close())}else{alert('No hay imágenes!')}">Nombre de tu Bookmarklet</a>

Pueden aplicar class, id, etc al <a> y personalizarlo por css. Si desean emplear una imagen para que parezca un boton bonito o algo asi, tienen que especificar en el ALT de la etiqueta img el nombre de su Bookmarklet.

Eso es todo, espero que les sirva.
 
Hola Rodolfo!, muy buenos manuales.

Yo ya tenia este script de cuando estaba funcionando Godlike.cl, pero lo que no he sabido hacer es:

Al apretar el botón, crea una "nueva" página mostrando las imágenes que contenía... PERO esto no se hace en una nueva dirección, sino que incluso usa la misma página en la que estamos parados, lo que nos impide volver a la página original dando en el botón "Atras" de tu navegador, sino que hay que ir a la barra de dirección y dar "Enter" en el teclado, ya que al apretar F5 (con intento de volver a la web original, ya que tiene la misma dirección) tampoco funciona.

Mi pregunta es: Hay alguna forma de agregar un botón en la parte superior que, una vez terminada la selección de imágenes que queremos subir, nos lleve a la web original (la que estábamos viendo).

Me explico?, bueno.. espero que tengas tiempo de responder.

Saludos!
http://imagenes.zxo.cl
 
algo como esto dices tu
Code: 
javascript:t='';for(var n=0;n<document.images.length;n++){t+='<a href=http://dev.chevereto.com/?url='+document.images[n].src+' target=\'_blank\' style=\'float: left; margin: 1em;\'><img border=0 src='+document.images[n].src+'></a><br>\n'};if(t!=''){document.write('\<p\>\n<div style=\'font-family: Arial, Helvetica, sans-serifl; font-size: 1.5em; background: #FFF; display: block; padding: .5em; margin: 0em auto 2em auto; border: 1px solid #CCC;\'>\nPincha las imágenes y se subirán a DEV Chevereto <span style=\'color: #CCC;\'>en nueva pestaña</span>\n - <span style=\'font-size: 16px;\'><a href='+document.location+'>Volver</a></span>\n</div>\n</p\>'+t+'');void(document.close())}else{alert('No hay imágenes!')}
 
rkstro15 said:
algo como esto dices tu
Code: 
javascript:t='';for(var n=0;n<document.images.length;n++){t+='<a href=http://dev.chevereto.com/?url='+document.images[n].src+' target=\'_blank\' style=\'float: left; margin: 1em;\'><img border=0 src='+document.images[n].src+'></a><br>\n'};if(t!=''){document.write('\<p\>\n<div style=\'font-family: Arial, Helvetica, sans-serifl; font-size: 1.5em; background: #FFF; display: block; padding: .5em; margin: 0em auto 2em auto; border: 1px solid #CCC;\'>\nPincha las imágenes y se subirán a DEV Chevereto <span style=\'color: #CCC;\'>en nueva pestaña</span>\n - <span style=\'font-size: 16px;\'><a href='+document.location+'>Volver</a></span>\n</div>\n</p\>'+t+'');void(document.close())}else{alert('No hay imágenes!')}
Click to expand...

Eso no hace lo solicitado más arriba 🙁
 
pero por lo que entendi de lo que dijo MeLkOrAzO el quiere que aparezca un boton o algo que luego de uno haber elegido las imagenes a subir, pueda apretar algo para volver a la pagina en la que estaba y el que puse agrega un link con la direccion en la que estaba por lo que a mi parecer cumple con lo que dijo, a menos que no haya entendido y necesite explicacion con manzanitas 😀 😀 😀
 
rkstro15 said:
pero por lo que entendi de lo que dijo MeLkOrAzO el quiere que aparezca un boton o algo que luego de uno haber elegido las imagenes a subir, pueda apretar algo para volver a la pagina en la que estaba y el que puse agrega un link con la direccion en la que estaba por lo que a mi parecer cumple con lo que dijo, a menos que no haya entendido y necesite explicacion con manzanitas 😀 😀 😀
Click to expand...

El queria que eso apareciera en nueva ventana.
 
ahhhh ahora entendi
igual habia estado tratando de hacerlo pero tengo un problema porque aveces resulta y otras veces no
este es el codigo que estaba probando
Code: 
javascript:var height = 600;var width = 800;newwin = window.open('','','scrollbars=1,width='+width+',height='+height);t='';for(var n=0;n<document.images.length;n++){t+='<a href=http://dev.chevereto.com/?url='+document.images[n].src+' target=\'_blank\' style=\'float: left; margin: 1em;\'><img border=0 src='+document.images[n].src+'></a><br>'};if(t!=''){if (!newwin.opener) newwin.opener = self;with (newwin.document){open();write('\<p\><div style=\'font-family: Arial, Helvetica, sans-serifl; font-size: 1.5em; background: #FFF; display: block; padding: .5em; margin: 0em auto 2em auto; border: 1px solid #CCC;\'>Pincha las imágenes y se subirán a DEV Chevereto <span style=\'color: #CCC;\'>en nueva pestaña</span></div>\</p\>'+t+'');close();}}else{alert('No hay imágenes!')}

es una mezcla del codigo original, con otro que tenia de otro sistema que mostraba en un popup informacion, no se si de algo servira pero ahi esta


edito:
lo probe desde la barra de favoritos y creo que funciona bien tanto en FF o en Chrome
 
tux60 said:
Who can translate please?
thnak's
Click to expand...

translated via google translate (mi español apesta!)

you may remember the Bookmarklet godlike.cl that existed in this overwhelmingly host allowed images of a particular website through a simple marker. This manual is for that reason they may have and share with your visitors.

Basically what we do is run a JS:

Code: 
 javascript: t =''; for (var n = 0, n <document.images.length, n + +) (t + = '<a href = [url]http://dev.chevereto.com/?url[/url] =' + document.images [n]. src + 'target =' _blank \ 'style =' float: left; margin: 1em; \ '> <img border=0 src='+document.images[n].src+'> </ a> <br> ') if (t !=''){ document.write (' \ <p\> <div style = 'font-family: Arial, Helvetica, sans-serifl; font-size : 1.5em; background: # FFF; display: block; padding: .5 em; margin: 0em auto 2em auto; border: 1px solid # CCC; \ '> Click the images and posted on DEV Chevereto <span style = \' color: # CCC; \ '> in new tab </ span> </ div> \ </ p \>' + t +''); void (document.close ())) else (alert ( 'No images! ')}

Obviously this can be edited to suit your needs, indicating whether the url of your chevereto, the name of your hosting, the colors and the message itself.

With that already can walk, they "agreed marker" in your bookmarks bar and destination / location as they put the JS.

Of course it is not the simplest way to share with users of your host. To do this just to give them a link that can push your bookmarks bar.

Code: 
 <a href = "javascript: t =''; for (var n = 0, n <document.images.length, n + +) (t + = '<a href = [url]http://dev.chevereto.com/[/url] ? url = '+ document.images [n]. src +' target = '_blank \' style = 'float: left; margin: 1em; \'> <img border = 0 src = '+ document.images [n ]. +'></ src a> <br> ') if (t !=''){ document.write (' \ <p\> <div style = 'font-family: Arial, Helvetica, sans - serifl; font-size: 1.5em; background: # FFF; display: block; padding: .5 em; margin: 0em auto 2em auto; border: 1px solid # CCC; \ '> Click the images and posted on DEV Chevereto < span style = 'color: # CCC; \'> in new tab </ span> </ div> \ </ p \> '+ t +''); void (document.close ())) else (alert ( 'There are no pictures of your !')}"> Name Bookmarklet </ a>

Class may apply, id, etc to personalize it by <a> and css. If you want to use an image to look like a nice button or something, you have to specify in the ALT of the img tag the name of your Bookmarklet.

That's it, I hope they serve.
 
Sorry, I do not quite understand..... How can I make Mister Wong DE? It's work but without the Icon of Mister Wong (i have maked in the social.gif and edited the .css and index.php ...
 
You must log in or register to reply here.
Back
Top