Ayuda:Botonera

De Wikipedia, la enciclopedia libre

Una botonera es un conjunto de botones que, una vez instalado en tu usuario, agrega funciones extra a la interfaz habitual de Wikipedia. Entre ellas, están la búsqueda en Wikipedia usando Google, consultar el diccionario de la RAE, insertar Weis (WikiEmotIconos) en tus comentarios, enlaces a páginas web, etcétera.

Requisitos[editar]

  • La mayoría de las botoneras funcionan bien con vector o monobook, que son las «pieles» por defecto (lo puedes ver en tus preferencias de usuario).
  • Es necesario que tu navegador tenga habilitada la funcionalidad de scripting (o guiones). Por cuestiones de seguridad, esta opción puede estar desactivada. Por ejemplo, en Internet Explorer, la seguridad de zona Alta (menú Herramientas → Opciones de Internet... → Seguridad) desactiva JavaScript y por ende las botoneras no se visualizan. Puedes verificar si tu navegador tiene habilitado el scripting en páginas como DOM Test Suite.

¿Cómo agregarla?[editar]

Método 1[editar]

Este método tiene la ventaja de que te permite personalizarla a tu gusto, especialmente si tienes conocimientos técnicos. Es muy sencillo:

  • Copia el código de la botonera JavaScript.
  • Pégalo en Especial:Mypage/skin.js
  • Para algunas versiones, tendrás que copiar código CSS en Especial:Mypage/skin.css
  • Puedes previsualizarlo, o grabar directamente.
  • Una vez grabado, deberás refrescar la caché de tu navegador, tal como te recomienda la página al grabarla.

Y ya está.

Método 2[editar]

Si no tienes intención de personalizar tu botonera, y solamente quieres utilizar una estándar, de tal forma que tengas las mejoras que se le hagan en cuanto se le hagan, puedes instalártela de esta forma:

mw.loader.load('/w/index.php?title=RUTA'
+  '&action=raw&ctype=text/javascript');

(sustituyendo «RUTA» por la dirección wiki de la página donde esté el código javascript, por ejemplo: «Usuario:Fulanito/monobook.js»).

@import "/w/index.php?title=RUTA&action=raw&ctype=text/css";

(sustituyendo «RUTA» por la dirección wiki de la página donde esté el código CSS, por ejemplo: «Usuario:Fulanito/monobook.css»).

Módulo matemático[editar]

Si quieres añadir más caracteres especiales a los botones que aparecen por debajo de los cuadros de edición, puedes agregar este módulo a tu botonera. El código viene con caracteres matemáticos, pero puedes cambiarlos por otros, o ampliarlo como quieras. Para instalarlo, basta con añadir el siguiente código al final de tu monobook.js (después del de tu botonera, si la tienes):

window.onload = loadButtonsMath;
var letrasraras="";
letrasraras+="<a href=\"javascript:insertTags(\'∈\',\'\','\')\">∈</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'→\',\'\','\')\">→</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'≠\',\'\','\')\">≠</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'ℕ\',\'\','\')\">ℕ</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'ℤ\',\'\','\')\">ℤ</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'ℚ\',\'\','\')\">ℚ</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'ℝ\',\'\','\')\">ℝ</a> ";

function loadButtonsMath() {
var cajaletrasraras = document.getElementById("editpage-copywarn");
if (cajaletrasraras) {
cajaletrasraras.innerHTML = letrasraras+""+cajaletrasraras.innerHTML;};
if (loadButtons) {loadButtons();};
}

Bookmarklets[editar]

Un bookmarklet (o "favelet") es un tipo de enlace especial que, tras ser agregado a tus marcadores (o favoritos), actúa sobre cualquier página que estés viendo, en vez de llevarte a otra distinta. Su instalación es sencilla:

  1. Crea un marcador nuevo (da igual a dónde).
  2. Cambia la ruta (URL) del marcador por el código del bookmarklet.

