Usuario:Silvestre/botoneras

De Wikisource, la biblioteca libre.
Ir a la navegación Ir a la búsqueda

Iré creando diferentes tipos de botoneras para los diferentes tipos de ...

Código Genérico[editar]

Código genérico: Crea el cuadro, los estilos css y los botones[editar]


function botoneraFlotante()
{
//incluye estilos css
var botones='<style type="text/css">\n
 .botón { background-color:white;border:1px solid #e1eAee; width:20px; height:18px; float:left; font-size:80%; padding:0px; line-height:1.7 }\n
 .botónbusca {padding:2px;margin:2px;border:outset 2px lightgrey;background:silver; text-decoration:none;}\n
</style> 

<div class="botonera" style="position:fixed; bottom:100px; left:120px; z-index:3; font-size:13px; font-weight:900; text-align:center; width:45px; float:right">';

----
//Estos botones no se muestran si no se está editando:
if (document.getElementById("editform")!=null) {
botones+=creaBotón("Guarda......
--//--
}
else {
botones+=cre....

Botón definido: Para crear el botón[editar]


botones+=creaBotón("Previsualizar", "<div style=\"background-color:#4169E1;color:#87CEFA\">P</div>", "javascript:preview()","");



Código genérico: Carga el cuadro(completo) en la página [editar]

.....--//-- 
botones+='</div>'

<!--var toolbox = document.getElementById("contentTop");-->
var toolbox = document.getElementById("column-one");
toolbox.innerHTML += botones;
}

la funcion de creacion de botones[editar]

function creaBotón(title, texto, destino, estilo){<br />
  return '<a href="'+destino+'" style="text-decoration:none"><div class="botón" style="'+estilo+'" title="'+title+'">'+texto+'</div></a>';
}

Función ejemplo: Acción de botones[editar]

function category()
{
Qr='';
if(!Qr){
   void(Qr=prompt('Category:',''));
       }
if(Qr)insertTags('[[Categoría:'+Qr+']]','','');
}

funciones empleadas:

prompt(); definida por el sistema. Nos abre un cuadro de introducción de datos.
Parametros= Texto informativo, Valor predeterminado
insertTags()

Botonera 1[editar]

Para edición de textos:

  • PÁRRAFOS
1. Alineación derecha
2. Aplicación del estilo Parrafo
  • FUENTES
3. Subrayado
4. negrita + Subrayado
5. negrita + cursiva
  • CLASES CSS
6. Poem (es una tag)
7. verse
8. prose

code[editar]

Botonera 2[editar]

Para aplicación de plantillas:

1. Biocitas
2. Himno
3.

Botonera 3[editar]

Creación automática de documentos o categorías.

1. Para autor (obras literarias de..)

crea << Autor: [[LinkDeAutor]][[Categoría:Literatura por autor]]