forked from MarioRinaldi/rrjs
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
179 lines (164 loc) · 13 KB
/
index.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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RR.JS - Exemplos</title>
<link rel="stylesheet" type="text/css" media="screen" href="rr.css" />
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script type="text/javascript">
</script>
</head>
<body id="index">
<div id="content">
<div class="visualPadding">
<div id="header">
<div class="visualPadding">
<h1>Biblioteca Javascript RR</h1>
</div>
</div>
<div id="contentCenter">
<div class="visualPadding">
<div class="options">
<h2>Download:</h2>
<p><a href="rr.css" target="_blank">CSS</a> - <a href="rr.js" target="_blank">JS</a></p>
</div>
<div class="options">
<h2>rr.popupMessage:</h2>
<ul class="">
<li><span class="title">Simples (padrão)</span>
<a href="#" onclick="rr.popupMessage('Demonstração rr.popupMessage'); return false;">Exemplo</a>
-
<a href="#" onclick="main.showCode(this);" id="popupMessage_0_a">código</a>
<div id="popupMessage_0_div" class="code">
rr.popupMessage('Demonstração rr.popupMessage');
</div>
</li>
<li><span class="title">Título</span>
<a href="#" onclick="rr.popupMessage('Demonstração rr.popupMessage<br />com Título',{title: 'rr.popupMessage'}); return false;">Exemplo</a>
-
<a href="#" onclick="main.showCode(this);" id="popupMessage_1_a">código</a>
<div id="popupMessage_1_div" class="code">
rr.popupMessage('Demonstração rr.popupMessage<br />com Título',{title: 'rr.popupMessage'});
</div>
</li>
<li><span class="title">Largura Variável</span>
<a href="#" onclick="rr.popupMessage('Demonstração rr.popupMessage<br />com largura variavel',{width: '500'}); return false;">Exemplo</a>
-
<a href="#" onclick="main.showCode(this);" id="popupMessage_2_a">código</a>
<div id="popupMessage_2_div" class="code">
rr.popupMessage('Demonstração rr.popupMessage<br />com largura variavel',{width: '500'});
</div>
</li>
<li><span class="title">Altura Variável</span>
<a href="#" onclick="rr.popupMessage('Demonstração rr.popupMessage<br />com altura variavel',{height: '300'}); return false;">Exemplo</a>
-
<a href="#" onclick="main.showCode(this);" id="popupMessage_3_a">código</a>
<div id="popupMessage_3_div" class="code">
rr.popupMessage('Demonstração rr.popupMessage<br />com altura variavel',{height: '300'});
</div>
</li>
<li><span class="title">Título, Altura e Largura Variáveis</span>
<a href="#" onclick="rr.popupMessage('Demonstração rr.popupMessage<br />com altura e largura variaveis<br />e titulo',{title: 'rr.popupMessage', width: '500', height: '300'}); return false;">Exemplo</a>
-
<a href="#" onclick="main.showCode(this);" id="popupMessage_4_a">código</a>
<div id="popupMessage_4_div" class="code">
rr.popupMessage('Demonstração rr.popupMessage<br />com altura e largura variaveis<br />e titulo',{title: 'rr.popupMessage', width: '500', height: '300'});
</div>
</li>
<li><span class="title">Classe Auxiliar</span>
<a href="#" onclick="rr.popupMessage('Demonstração rr.popupMessage<br />com classe adicional',{auxClass: 'rrPopupMessageAux'}); return false;">Exemplo</a>
-
<a href="#" onclick="main.showCode(this);" id="popupMessage_5_a">código</a>
<div id="popupMessage_5_div" class="code">
rr.popupMessage('Demonstração rr.popupMessage<br />com classe adicional',{auxClass: 'rrPopupMessageAux'});
</div>
</li>
<li><span class="title">com função de Callback</span>
<a href="#" onclick="rr.popupMessage('Demonstração rr.popupMessage<br />com função de Callback', { okFunction: demo.okFunction } ); return false;">Exemplo</a>
-
<a href="#" onclick="main.showCode(this);" id="popupMessage_6_a">código</a>
<div id="popupMessage_6_div" class="code">
rr.popupMessage('Demonstração rr.popupMessage<br />com função de Callback', { okFunction: demo.okFunction } );
</div>
</li>
</ul>
</div>
<div class="options">
<h2>rr.popupOkCancel e rr.popupYesNo:</h2>
<p><a href="#" onclick="rr.popupOkCancel('Demonstração rr.popupOkCancel<br />com OK e Cancelar<br />e funções de Callback',{ cancelFunction: demo.cancelFunction, okFunction: demo.okFunction }); return false;">Exemplo com OK e Cancelar e funções de Callback</a></p>
<p><a href="#" onclick="rr.popupYesNo('Demonstração rr.popupYesNo<br />com Sim e Não<br />e funções de Callback',{ cancelFunction: demo.noFunction, okFunction: demo.yesFunction }); return false;">Exemplo com Sim e Não e funções de Callback</a></p>
</div>
<div class="options">
<h2>rr.popupFrame:</h2>
<p><a href="#" onClick="rr.popupFrame('./examples/ajx1.html'); return false;">Exemplo com DIV</a></p>
<p><a href="#" onClick="rr.popupFrame('./examples/ajx1.html', { width: 500, height: 100 } ); return false;">Exemplo com DIV, Largura e Altura</a></p>
<p><a href="#" onClick="rr.popupFrame('./examples/ajx2.html', { type: 'iframe' } ); return false;">Exemplo com Iframe</a></p>
<p><a href="#" onClick="rr.popupFrame('./examples/ajx3.html', { type: 'iframe', closeButton: 'no' } ); return false;">Exemplo com Iframe sem botão X</a></p>
<p><a href="#" onClick="rr.popupFrame('./examples/ajx1.html',{auxClass: 'rrPopupFrameAux'}); return false;">Exemplo com DIV e Classe Auxiliar</a></p>
</div>
<div class="options">
<h2>rr.createOverlay:</h2>
<p><a href="#" onclick="return rr.popupMessage('Demonstração rr.popupMessage', { overlay: {} }); return false;">Exemplo Simples com DIV</a></p>
<p><a href="#" onclick="return rr.popupMessage('Demonstração rr.popupMessage',{ auxClass: 'rrPopupMessageAux', overlay: {opacity: 60, color: '#CCCFFF'} }); return false;">Exemplo com DIV e Opacidade e Cor de Fundo Variáveis</a></p>
<p><a href="#" onClick="return rr.popupFrame('./examples/ajx1.html', { overlay: {} }); return false;">Exemplo com Frame</a></p>
<p><a href="#" onClick="return rr.createOverlay(null); return false;">Exemplo Somente com Overlay</a></p>
</div>
<div class="options">
<h2>rr.ajax.fetchArray:</h2>
<p><a href="#" onclick="rr.ajax.fetchArray('./examples/ajx4.html', { responseHandler: demo.displayArray }); return false;">Exemplo array simples e CSV (;)</a></p>
<p><a href="#" onclick="rr.ajax.fetchArray('./examples/ajx4a.html', { responseHandler: demo.displayArray, delimiter: '||' }); return false;">Exemplo com array simples e delimitador personalizado (||)</a></p>
</div>
<div class="options">
<h2>rr.ajax.fetchAssoc:</h2>
<p><a href="#" onclick="rr.ajax.fetchAssoc('./examples/ajx5.html', { responseHandler: demo.displayAssoc }); return false;">Exemplo array associativo e CSV (;)</a></p>
<p><a href="#" onclick="rr.ajax.fetchAssoc('./examples/ajx5a.html', { responseHandler: demo.displayAssoc, delimiter: '&', separator: '=>' }); return false;">Exemplo array associativo com delimitador e separador personalizados (& e =>)</a></p>
</div>
<div class="options">
<h2>rr.ajax.replaceContent:</h2>
<p><a href="#" onclick="rr.ajax.replaceContent('ajaxDemo1','./examples/ajx1.html'); return false;">Exemplo Simples</a></p>
<p><a href="#" onclick="rr.ajax.replaceContent('ajaxDemo1','./examples/_ajx1.html'); return false;">Simulação de erro</a>
<br /><div style="width: 200px; height: 50px; border: 1px solid black;" id="ajaxDemo1">Texto Original</div></p>
</div>
<div class="options">
<h2>rr.addBookmark:</h2>
<p><a href="#" onclick="rr.addBookmark(); return false;">Exemplo simples</a></p>
<p><a href="#" onclick="rr.addBookmark( { title: 'Teste Bookmark' } ); return false;">Exemplo com título personalizado</a></p>
<p><a href="#" onclick="rr.addBookmark( { location: 'http://www.renatorodrigues.com' } ); return false;">Exemplo com endereço personalizado (renatorodrigues.com)</a></p>
<p><a href="#" onclick="rr.addBookmark( { title: 'Site do Renato', location: 'http://www.renatorodrigues.com' } ); return false;">Exemplo com título e endereço personalizado (renatorodrigues.com)</a></p>
</div>
<div class="options">
<h2>rr.onlyNumbers e rr.formatField:</h2>
<p><label>Somente Números: </label> <input type="text" size="10" onkeydown="return rr.onlyNumbers(event);"></p>
<p><label>Formatação CPF: </label> <input type="text" size="12" onkeydown="return rr.onlyNumbers(event);" onchange="rr.formatField(this,'cpf');"></p>
<p><label>Formatação CNPJ: </label> <input type="text" size="12" onkeydown="return rr.onlyNumbers(event);" onchange="rr.formatField(this,'cnpj');"></p>
<p><label>Formatação IE: </label> <input type="text" size="12" onkeydown="return rr.onlyNumbers(event);" onchange="rr.formatField(this,'ie');"></p>
<p><label>Formatação CEP: </label> <input type="text" size="12" onkeydown="return rr.onlyNumbers(event);" onchange="rr.formatField(this,'cep');"></p>
<p><label>Formatação Tel: </label> <input type="text" size="12" onkeydown="return rr.onlyNumbers(event);" onblur="rr.formatField(this,'tel');"></p>
<p><label>Formatação Tel2: </label> <input type="text" size="12" onkeydown="return rr.onlyNumbers(event);" onblur="rr.formatField(this,'tel');"></p>
<p><label>Formatação Tel3: </label> <input type="text" size="12" onkeydown="return rr.onlyNumbers(event);" onblur="rr.formatField(this,'tel');"></p>
</div>
</div>
</div>
<div id="footer">
<div class="visualPadding">
<p> 2006-2010 © <a href="http://www.renatorodrigues.com" target="_blank">Renato Rodrigues</a> </p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="rr.js"></script>
<script type="text/javascript" src="main.js"></script>
<!-- google analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20156971-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- /google analytics -->
</body>
</html>