Para que hagan efecto, no tienes más que ir a la página en la que quieras utilizarlo y pulsar en el bookmarklet que has creado.

Ventajas:

  • Tu navegador no tendrá que cargar el código de la botonera cada vez que cargue una página, por lo que pueden ser muy útiles si tu conexión es lenta.
  • Puedes usarlos en otros proyectos de Wikimedia y en wikis que utilicen el mismo software (como EL), sin que sea necesario estar registrado.

Inconvenientes:

  • Deberás pulsar el enlace una vez por cada página en la que quieras usarlos.
  • No te serán muy útiles si no utilizas siempre el mismo ordenador, al tener que estar instalándolo cada vez.
  • Técnicamente están más limitados (principalmente, por el tamaño máximo del código).

¿Cómo convertir una botonera en un bookmarklet?[editar]

  1. Quita todos los "var " que haya al empezar una línea.
  2. Todas las cadenas de texto deben estar entre comillas simples ('), nunca dobles (").
  3. Debe aplicarse la función "void()" a toda asignación de valor a una variable. Por ejemplo, la línea "cosa+='buenos días';" pasa a ser "void(cosa+='buenos días');".
  4. Elimina todos los cambios de línea, para que todo el código quede en una única línea.
  5. Crea un marcador nuevo, y en la URL pon "javascript:" seguido por la línea de código que acabas de crear.

Posibles razones para que falle un bookmarklet[editar]

  • Todos los navegadores ponen un límite al tamaño de un bookmarklet; las últimas versiones de Internet Explorer solo permiten bookmarklets muy pequeñas. Mozilla u Opera permiten tamaños mucho mayores.
  • Has cometido algún error al convertir la botonera en bookmarklet.
  • Si no te funcionan las botoneras normales, tampoco te funcionará la versión bookmarklet.

Bookmarklets-botonera[editar]

Algunas botoneras convertidas en bookmarklets:

  • Botonera flotante (Comae):
javascript:function botoneraFlotante(){void(botones='<style type=\"text/css\">\n .botón {background-color:white; border:1px solid #aaaaaa; width:18px; height:16px; float:right; font-size:80%}\n .botónbusca {border:1px solid #4477aa; text-decoration:none; line-height:1.8; padding:1px}\n</style> <div class=\"botonera\" style=\"position:fixed; right:0px; z-index:3; font-size:13px; font-weight:900; text-align:center; width:20px\">'+creaBotón('Mapa de la ayuda', '?', 'http://es.wikipedia.org/wiki/Wikipedia:Mapa', '')+creaBotón('Zona de pruebas', '#', 'http://es.wikipedia.org/wiki/Wikipedia:Zona de pruebas', '')+creaBotón('Cartelera de acontecimientos', 'A', 'http://es.wikipedia.org/wiki/Wikipedia:Cartelera de acontecimientos', '')+creaBotón('WikiProyectos', 'WPr', 'http://es.wikipedia.org/wiki/Wikipedia:WikiProyecto', '')+creaBotón('Categoría:Mantenimiento', 'CM', 'http://es.wikipedia.org/wiki/Categoría:Wikipedia:Mantenimiento', ''));if (document.getElementById('editform')!=null) {void(botones+=creaBotón('WEI', '<code style=\"background:yellow\">:\)</code>', 'javascript:ponWEI()', 'background:yellow')+creaBotón('Alerta de copyright', '(C)', 'javascript:copyvio()', 'font-size:80%; padding:1px; line-height:1.7')+creaBotón('Redirección', '[R]', 'javascript:ponRedirect()', 'font-size:80%; padding:1px; line-height:1.7')+creaBotón('Respuestas rápidas', 'Re:', 'http://es.wikipedia.org/wiki/Wikipedia:Respuestas rápidas', 'font-size:80%; padding:1px; line-height:1.7'));}else{void(botones+=creaBotón('Comprobar estado de copyright', '(C)', 'http://www.copyscape.com/?q='+window.location));}void(botones+='</div>');void(toolbox = document.getElementById('content'));alert(toolbox);void(toolbox.innerHTML += botones);}function creaBotón(title, texto, destino, estilo){  return '<a href=\"'+destino+'\" style=\"text-decoration:none\"><div class=\"botón\" style=\"'+estilo+'\" title=\"'+title+'\">'+texto+'</div></a>';}function copyvio(){void(Qr='');if(!Qr){void(Qr=prompt('Motivo de la alerta:',''));}if(Qr)insertTags('{'+'{copyright}'+'}\'\'\'Motivo:\'\'\' '+Qr+'. {'+'{subst:CURRENTDAYNAME}'+'}, {'+'{subst:CURRENTDAY}'+'} de {'+'{subst:CURRENTMONTHNAME}'+'} de {'+'{subst:CURRENTYEAR}'+'}, {'+'{subst:CURRENTTIME}'+'}','','');}function ponWEI(){insertTags('<code style="background:yellow">','</code>','');}function ponRedirect(){insertTags('#REDIRECT [[',']]','');}botoneraFlotante(); 
  • Módulo de marcadores (Comae):
javascript:function marcadores(){void(botones='<div class=\"portlet\" style=\"border:1px solid gray; background:#fafafa; text-align:center\">'+marcadorCrea('Mapa de la ayuda', 'http://es.wikipedia.org/wiki/Wikipedia:Mapa')+marcadorCrea('Nueva portada', 'http://es.wikipedia.org/wiki/Wikipedia:Nueva portada')+marcadorCrea('Wikiproyecto ayuda', 'http://es.wikipedia.org/wiki/Wikipedia:WikiProyecto_Ayuda')+'</div>');void(personal = document.getElementById("p-personal"));void(personal.innerHTML += botones);}function marcadorCrea(texto, destino){  return '<p><p><p><a href=\"'+destino+'\" style=\"text-decoration:none; font-size:10.5px; display:block\">'+texto+'</a>';}marcadores();
  • Módulo de búsquedas (Comae):
javascript:function moduloBusqueda(){var btSearch = '<br /><div>';btSearch += buttonCode('Wikipedia, a través de Google', 'G', 'http://www.google.com/search?q=', '&btnG=B%FAsqueda+en+Google.com&domains=http://es.wikipedia.org&sitesearch=http://es.wikipedia.org&ie=iso-8859-1&oe=iso-8859-1');btSearch += buttonCode('Wikipedia en inglés', 'en', 'http://en.wikipedia.org/wiki/', '');btSearch += buttonCode('Enciclopedia Libre', 'EL', 'http://enciclopedia.us.es/index.php/', '');btSearch += buttonCode('Wikcionario', 'Wkc', 'http://es.wiktionary.org/wiki/', '');btSearch += buttonCode('Diccionario de la Real Academia Española', 'DRAE', 'http://buscon.rae.es/draeI/SrvltGUIBusUsual?TIPO_HTML=2&TIPO_BUS=2&LEMA=', '');btSearch += '<br />';btSearch += buttonCode('Websters dictionary en:. The Rosetta Edition.', 'Webster', 'http://www.websters-online-dictionary.org/definition/english/','.html');btSearch += buttonCode('Diccionario American Heritage (español-inglés inglés-español)', 'AH', 'http://ar.education.yahoo.com/search/ar?p=', '');var boxSearch = document.getElementById('searchform');if (boxSearch)  boxSearch.innerHTML += btSearch+'</div>';}function goSearch(inicio, fin){  var text = document.getElementById('searchInput');  window.open(inicio + escape(text.value) + fin);}function buttonCode(titulo, texto, inicio, fin){  return ' <a class=\"botónbusca\" href=\"javascript:goSearch(\''+inicio+'\', \''+fin+'\')\" title=\"'+titulo+'\">'+texto+'</a>';}moduloBusqueda();

Véase también[editar]