-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_sp.html
61 lines (54 loc) · 3.74 KB
/
index_sp.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>TRYON FRAMEWORK</title>
<link rel="shortcut icon" href="favicon.ico">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" />
<script src="scripts/tryonframework.js"></script>
</head>
<style>
body {background:#acf;}
.divtitle {font:italic bold 6vmin verdana;color:#fff;padding:0% 1%;text-shadow: 2px 2px #000;}
.divtext {font:bold 2.5vmin verdana;color:#000;}
.divautor {font:bold 2vmin verdana;color:#00a;float:right;padding:1%;}
.dividioma {font:bold 1.5vmin verdana;float:right;}
.divcode {font:bold 2vmin verdana;color:#a00;background:#cff;padding:5px 0px 0px 50px;}
.botones {font:2vmin verdana;padding:1%;}
a {color:#f00;}
</style>
<body>
<div class='dividioma'><a href='index.html'>English</a></div>
<div class='divtitle'>Tryon Framework</div>
<div class='divtext'>
Es un interfase de documento múltiple (MDI) diseñado para ser usado en páginas web (si, en HTML: php, .net, Java). Lo he hecho de uso sencillo.<br/>
<br/>
Las ventanas creadas son movibles, se pueden cambiar de tamaño y se pueden apilar una sobre otra. Al seleccionar una ventana ésta se posiciona adelante.
Puedes abrir tantas ventanas como necesites. Cada una es una página independiente. Soporta pantallas táctiles. Probado en Chrome, Firefox, Opera y IE.<br/>
PRE-REQUISITOS: Necesitas incluir jquery y jqueryUI en la página para que funcione.<br/>
<br/>
<i>Como usar el Framework Tryon:</i><br/>
<br/>
a) Poner en la sección header las líneas necesarias para incluir jquery y jqueryUI (como usualmente harías):<br/>
<div class='divcode'><script src="http://code.jquery.com/jquery-latest.min.js"></script></div>
<div class='divcode'><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> </div>
<div class='divcode'><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" /></div>
<br/>
b) Incluye el framework: <a href='scripts/tryonframework.js'>descárgalo de aquí</a> <br/>
<div class='divcode'><script src="scripts/tryonframework.js"></script></div>
<br/>
c) Y ya está! Para abrir una ventana MDI, llamar a la función de la siguiente manera:<br/>
<div class='divcode'>// top.popup(texto_tu_URL,texto_titulo,numero_izquierda,numero_arriba,numero_alto,numero_ancho);</div>
<div class='divcode'>top.popup('demo.html','titulo de la ventana',100,100,300,400);</div>
<br/>
d)Ejemplos:<br/>
<div class='divcode'>
<input class='botones' type='button' onclick="top.popup('demo.html','ventana titulo 1',100,100,300,400);" title="top.popup('demo.html','ventana titulo 1',100,100,300,400);" value="MDI tamaño 1" >
<input class='botones' type='button' onclick="top.popup('demo.html','ventana titulo 2',320,400,200,400);" title="top.popup('demo.html','vntana titulo 2',320,400,200,400);" value="MDI tamaño 2" >
<input class='botones' type='button' onclick="top.popup('demo.html');" title="top.popup('demo.html');" value="MDI tamaño 3 (Sin parámetros)" >
</div>
</div>
<div class='divautor'>AUTOR: Grenville Francis Tryon Pera <a href='mailto:gtryonp@hotmail.com'>gtryonp@hotmail.com</a></div>
</body>
</html>