Usuario:Silvestre/botoneras

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

Código Genérico

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


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


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

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

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

la funcion de creacion de botones

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

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

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

Botonera 2

Para aplicación de plantillas:

1. Biocitas

2. Himno

3.

Botonera 3

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

1. Para autor (obras literarias de..)

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

Botonera 4

Botonera 5

Botonera 6

Botonera 7