JavaScript - FAQ, tips, trucos y tweaks de Opera

Posts tagged with "JavaScript"

STICKY POST

Las Preguntas más frecuentes sobre Opera 9

Tuesday, 31. July 2007, 21:30:00

Links, Tweaks, Menú Click Derecho, Menú Hot Click ...

Todo lo que preguntabas sobre Opera 9 y nadie te lo respondía, ¡aquí está!

Pero antes recomiendo que leas Definiciones Importantes relacionadas con Opera para entender con claridad conceptos relacionados con Opera que se tratarán en este ensayo.

ACTUALIZADO JUNIO 2008

Silverlight en Opera

Thursday, 1. May 2008, 01:55:58

Opera, Utilidades, JavaScript, Windows ...

Silverlight in Opera (post original)

Opera para Windows soporta Silverlight. Desafortunadamente, muchas de las aplicaciones Silverlight chequean por el navegador entonces Silverlight no se inicia en Opera (pero si lo hace en Internet Explorer y Firefox

), incluso si se utiliza la opción "Simular como" o "Enmascarar como" otro navegador (Editar Opciones de sitio >> Redes). Por esta razón el autor original del artículo ha escrito un userscript para sortear este bloqueo (si no sabes lo que es un userscript y como se utiliza mira las preguntas 53 y 54 del FAQ de Opera)

Pasos para la instalación de Silverlight en Opera

Descarga e instala Silverlight
Copia los archivos DLL de "C:\Archivos de programa\Microsoft Silverlight" a "C:\Archivos de programa\Opera\program\plugins"
Descarga silverlight.js a tu carpeta de userscripts.
Reinicia Opera
Trata algunos de los ejemplos de Silverlight indicados a continuación:
http://www.robzelt.com/Silverlight/TrinugLogo/
http://www.vectorform.com/silverlight/demos.php
http://www.microsoft.com/silverlight/
http://silverlight.net/showcase/
http://www.vertigo.com/downloads/Simon/
más

Problemas conocidos

El ingreso de datos por teclado no funciona
Problemas con arrastrar y soltar objetos
En algunos sitios no funciona
Opera algunas veces produce error y se cierra.

Silverlight 2.0

