0
Fitbank.css
Formulario Maestro
PreF7=function(){hola;};prueba=function(){chao;};texto1="Texto de prueba con asterisco";
Procesar
ES
00
areatexto,2,areatexto4,3,boton3,4,checkbox5chx,5,datosCF2,6,combo11,7,datos5,9,datos05,9,password1,f,valor1,h,valor2,h,resultado,h,combo2,7
ListaTabs
LTabs
Default,AreaTexto,Boton,CheckBox,ClonarFila,Combo,Cuadrado,Datos,Etiqueta,IFrame,Imagen,ListaTabs
50
930
25
2,3,4,5,6,7,8,9,a,b,c,d
8
ListaTabs
LTabs
Oculto,Password,RadioBoton,Cálculos,Funciones,Ventanas,ListaMenu
50
25
930
25
e,f,g,h,i,j,k
14
Etiqueta
EtiqFondo
( Este texto y las pestañas siempre estarán visibles por pertenecer al Tab=1 )
390
60
Boton
boton
50
60
alert(varError*14);
<== prueba para reportar error
notif_red.gif
Etiqueta
Elementos definidos con valores iniciales por default (no aparecen Cuadrado, ListaTabs, ListaMenu ni Oculto en estas condiciones) :
AreaTexto
areatexto
20
1
Boton
boton
200
20
CheckBox
checkbox
230
20
ClonarFila
260
20
3
Combo
BOTON
320
20
Cuadrado
EtiqFondo
360
20
30
20
Datos
datos
400
20
Etiqueta
etiqueta
560
20
IFrame
Boton
600
20
40
20
Imagen
imagen
620
20
50
60
jpg
noimage.GIF
ListaTabs
700
20
20
25
Oculto
oculto
O
Password
password
730
20
P
RadioBoton
radioboton
890
20
RadioBoton
radioboton
910
20
Imagen
Generador
50
20
877
360
jpg
Generador.png
AreaTexto
areatexto1
40
30
1
10
AreaTexto
areatexto2
400
Este campo NO corta las líneas de texto
25
7
AreaTexto
areatexto3
700
Este campo SI corta las líneas de texto
25
7
1
AreaTexto
areatexto4
40
180
Este contenido es NO modificable
40
1
0
AreaTexto
areatexto5
400
180
Este campo pone el texto de "Instrucciones" en la barra de estado cuando se coloca el mouse sobre él
68
2
1
*texto1
AreaTexto
EtiqL
areatexto6
40
260
Este campo tiene aplicado un estilo (EtiqL)
100
3
1
AreaTexto
EtiqM
areatexto7
40
320
Este campo tiene aplicado otro estilo (EtiqM)
100
3
1
AreaTexto
EtiqS
areatexto9
40
380
Este campo tiene aplicado otro estilo (EtiqS)
100
3
1
AreaTexto
EtiqFondo
areatexto8
40
440
Este campo tiene aplicado otro estilo (EtiqFondo)
100
3
1
Boton
boton1
MostrarTab('2');
Mostrar Todos
Boton
boton2
170
200
250
MostrarTab('c')
Carmina_150x200.jpg
Muestra el contenido del Tab de Imagen
Boton
Boton
boton3
400
Boton con Estilo
Este boton sólo muestra el efecto del estilo aplicado (Boton)
Boton
boton4
600
70
Carmina
Carmina_150x200.jpg
B
CheckBox
checkbox1
30
1
Este campo no tiene etiqueta y está chequeado inicialmente
Etiqueta
EtiqM
<----- Este campo ha sido diseñado sin etiqueta y chequeado inicialmente
30
30
CheckBox
checkbox2
50
30
Etiqueta normal al lado derecho
CheckBox
checkbox3
100
30
Etiqueta normal al lado izquierdo
I
CheckBox
checkbox4
150
30
Etiqueta con separación a la derecha
20
CheckBox
checkbox5
200
30
Etiqueta con separación a la izquierda
I
20
Etiqueta
EtiqM
Los siguientes campos tienen selección inicial y diferente estilo aplicado
300
30
CheckBox
EtiqL
checkbox6
330
30
1
estilo = EtiqL
CheckBox
EtiqM
checkbox7
200
330
30
1
estilo = EtiqM
CheckBox
EtiqS
checkbox8
400
330
30
1
estilo = EtiqS
CheckBox
EtiqFondo
checkbox9
600
330
30
1
estilo = EtiqFondo
Etiqueta
EtiqM
NOTA: La etiqueta en estos campos sirve para activarlos al hacer click sobre ella
400
30
Datos
datosCF1
50
10
Este campo será clonado hacia abajo por 5 veces
50
ClonarFila
400
10
5
Etiqueta
EtiqM
<--- Estos campos están clonados con Ventana de 5 y los campos adicionales sólo se
65
Etiqueta
EtiqM
clonan sobre el espacio de la ventana, pudiéndose desplazarlos con las flechas
27
85
Datos
datosCF3
50
10
Estos campos están clonados 5 veces y clonan 5 más
52
Etiqueta
EtiqM
Estos campos han sido clonados con Ventana de 5 con clonación máxima de 5 ----->
65
Etiqueta
EtiqM
y no pueden clonarse más. Por eso no presentan botones de desplazamiento
85
Datos
datosCF4
50
10
Este campo ha sido clonado 5 veces y no clona más
13213
43324
5435
gegr
50
Etiqueta
EtiqM
Las dos siguientes filas clonadas se han diseñado para que aparezcan sobre la misma línea
50
15
Datos
datosCF2
50
10
Este campo se clonará sobre si mismo por 5 veces
50
ClonarFila
400
10
5
Datos
datosCF5
50
10
Este campo está clonado sobre si mismo por 5 veces
52
Etiqueta
EtiqM
Estos combos tienen el mismo contenido pero diferente Selección (valor)
10
Combo
combo1
30
1,2,3,4,5
Valor 1,Valor 2,Valor 3,Valor 4,Valor 5
Etiqueta
EtiqM
Selección = vacío
55
Combo
combo2
300
30
3
1,2,3,4,5
Valor 1,Valor 2,Valor 3,Valor 4,Valor 5
Etiqueta
EtiqM
Selección = 3
300
55
Combo
combo3
600
30
4
1,2,3,4,5
Valor 1,Valor 2,Valor 3,Valor 4,Valor 5
Etiqueta
EtiqM
Selección = 4
600
55
Etiqueta
EtiqM
Estos combos tienen el mismo contenido con diferente Selección (valor) y se han declarado "no modificables"
10
Combo
combo10
30
1,2,3,4,5
Valor 1,Valor 2,Valor 3,Valor 4,Valor 5
0
Etiqueta
EtiqM
Selección = vacío
55
Combo
combo11
300
30
3
1,2,3,4,5
Valor 1,Valor 2,Valor 3,Valor 4,Valor 5
0
Etiqueta
EtiqM
Selección = 3
300
55
Combo
combo12
600
30
4
1,2,3,4,5
Valor 1,Valor 2,Valor 3,Valor 4,Valor 5
0
Etiqueta
EtiqM
Selección = 4
600
55
Etiqueta
EtiqM
Ejemplos de combos con Ancho (pixeles) definido y con Selección (valor)
10
Combo
combo4
30
50
Uno,Dos,Tres,Cuatro,Cinco
Primero,Segundo,Tercero,Cuarto,Quinto
Etiqueta
EtiqM
Selección = vacío / Ancho = 50
55
Combo
combo5
300
30
100
Cinco
Uno,Dos,Tres,Cuatro,Cinco
Primero,Segundo,Tercero,Cuarto,Quinto
Etiqueta
EtiqM
Selección = 5 / Ancho = 100
300
55
Combo
combo6
600
30
150
Uno
Uno,Dos,Tres,Cuatro,Cinco
Primero,Segundo,Tercero,Cuarto,Quinto
Etiqueta
EtiqM
Selección = 1 / Ancho = 150
600
55
Etiqueta
EtiqM
Otros ejemplos que modifican el ancho del combo (éste se adapta a la longitud de la opción más larga si Ancho=0)
10
Combo
combo77
30
1,2
Corto,Largo
Combo
combo7
60
1,2
Corto,Laaaaaaaaaaaaaaaaargo
Etiqueta
EtiqM
Selección = vacío
85
35
Combo
combo88
300
30
1
1,2
Corto,Largo
Combo
combo8
300
60
1
1,2
Corto,Laaaaaaaaaaaaaaaaargo
Etiqueta
EtiqM
Selección = 1
410
35
Combo
combo99
600
30
2
1,2
Corto,Largo
Combo
combo9
600
60
2
1,2
Corto,Laaaaaaaaaaaaaaaaargo
5
1
Etiqueta
EtiqM
Selección = 2
705
35
Cuadrado
LTabs
50
8
100
100
Cuadrado
Linea
220
6
80
80
Cuadrado
EtiqFondo
350
4
60
60
Cuadrado
fondo
450
2
40
40
Cuadrado
fondo2
530
20
20
Cuadrado
LTabs
50
120
600
5
Cuadrado
LTabs
645
5
120
Cuadrado
Linea
50
150
650
10
Cuadrado
Linea
695
10
160
Cuadrado
EtiqFondo
50
185
705
20
Cuadrado
EtiqFondo
750
20
205
Cuadrado
fondo
50
230
770
30
Cuadrado
fondo
820
30
260
Cuadrado
fondo2
50
285
850
40
Cuadrado
fondo2
900
40
325
Etiqueta
Todos estos elementos "Cuadrado" tienen aplicado un estilo con color de fondo para hacer visibles sus áreas definidas con ancho y altura
50
350
Etiqueta
EtiqL
Tipos de elementos Datos:
Datos
datos1
20
abcdefghijk01234 " $ %
*this.value
Datos
datos2
150
20
N,-2
1234567890
Tipo N (numérico)
Datos
datos3
300
20
F,DDDD D de MMMM YYYY HH:mm:ss
Tipo F (fecha con calendario)
Datos
datos4
450
20
D,dd-mm-yyyy
Tipo D (para ingreso con formato DD-MM-YYYY)
Password
datos5
600
20
P
Valor Inicial
Tipo P (ingreso oculto con código de asterisco *)
Datos
datos6
750
20
A
Tipo A (agrega botón para cargar un archivo)
Oculto
datos7
900
20
O
Tipo O (oculto)
Etiqueta
EtiqL
Longitud en el elemento Datos:
Datos
datos001
20
Longitud = 0
Permite ingresar un número indefinido de caracteres
Datos
datos002
150
20
L=8 -->|
8
Permite ingresar hasta 8 caracteres
Datos
datos003
300
20
L=10 -->|
10
Permite ingresar hasta 10 caracteres
Datos
datos004
450
20
Longitud = 20 -->|
20
Permite ingresar hasta 20 caracteres
Datos
datos005
600
20
Longitud = 30 -->|
30
Permite ingresar hasta 30 caracteres
Datos
datos006
750
20
Longitud = 40 --> --> -->|
40
Permite ingresar hasta 40 caracteres
Etiqueta
EtiqL
Ancho en el elemento Datos:
Datos
datos01
20
Ancho = 0
Datos
datos02
150
20
A. = 5
5
Datos
datos03
220
20
Ancho = 10
10
Datos
datos04
320
20
Ancho = 15
15
Datos
datos05
450
20
Ancho = 20
20
Datos
datos06
600
20
Ancho = 25
25
Datos
datos07
780
20
Ancho = 30
30
Etiqueta
EtiqL
Estilos en el elemento Datos:
Datos
CBox
datos0001
20
Estilo = CBox
Datos
CBoxSmall
datos0002
150
20
Estilo = CBoxSmall
Datos
CNum
datos0003
300
20
Estilo = CNum
Datos
CTxIzCapTrans
datos0004
450
20
Estilo = CTxlzCapTrans
Datos
CTxIzCp
datos0005
600
20
Estilo = CTxlzCp
Datos
CTxIzUp
datos0006
750
20
Estilo = CTxlzUp
Datos
NumBuscar
datos0009
Estilo = NumBuscar
Datos
NumFree1
datos0010
150
Estilo = NumFree1
Datos
Num
datos0008
300
Estilo = Num
Datos
CTxIzUpTrans
datos0007
450
Estilo = CTxlzUpTrans
Datos
NumSmall
datos0011
600
Estilo = NumSmall
Datos
TxIzUp
datos0012
750
Estilo = TxlzUp
Etiqueta
Etiqueta definida sin parámetros adicionales
Etiqueta
Etiqueta con enlace a este mismo Tab
400
javascript:MostrarTab('a')
Etiqueta
EtiqFondo
Etiqueta definida con estilo (EtiqFondo)
Etiqueta
EtiqFondo
Etiqueta con enlace a este mismo Tab y con estilo
400
javascript:MostrarTab('a')
Etiqueta
EtiqFondo
Etiqueta definida con estilo (EtiqFondo) y con ancho W=500
500
Etiqueta
EtiqFondo
Etiqueta definida con estilo (EtiqFondo), con ancho W=500 y texto adicional para mostrar su efecto (se corre el ancho)
500
Etiqueta
EtiqFondo
Etiqueta definida con estilo (EtiqFondo), con ancho W=500 y H=50
500
50
Etiqueta
EtiqFondo
estilo = EtiqFondo
Etiqueta
EtiqBuscar
estilo = EtiqBuscar
200
Etiqueta
EtiqL
estilo = EtiqL
400
Etiqueta
EtiqM
estilo = EtiqM
600
Etiqueta
EtiqS
estilo = EtiqS
800
Etiqueta
Etiqueta con enlace a "Default"
javascript:MostrarTab('2')
Etiqueta
Etiqueta con enlace a "ClonarFila"
40
javascript:MostrarTab('6')
Etiqueta
Etiqueta con enlace a "Cuadrado"
80
javascript:MostrarTab('8')
Etiqueta
Etiqueta con enlace a "Imagen"
120
javascript:MostrarTab('c')
Etiqueta
Etiqueta con enlace a Google
200
120
http://www.google.com
_self
IFrame
EtiqFondo
iframe1
700
140
html/decidir.html
Imagen
ImagenW150H200
150
200
jpg
Carmina_150x200.jpg
Etiqueta
( W=150 y H=200 )
220
Imagen
ImagenW100H200
200
100
200
jpg
Carmina_150x200.jpg
Etiqueta
( W=100 y H=200 )
200
220
Imagen
ImagenW150H100
350
150
100
jpg
Carmina_150x200.jpg
Etiqueta
( W=150 y H=100 )
350
220
Imagen
ImagenW150H0
550
150
jpg
Carmina_150x200.jpg
Etiqueta
( W=150 y H=0 )
550
220
Imagen
ImagenW0H200
750
200
jpg
Carmina_150x200.jpg
Etiqueta
( W=0 y H=200 )
750
220
Imagen
MostrarTab2
javascript:MostrarTab('2')
jpg
logo.png
Imagen
MostrarTab3
150
javascript:MostrarTab('3')
jpg
logo.png
Imagen
MostrarTab4
300
javascript:MostrarTab('4')
jpg
logo.png
Imagen
MostrarTab9
450
javascript:MostrarTab('9')
jpg
logo.png
Imagen
MostrarTaba
600
javascript:MostrarTab('a')
jpg
logo.png
Imagen
paginaNueva
800
http://www.google.com
_new
jpg
logo.png
Imagen
mismaPagina
800
50
http://www.google.com
_self
jpg
logo.png
Etiqueta
EtiqM
ListaTabs con estilo=LTabs (color=white / text-align=RIGHT / ...) :
ListaTabs
LTabs
Default,AreaTexto,Boton,CheckBox,ClonarFila,Combo,Cuadrado,Datos,Etiqueta,IFrame,Imagen
30
960
25
2,3,4,5,6,7,8,9,a,b,c
7
false;
tabV
Etiqueta
EtiqM
ListaTabs con estilo=LTabsC (color=white / text-align=CENTER / ...) :
80
ListaTabs
LTabsC
Default,AreaTexto,Boton,CheckBox,ClonarFila,Combo,Cuadrado,Datos,Etiqueta,IFrame,Imagen
110
960
25
2,3,4,5,6,7,8,9,a,b,c
8
Etiqueta
EtiqM
ListaTabs con estilo=LTabsIzq (color=white / text-align=LEFT / ...) :
160
ListaTabs
LTabsIzq
Default,AreaTexto,Boton,CheckBox,ClonarFila,Combo,Cuadrado,Datos,Etiqueta,IFrame,Imagen
190
960
25
2,3,4,5,6,7,8,9,a,b,c
8
Etiqueta
EtiqM
ListaTabs sin estilo :
240
ListaTabs
Default,AreaTexto,Boton,CheckBox,ClonarFila,Combo,Cuadrado,Datos,Etiqueta,IFrame,Imagen
270
960
25
2,3,4,5,6,7,8,9,a,b,c
12
Oculto
oculto1
O
Password
password1
P
RadioBoton
radioboton1
1
Etiqueta
EtiqM
<----- Este campo ha sido diseñado sin etiqueta y chequeado inicialmente. Pero su estado no puede cambiarse por ser único (no forma grupo con otros campos)
30
Etiqueta
EtiqM
Los siguientes campos forman un grupo con el mismo nombre (radioboton2) y ninguno tiene selección inicial
50
RadioBoton
radioboton2
80
Etiqueta normal al lado derecho
RadioBoton
radioboton2
110
Etiqueta normal al lado izquierdo
I
RadioBoton
radioboton2
140
Etiqueta con separación a la derecha
14
RadioBoton
radioboton2
170
Etiqueta con separación a la izquierda
I
14
Etiqueta
EtiqM
Los siguientes campos forman otro grupo con el mismo nombre (radioboton3) y sólo uno tiene selección inicial
220
RadioBoton
radioboton3
250
RadioBoton NO seleccionado
RadioBoton
radioboton3
200
250
1
RadioBoton seleccionado
RadioBoton
radioboton3
400
250
RadioBoton NO seleccionado
RadioBoton
radioboton3
600
250
RadioBoton NO seleccionado
Etiqueta
EtiqM
Los siguientes campos forman otro grupo con el mismo nombre (radioboton4) y todos tienen selección inicial (queda sólo el último seleccionado)
300
RadioBoton
radioboton4
330
1
RadioBoton seleccionado
RadioBoton
radioboton4
200
330
1
RadioBoton seleccionado
RadioBoton
radioboton4
400
330
1
RadioBoton seleccionado
RadioBoton
radioboton4
600
330
1
RadioBoton seleccionado
Etiqueta
EtiqM
Los siguientes campos forman otro grupo con el mismo nombre (radioboton5) y todos tienen diferente estilo aplicado
380
RadioBoton
EtiqL
radioboton5
410
estilo = EtiqL
RadioBoton
EtiqM
radioboton5
200
410
estilo = EtiqM
RadioBoton
EtiqS
radioboton5
400
410
estilo = EtiqS
RadioBoton
EtiqFondo
radioboton5
600
410
estilo = EtiqFondo
14
Etiqueta
EtiqM
NOTA: La etiqueta en estos campos sirve para activarlos al hacer click sobre ella
450
Etiqueta
Llene los campos de valor1 y valor2 para obtener la sumatoria en el campo Resultado
30
Etiqueta
Valor 1
100
50
Datos
valor1
200
50
N,2
Etiqueta
Valor 2
100
100
Datos
valor2
200
100
N,2
Etiqueta
Resultado
100
150
Datos
resultado
200
150
Etiqueta
EtiqL
Haga Doble click sobre el campo para abrir la Registradora
30
20
Datos
registradora
100
50
N,2
Haga Doble click para abrir la Registradora
ondblclick="register(this);"
Etiqueta
EtiqL
Haga Doble click sobre el campo para abrir la desglosadora de billete y moneda
30
20
Datos
desglosadora
100
50
N,2
Haga Doble click para abrir la desglosadora de billete y moneda
ondblclick="billmon(this);"
Etiqueta
EtiqL
Haga Doble click sobre el campo para abrir la Calculadora Financiera
30
20
Datos
financiera
100
50
N,2
Haga Doble click para abrir la Calculadora Financiera
ondblclick="CalcFinanciera(this);"
Etiqueta
EtiqL
Presione el botón después de llenar/cambiar el valor de los siguientes campos
Etiqueta
EtiqM
Ancho
10
30
Datos
ancho
100
30
N
200
Ponga ancho para ventana pop
Etiqueta
EtiqM
Alto
10
50
Datos
alto
100
50
N
25
Ponga altura para ventana pop
Etiqueta
EtiqM
Margen Izq.
10
70
Datos
mizq
100
70
N
380
Ponga desplazamiento a la derecha de la ventana
Etiqueta
EtiqM
margen Sup.
10
90
Datos
msup
100
90
N
380
Ponga desplazamiento para abajo de la ventana
Etiqueta
EtiqM
Texto
10
120
Datos
texto
100
120
Formulario Maestro
50
Ponga texto a publicar
Boton
ejecuta
100
150
pop(texto.value,ancho.value,alto.value,mizq.value,msup.value);
Ejecutar mensaje POP
Presione este botón para presentar la ventana POP con estos parámetros
ListaMenu
Producción
75
50
108
20
Maestro,Financiera,Registradora,Desglosadora
maestro.htm#J:finanz();#J:register();#J:billmon();
104
0,30
50,100
ListaMenu
Corporación
250
50
190
125
Acerca de Nosotros,Información de contacto,Trabajos,Shareholders,Precio de Stock
about.html#contact.html#jobs.html#corporate.html#J:alert('$2000')
165
11,30
50,100
ListaMenu
Enlaces
540
100
80
25
Partners,Buenos libros,W3C
partnerlinks.html#http://www.amazon.com#http://www.w3.org
140
11,30
50,100
qdf.resultado.value=parseFloat(qc(qdf.valor1.value),10)+parseFloat(qc(qdf.valor2.value),10); if(qdf.resultado.value=="NaN"){qdf.resultado.value="";} else{dc(qdf.resultado,2);} /* qdf.resultad_o1.value; qdf["resultado2"].value; qdf['resultado3'].value; document.forms.fb.resultado4.value; document.forms.fb["resultado5"].value; document.forms.fb['resultado6'].value; document.forms["fb"].resultado7.value; document.forms['fb'].resultado8.value; document.forms["fb"]["resultado9"].value; document.forms["fb"]['resultado10'].value; document.forms['fb']["resultado11"].value; document.forms['fb']['resultado12'].value; qdf.checkbox chx.checked=true; qdf.check box.value="14"; qdf.resultado.value; qdf.RESULTADO.value; val1="F"+num+"prueba"; qdf[val1].value=1; document.forms["fb"][val1].value; qdf['F' + fila2 + 'cpersona'].value=''; */