Set key size, improve class names.

This commit is contained in:
Michael Jumper
2012-01-19 11:22:49 -08:00
parent 4482fc4530
commit 284932480c

View File

@@ -81,7 +81,7 @@ Guacamole.OnScreenKeyboard = function(url) {
// Create keyboard // Create keyboard
var keyboard = document.createElement("div"); var keyboard = document.createElement("div");
keyboard.className = "keyboard"; keyboard.className = "guacamole-keyboard";
// Retrieve keyboard XML // Retrieve keyboard XML
var xmlhttprequest = new XMLHttpRequest(); var xmlhttprequest = new XMLHttpRequest();
@@ -95,7 +95,7 @@ Guacamole.OnScreenKeyboard = function(url) {
function parse_row(e) { function parse_row(e) {
var row = document.createElement("div"); var row = document.createElement("div");
row.className = "row"; row.className = "guacamole-keyboard-row";
parseChildren(e, { parseChildren(e, {
@@ -110,9 +110,10 @@ Guacamole.OnScreenKeyboard = function(url) {
// Create element // Create element
var gap = document.createElement("div"); var gap = document.createElement("div");
gap.className = "gap"; gap.className = "guacamole-keyboard-gap";
gap.textContent = " "; gap.textContent = " ";
// Set gap size
if (gap_size) if (gap_size)
gap.style.width = gap.style.height = gap.style.width = gap.style.height =
parseFloat(gap_size.value) + "em"; parseFloat(gap_size.value) + "em";
@@ -128,9 +129,15 @@ Guacamole.OnScreenKeyboard = function(url) {
// Create element // Create element
var key = document.createElement("div"); var key = document.createElement("div");
key.className = "key"; key.className = "guacamole-keyboard-key";
key.textContent = "K"; key.textContent = "K";
// Set key size
if (key_size) {
key.style.width = parseFloat(key_size.value) + "em";
key.style.height = "1em";
}
parseChildren(e, { parseChildren(e, {
"cap": function cap(e) { "cap": function cap(e) {
@@ -164,7 +171,7 @@ Guacamole.OnScreenKeyboard = function(url) {
function parse_column(e) { function parse_column(e) {
var col = document.createElement("div"); var col = document.createElement("div");
col.className = "col"; col.className = "guacamole-keyboard-column";
var align = col.attributes["align"]; var align = col.attributes["align"];