Este script funciona para Silverlight 1.0. Para Silverlight 2.0 no es requerido ningún script. Solo instala Silverlight 2.0 y visita alguna página que este usando silverlight 2.0. (ejemplo http://www.vectorlight.net/silverlight_net_form_controls_demo.aspx )

Fuente:
Silverlight en Opera

0 Comments

¿Cómo crear búsqueda con dos parámetros en Opera?

Saturday, 1. March 2008, 04:08:49

Opera FAQ, Búsqueda, JavaScript, Opera

How to create search engine with two parameters in Opera? (post original)

Algunas veces es necesario especificar dos parámetros para crear búsqueda como en el siguiente caso:
http://images.google.com/images?imgtype=monkey&q=fingers

Es posible "Crear búsqueda" como lo anterior usando JavaScript.

Al Crear búsqueda (CTRL+F12 > Buscar > Añadir) con el siguiente JavaScript

javascript:var s='%s';var p=s.indexOf('+');if(p>-1){var s1=s.split('+');var s2=s.slice(p+1)};window.location.href='http://images.google.com/images?imgtype='+s1[0]+'&q='+s2;

tú puedes buscar, digamos, en Imágenes Google desde el campo de direcciones tecleando:
<palabra clave><ESPACIO><primer parámetro de búsqueda><ESPACIO><segundo parámetro de búsqueda>

Ejemplo: gi monkey fingers

Si quieres crear otra búsqueda con el mismo código de arriba, simplemente debes modificar la parte 'http://images.google.com/images?imgtype='+s1[0]+'&q='+s2;, cuando realices una búsqueda, s1[0] serà reemplazado por el primer parámetro & s2 con el segundo parámetro.

Ejemplo para Google Maps:

javascript:var s='%s';var p=s.indexOf('+');if(p>-1){var s1=s.split('+');var s2=s.slice(p+1)};window.location.href='http://maps.google.com/maps?f=d&hl=es&geocode=&saddr='+s1[0]+'&daddr='+s2;

Nota: <primer parámetro de búsqueda> no debe contener más de una palabra.

3 Comments

¿Cómo deshacer la opción "Interrumpir la ejecución de scripts en esta página"?

Saturday, 1. March 2008, 03:30:32

Opera, JavaScript, Opera FAQ

How to undo 'Stop executing scripts on this page' option in Opera? (post original)

Cuadro de diálogo con la opción 'Interrumpir la ejecución de scripts en esta página'

Tú puedes interrumpir la ejecución de Javascript en una página (o pestaña) al marcar la opción Interrumpir la ejecución de scripts en esta página la cual es válida hasta cerrar la página.

Si desea que se ejecute nuevamente JavaScript solo cierra la página y después lo reabres desde la papelera de la barra de páginas o pestañas que está ubicada en el extremo derecho con un ícono de bote de basura.

0 Comments

Bookmarklets para ver en forma rápida y cómoda galerías de imágenes

Saturday, 6. October 2007, 21:10:08

Bookmarklets, Enlaces, Tips, Galerías ...

Bookmarklets to view gallery images quickly (post original)

Si deseas ver las imágenes de una galería de miniaturas, obligadamente tienes que abrirlos en una nueva página por vez o verlos una por una en una página cada una. Primero se acumulará y llenará la barra de páginas y segundo tomará tiempo ver todas las imágenes.

A continuación se presenta dos bookmarklets muy útiles que facilitarán la visualización de las imágenes de cualquier galería:

Super page bookmarklet mostrará todos los enlaces en una simple página.
Crea un marcador con el siguiente código:

javascript:if(frames.length>1)alert('This bookmarklet does not work with frames.');else{var wnd=open('','imgwin','width=600,height=600,top=0,left=0,scrollbars,resizable');var lnks=document.links;with(wnd.document){var s='<html><base target=_blank>';for(var i=0;i<lnks.length;i++){s+='\n<IFRAME SRC='+lnks[i].href+' WIDTH=800 HEIGHT=800></IFRAME><p>';}s+='</html>';writeln(s);void(close());}}

Limitaciones:
- Se tratará de abrir todos los enlaces en una página. Así se podría abrir páginas no deseadas.I
- Imágenes no serán guardadas si decides guardar la página generada por el bookmarklet.

Path Generator bookmarklet mostrará todas las imágenes en una sola página.
Arrastra el enlace a la barra personal o añádelo a los Marcadores.

Limitaciones:
- Esto no funcionaria si los servidores de la galería solo envía las imágenes basadas en el referrer. En este caso puedes falsificar o similar el referrer requerido usando Proxomitron.
- Imágenes no serán guardadas si decides guardar la página generada por el bookmarklet.

Indicaciones especiales para este bookmarklet:

Supón, que la ruta de las imágenes es como lo siguiente,

http://www.some-site.com/images/01/pic-1.jpg
http://www.some-site.com/images/01/pic-2.jpg
http://www.some-site.com/images/01/pic-3.jpg
http://www.some-site.com/images/01/pic-4.jpg
http://www.some-site.com/images/01/pic-5.jpg
http://www.some-site.com/images/01/pic-6.jpg
http://www.some-site.com/images/01/pic-7.jpg
http://www.some-site.com/images/01/pic-8.jpg
http://www.some-site.com/images/01/pic-9.jpg
http://www.some-site.com/images/01/pic-10.jpg
http://www.some-site.com/images/01/pic-11.jpg
http://www.some-site.com/images/01/pic-12.jpg
http://www.some-site.com/images/01/pic-13.jpg
http://www.some-site.com/images/01/pic-14.jpg
http://www.some-site.com/images/01/pic-15.jpg

Tienes que cambiar los siguientes valores.

var p1 = 'http://www.some-site.com/images/01/pic-';
var ext = '.jpg';
var begin2 = 1;
var end2 = 15;
var zerofill2 = 0;

Supón, que la ruta de las imágenes es como lo siguiente,

http://www.some-site.com/images/01/pic-01.jpg
http://www.some-site.com/images/01/pic-02.jpg
http://www.some-site.com/images/01/pic-03.jpg
http://www.some-site.com/images/01/pic-04.jpg
http://www.some-site.com/images/01/pic-05.jpg
http://www.some-site.com/images/01/pic-06.jpg
http://www.some-site.com/images/01/pic-07.jpg
http://www.some-site.com/images/01/pic-08.jpg
http://www.some-site.com/images/01/pic-09.jpg
http://www.some-site.com/images/01/pic-10.jpg
http://www.some-site.com/images/01/pic-11.jpg
http://www.some-site.com/images/01/pic-12.jpg
http://www.some-site.com/images/01/pic-13.jpg
http://www.some-site.com/images/01/pic-14.jpg
http://www.some-site.com/images/01/pic-15.jpg

Tienes que cambiar los siguientes valores.

var p1 = 'http://www.some-site.com/images/01/pic-';
var ext = '.jpg';
var begin2 = 1;
var end2 = 15;
var zerofill2 = 1;

Supón, que la ruta de las imágenes es como lo siguiente,

http://www.some-site.com/images/01/pic-01.jpg
...
http://www.some-site.com/images/01/pic-15.jpg

http://www.some-site.com/images/02/pic-01.jpg
...
http://www.some-site.com/images/02/pic-15.jpg

...

http://www.some-site.com/images/10/pic-01.jpg
...
http://www.some-site.com/images/10/pic-15.jpg

Tienes que cambiar los siguientes valores.

var p1 = 'http://www.some-site.com/images/';
var p3 = '/pic-';
var ext = '.jpg';
var begin = 1;
var end = 10;
var zerofill = 1;
var begin2 = 1;
var end2 = 15;
var zerofill2 = 1;

Suppose, if image path is like following,

http://www.some-site.com/images/india/pic-01.jpg
...
http://www.some-site.com/images/india/pic-15.jpg

http://www.some-site.com/images/norway/pic-01.jpg
...
http://www.some-site.com/images/norway/pic-15.jpg

http://www.some-site.com/images/switzerland/pic-01.jpg
...
http://www.some-site.com/images/switzerland/pic-15.jpg

Tienes que cambiar los siguientes valores.

var p1 = 'http://www.some-site.com/images/';
var p3 = '/pic-';
var ext = '.jpg';
var begin2 = 1;
var end2 = 15;
var zerofill2 = 1;
pArray = new Array('india', 'norway', 'switzerland');

0 Comments

Descargar videos de YouTube, DailyMotion y otros portales similares

Thursday, 29. March 2007, 00:33:48

Opera, Google, Barras de herramientas, Programas ...

YouTube es el sitio más popular para acceder a videos en línea de todas partes del mundo, pero algunos se preguntarán si se pueden descargar estos para mirarlos despues en la propia computadora; con Opera tienes varios métodos los cuales permitirán que los descargues.
.
Estos métodos son:
.
1.- A través de boookmarklets:
Arrastra a la barra personal o añade a los marcadores cualquiera de los bookmarklets que se ofrecen en esta página:
http://1024k.de/bookmarklets/video-bookmarklets.html
En especial utilizo The All-In-One Video Bookmarklet
Ve a la página del video en YouTube y haz click en el bookmarlet que te dirige a una pequeña página que contiene el enlace para descargar el video. Después que lo hayas descargado, añadele la extensión .flv para que pueda ser reproducido.

.
2.- A través de Widgets
Instala el Widget VideoDownloader, una vez instalado solo basta copiar la dirección de la página del video de YouTube que quieras descargar y el Widget presentará el enlace para descargar el video. Después que lo hayas descargado, añadele la extensión .flv para que pueda ser reproducido.

.
Otro widget que puedes instalar para el mismo propósito: FLV Downloader
.
3.- A través de Botones:

Videos von YouTube & Co herunterladen (post original)

Arrastra y suelta a cualquier barra de herramientas (excepto la personal) uno de los botones de la siguiente lista (En el lado izquierdo está la página que ofrece el servicio de descarga del video y en lado derecho el boton para Opera que se sirve del servicio de la página):
Sitio-Portal......................................................Boton de Opera
2Video.de......................................................Video
anjo.to • ......................................................Video
Catch-your-Video.de......................................................Video
ClipNabber......................................................Video
ClipSave
dowint.NET......................................................Video
Download videos
filsh.net •
Force Download • ......................................................Video
Free video convert •
getCLIP.de......................................................Video
GooTube FLV Retriever......................................................Video
GrabVids.net......................................................Video
kcoolonline.com
KeepVid......................................................Video
LeechVideo......................................................Video
Rip Youtube Video......................................................Video
StreamYard......................................................Video
VideoDL
VideoDownloader.ch......................................................Video
VidGrabber......................................................Video
videograb.de......................................................Video
vixy.net •

De igual manera ve a la página del video en YouTube (o DailyMotion u otro portal de videos) y haz click en el boton entonces aparecerá una pequeña página con el enlace de descarga del video. Después que lo hayas descargado, añadele la extensión .flv para que pueda ser reproducido.

(Enlace de descarga de un video de YouTube utilizando ClipNabber)
.
4.- A traves del menú contextual
Si no sabes como editar menús mira esta página, añade el texto de cualquiera de los siguientes archivos, bajo la sección [Document Popup Menu]:
contextyoutube1.txt
contextyoutube2.txt

(Imagen del código añadiéndose al menú contextual)
De igual manera ve a la página del video en YouTube (o DailyMotion u otro portal de videos), haz click derecho en cualquier porción libre de la página y elige la opción Descargar YouTube entonces aparecerá una pequeña página con el enlace de descarga del video. Después que lo hayas descargado, añadele la extensión .flv para que pueda ser reproducido.
.
5.- A través de user scripts
Si no sabes como instalar user scripts mira esta página (preguntas 53 y 54). Instala cualquiera de los user scripts que están disponibles en esta página bajo las secciones Greasemonkey-Script y Alternative Greasemonkey-Scripts
De igual manera ve a la página del video en YouTube (o DailyMotion u otro portal de videos), espera un momento que se cargue la página entonces aparecerá el enlace de descarga en la cabecera de la página del video mismo. Después que lo hayas descargado, añadele la extensión .flv para que pueda ser reproducido.
.
6.- A través de páginas web de terceros (Aporte de apolobeta)
Otro método muy fácil para descargar videos de Youtube es a través de páginas de terceros que ofrecen este servicio, hay algunos inclusive que no solo te permiten descargar sino también convertir el video a otro formato.
La página recomendada es: http://vixy.net/ , solo escribes la dirección del video en YouTube
por ejm:

http://youtube.com/watch?v=J7JmsMMIR4Y

luego eliges de la lista desplegable el formato al cual deseas convertir el video

AVI for Windows (Divx + MP3), Mov for Mac, MP4 for IPOD/PSP, 3GP for Mobile, MP3 (solo Audio)

después click en Start

esperas hasta que se conecte a la página del video,

esperas otro momento más a que se convierta el video,

y finalmente aparecerá el enlace de descarga del video convertido

.
Otros sitios similares que ofrecen el mismo servicio están mostrados en la lista de arriba en el numeral 3 del método de descarga con botones, el • al lado de un sitio significa que este ofrece tanto descarga como conversión del video.
.
Para reproducir los videos necesitarás de un reproductor capaz de reproducir archivos flv (excepto para el método 6) y los codecs adecuados (para todos los casos), así que recomiendo los siguientes programas:
The KMPlayer (contiene sus propios filtros)
K-Lite Codec Pack Standard (incluye Media Player Classic)

4 Comments

Definiciones Importantes relacionadas con Opera

Sunday, 28. January 2007, 17:13:43

Opera, Mail, Varita, Atajos de teclado ...

En este entrada se tratarán definiciones de varios términos que nos ayudarán a entender el funcionamiento de los navegadores pero en especial de Opera.

Evitar que una página (pestaña) se enfoque (salte en primer plano) mientras se está viendo otra página

Sunday, 22. October 2006, 05:39:07

Opera, Tweaks, Opera FAQ, JavaScript ...

Avoiding focus on another tab while viewing a tab (post original)

Usuarios de Opera 9: click este enlace y [DESMARCA] Allow script to raise window.

Usuarios de Opera 8: CTRL+F12 ⇒ Avanzado ⇒ Contenido⇒ Opciones de JavaScript ... ⇒[DESMARCA] Permitir traer al frente las ventanas ⇒ Aceptar ⇒ Aceptar

0 Comments

Bob Cuadrado Pantalones Esponjosos

Mi primo vino de visita este fin de semana :o

Blog search

Friends

Chat

el_esponjoso
2008-07-03 01:19:32
:P :P :P :) :) :)
gonzalarcon
2008-07-02 23:30:22
ups, me equivoque con la barra de busqueda
gonzalarcon
2008-07-02 23:29:19
Bajar de Mega Upload
Yeney
2008-06-30 21:52:59
Esta super ok,,,, me gusta de veras, kissssssss
rogerquerol
2008-06-18 22:47:37
aa
Parteroner79
2008-06-04 14:51:01
gracias por enlazar a mi pagina esponjoso ;) saludos!