forked from fieldOfView/krpano_fovplugins
-
Notifications
You must be signed in to change notification settings - Fork 0
/
plugin.html
196 lines (195 loc) · 12.6 KB
/
plugin.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!-- krpano plugin page template -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="format-detection" content="telephone=no" />
<title>krpano.com - Plugins - fieldOfView Plugins - textfieldex</title>
<link rel="stylesheet" type="text/css" media="screen" href="http://krpano.com/design/design.css"/>
<link rel="stylesheet" type="text/css" media="print" href="http://krpano.com/design/print.css"/>
<link rel="SHORTCUT ICON" href="http://krpano.com/design/shortcut.ico"/>
</head>
<body>
<div id="krpano_root">
<div id="krpano_headerwrapper">
<div id="krpano_header">
<div id="krpano_langsel"> </div>
<div id="krpano_mainmenu"> </div>
</div>
</div>
<div>
<div id="krpano_imagebar"></div>
<div id="krpano_logo"></div>
</div>
<div id="krpano_imagebar_space"></div>
<div id="krpano_contentwrapper">
<div id="krpano_content">
<div id="krpano_contentnav">
<h2><a href="/krpano_fovplugins" class="selflink">fovplugins</a></h2>
<p>This is the staging area for the fieldOfView plugins for krpano. A copy of these pages is included on krpano.com. The pages in this staging area may be newer than the respective pages on krpano.com.</p>
<ul>
<li><a href="http://krpano.com/plugins/userplugins/fieldofview">offical krpano.com pages</a></li>
<li><a href="https://github.com/fieldofview/krpano_fovplugins">source repository</a></li>
</ul>
</div>
<a name="top"></a>
<div id="krpano_contenttext">
<!-- USER CONTENT STARTS HERE -->
<h1>Extended Textfield Plugin <span class="pluginfilename">textfieldex</span>
<span class="flashhtml5">for Flash</span>
<div class="pluginautor">by Aldo Hoeben - <a href="http://fieldofview.com">fieldofview.com</a></div>
</h1>
<div class="paragraph">
<h2><a name="description" href="#description" class="selflink">Description</a></h2>
<p>A drop-in replacement for the textfield.swf krpano plugin with extended capabilities. It is based on the textfield.swf sources distributed with the krpano viewer package, and inherits all of its functionality. See the <a href="http://krpano.com/plugins/textfield/">original documentation</a> for general use information. This page only documents the extended functionality.</p>
<p>You may rename the plugin to textfield.swf and use it instead of
the stock version, but note that this functionality is not available
for the builtin textfield of the HTML5 viewer.</p>
</div>
<div class="paragraph">
<h2><a name="download" href="#download" class="selflink">Download</a></h2>
<div class="dlitem"> <a href="http://fieldofview.github.com/krpano_fovplugins/textfieldex.swf">textfieldex.swf</a> <small>(plugin only)</small></div>
<p>The textfieldex <a href="https://github.com/fieldOfView/krpano_fovplugins/tree/master/textfieldex">sources and examples</a> are available as part of the fovplugins package</p>
<div class="dlitem"> <a href="https://github.com/fieldOfView/krpano_fovplugins/zipball/master">fovplugins.zip</a> <small>(plugin, source code & examples)</small><br/>
</div>
</div>
<div class="paragraph">
<h2><a name="forum" href="#forum" class="selflink">krpano Forum Discussion Thread</a></h2>
<a href="http://krpano.com/forum/wbb/index.php?page=Thread&threadID=7495">Extended Textfield Plugin Thread</a> </div>
<div class="paragraph">
<h2><a name="syntax" href="#syntax" class="selflink">Syntax / XML Usage Example</a></h2>
<pre class="xmlpre"><<a href="http://krpano.com/docu/xml/#plugin">plugin</a> <a href="http://krpano.com/docu/xml/#plugin.name">name</a>="textfieldex"
<a href="http://krpano.com/docu/xml/#plugin.url">url</a>="textfieldex.swf" <a href="http://krpano.com/docu/xml/#plugin.alturl"></a>
<a href="http://krpano.com/docu/xml/#plugin.keep">keep</a>="true"
/></pre>
</div>
<div class="paragraph">
<h2><a name="attributes" href="#attributes" class="selflink">Added Plugin Attributes</a></h2>
<dl>
<dt><a name="text" href="#text" class="selflink">text</a></dt>
<dd> Set and/or read pure text, without HTML tags.<br>
values: text content without HTML tags</dd>
<dt><a name="scaletext" href="#scaletext" class="selflink">scaletext</a></dt>
<dd> Scale text/fontsize with plugin/hotspot.<br>
values: true/false, default: false </dd>
<dt><a name="autosizemargin" href="#autosizemargin" class="selflink">autosizemargin</a></dt>
<dd> Adds a margin to the bottom of the background when autosize="true".<br>
values: >0, default: 4</dd>
<dt><a name="autowidth" href="#autowidth" class="selflink">autowidth</a></dt>
<dd> Automatically adjust the width of the background when multiline="false".<br>
values: true/false, default: false </dd>
<dt><a name="autowidthmargin" href="#autowidthmargin" class="selflink">autowidthmargin</a></dt>
<dd> Adds a margin to the right of the background when autowidth="true".<br>
values:>0, default: 4</dd>
<dt><a name="multiline" href="#multiline" class="selflink">multiline</a></dt>
<dd> Determine if all text should be rendered on a single line.<br>
values: true/false, default: true </dd>
<dt><a name="editable" href="#editable" class="selflink">editable</a></dt>
<dd> Makes the textfield editable.<br>
values: true/false, default: false </dd>
<dt><a name="password" href="#password" class="selflink">password</a></dt>
<dd> Hides the typed characters for editable text.<br>
values: true/false, default: false</dd>
<dt><a name="onsubmit" href="#onsubmit" class="selflink">onsubmit</a></dt>
<dd> Actions / function that will be called when the user presses enter in an editable, non-multiline textfield.<br>
values: function or action-name </dd>
<dt><a name="quality" href="#quality" class="selflink">quality</a></dt>
<dd> Enhanced render quality for text and border.<br>
values: normal/high, default: normal</dd>
<dt><a name="borderalpha" href="#borderalpha" class="selflink">borderalpha</a></dt>
<dd> Set the alpha of the border.<br>
values: 0-1, default: 1 </dd>
<dt><a name="borderjoints" href="#borderjoints" class="selflink">borderjoints</a></dt>
<dd> Set the shape of the border joints.<br>
values: miter/round/bevel, default: round </dd>
<dt><a name="glowalpha" href="#glowalpha" class="selflink">glowalpha</a></dt>
<dd> Set the alpha of the rendered glow around the plugin/hotspot.<br>
values: 0-1, default: 1 </dd>
<dt><a name="shadowangle" href="#shadowangle" class="selflink">shadowangle</a></dt>
<dd> Set the angle of the rendered shadow around the plugin/hotspot.<br>
values: 0-360, default: 45 </dd>
<dt><a name="shadowcolor" href="#shadowcolor" class="selflink">shadowcolor</a></dt>
<dd> Set the color of the rendered shadow around the plugin/hotspot.<br>
values: hex color, default: 0x000000</dd>
<dt><a name="shadowalpha" href="#shadowalpha" class="selflink">shadowalpha</a></dt>
<dd> Set the alpha of the rendered shadow around the plugin/hotspot.<br>
values: 0-1, default: 1 </dd>
<dt><a name="shadowblur" href="#shadowblur" class="selflink">shadowblur</a></dt>
<dd> Set the blur amount of the rendered shadow around the plugin/hotspot.<br>
values: >0, default: 0 </dd>
<dt><a name="textglowalpha" href="#textglowalpha" class="selflink">textglowalpha</a></dt>
<dd> Set the alpha of the rendered glow around the text.<br>
values: 0-1, default: 1</dd>
<dt><a name="textshadowangle" href="#textshadowangle" class="selflink">textshadowangle</a></dt>
<dd> Set the angle of the rendered shadow around the text.<br>
values: 0-360, default: 45</dd>
<dt><a name="textshadowcolor" href="#textshadowcolor" class="selflink">textshadowcolor</a></dt>
<dd> Set the color of the rendered shadow around the text.<br>
values: hex color, default: 0x000000</dd>
<dt><a name="textshadowalpha" href="#textshadowalpha" class="selflink">textshadowalpha</a></dt>
<dd> Set the alpha of the rendered shadow around the text.<br>
values: 0-1, default: 1</dd>
<dt><a name="textshadowblur" href="#textshadowblur" class="selflink">textshadowblur</a></dt>
<dd> Set the blur amount of the rendered shadow around the text.<br>
values: >0, default: 0</dd></dl></div>
<div class="paragraph">
<h2><a name="example" href="#example" class="selflink">Example</a></h2>
<script>
function showexample()
{
var iframe = '<iframe id="ccexample" name="ccframe" src="examples/console.html" width="100%" height="300" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
document.getElementById("example").innerHTML = iframe;
}
</script>
<div id="example" onclick="showexample();" style="width:100%;height:300px;color:white;background-color:black;border:1px solid gray;cursor:pointer;">
<table width="100%" height="100%" style="color:white;">
<tr valign="middle">
<td><center>
<b>CLICK TO VIEW EXAMPLE</b>
</center></td>
</tr>
</table>
</div>
</div>
<div class="paragraph">
<h2><a name="license" href="#license" class="selflink">License</a></h2>
<p><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="CC-BY-3.0" width="88px" height="31px" hspace="8" border="0" align="right"></a> The plugin can be used free of charge, in commercial or non-commercial applications. The source code is available under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution</a> license.</p>
<p>In a nutshell, this means you are free to use the software and its source code in your projects. If you use the source code in another software project, you are required to add attribution to the author(s). You are encouraged to share the your source code under a similar fashion, but it is not a requirement.</p>
<p><form action="https://www.paypal.com/cgi-bin/webscr" method="post" style="float:right;margin:0 8px;">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="KZEYXA3FSY6PQ">
<input type="image" src="http://files.fieldofview.com/paypal-donate-button.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110401-1/en_US/i/scr/pixel.gif" width="1" height="1">
</form> If you use the plugins regularly, you may consider making a donation so I can afford to continue making these plugins and making them available.</p>
</div>
<!-- USER CONTENT ENDS HERE -->
</div>
</div>
</div>
<div id="krpano_footerwrapper">
<div id="krpano_footer">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="right">Copyright © 2011 krpano.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Piwik -->
<script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://logs.fieldofview.com/" : "http://logs.fieldofview.com/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try {
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 4);
piwikTracker.trackPageView();
piwikTracker.enableLinkTracking();
} catch( err ) {}
</script><noscript><p><img src="http://logs.fieldofview.com/piwik.php?idsite=4" style="border:0" alt="" /></p></noscript>
<!-- End Piwik Tracking Code -->
</body>
</html>