FAQ, tips, trucos y tweaks de Opera

De todo un poco sobre Opera

Subscribe to RSS feed

Posts tagged with "JavaScript"

Sticky post

Las Preguntas más frecuentes sobre Opera 9

, , , ...

Opera 9 FAQ (post original)


ACTUALIZADO NOVIEMBRE 2008

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 mayor claridad los conceptos relacionados con Opera que se toparán en este documento.

Para leer más haz click en:

Read more...

Sticky post

Definiciones Importantes relacionadas con Opera

, , , ...

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.

ACTUALIZADO NOVIEMBRE 2008

Para acceder a las definiciones haz click en:

Read more...

Opciones de formato con gestos (smilies) animados para el campo de comentario o post rápido (quick reply) en My Opera

, , , ...

Formatting tools with animated smilies in My Opera quick reply/comment/reply to PM (post original)


Si no sabes lo que son los userscripts, mira las preguntas 53 y 54 del FAQ de Opera

Este userscript fue creado originalmente por Ayushj y mostrado en un tema del foro de User JavaScript de MyOpera.

Tiene como característica esencial añadir opciones de formato como (b,i,u,align,list,url,font,color,etc...) al campo de comentario/respuesta rápida igual que los mostrados para un post o respuesta normal de MyOpera.

También soporta atajos de teclado: CTRL + B (negrilla), CTRL + I (itálica), etc.

Tamil le ha añadido al userscript original unos 33 smilies más.
Ejemplo:

Dance smiley

Descarga el userscript my.opera-quick-reply.js

Adicionalmente puedes añadir tus propios smilies o gestos editando el userscript con un editor de textos como NoteTab Light y cambiando las siguientes líneas:

MySmilies= 0; //-- Cambialo a 1 si deseas utilizar tus propios smilies

MySmiliesBase="http://files.myopera.com/"// Ruta a la carpeta que contiene los smilies

var MySmiliesList={
// Añade tus smilies debajo. Ejemplo:"Smiley1": 'Smiley1.gif',"Smiley2": 'Smiley2.gif',"Smiley3": 'Smiley3.gif'
}



Opciones de formato con gestos animados en el campo comentario de un blog de MyOpera.

Notas:
  • Este userscript sólo funciona en Opera (obvio).
  • No puedes tener smilies animados en la misma línea que los de MyOpera.

Silverlight en Opera

, , , ...

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 irked ), 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
  1. Descarga e instala Silverlight
  2. Copia los archivos DLL de "C:\Archivos de programa\Microsoft Silverlight" a "C:\Archivos de programa\Opera\program\plugins"
  3. Descarga silverlight.js a tu carpeta de userscripts.
  4. Reinicia Opera
  5. 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

¿Cómo crear búsqueda con dos parámetros en 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=%27+s1[0]+%27&q=%27+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=%27+s1[0]+%27&q=%27+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=%27+s1[0]+%27&daddr=%27+s2;



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

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

, ,

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.

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

, , , ...

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:
  1. 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.
  2. 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');

Descargar videos de YouTube, DailyMotion y otros portales de video

, , , ...

ACTUALIZADO NOVIEMBRE 2008 . 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. . Luego ve a la página del video en YouTube y haz click en el bookmarklet el cual te dirige a una pequeña página que contiene el enlace para descargar el video. Después que lo hayas descargado, añádele 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 derecho está la página que ofrece el servicio de descarga del video y en lado izquierdo el boton para Opera que se sirve del servicio):

. 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 y Bizarro) Otro método muy fácil para descargar videos de Youtube y que sirve para todos los navegadores y no solo Opera 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. Una página destacada es: http://vixy.net/ , escribes la dirección del video de 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 Otra páginas recomendadas son: http://www.bajaryoutube.com y http://www.acedownloader.com/ , solo realizas un reemplazo de la dirección del video en Youtube, de
http://www.youtube.com/watch?v=J7JmsMMIR4Y
a
http://www.bajaryoutube.com/watch?v=J7JmsMMIR4Y
o
http://www.acedownloader.com/watch?v=J7JmsMMIR4Y
entonces se te redirigirá a una página con el enlace de descarga del video o se te presentará directamente el dia´logo de descarga, después de descargar debes renombrar el video añadiendo la extensión .flv o .mp4 según sea el caso. . 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:

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

, , , ...

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