r2814 - + Updated demo to use canned select statements for positionable and target anchors.
Author: vtGavin
Date: Thu Jun 18 15:52:30 2009
New Revision: 2814
Modified:
branches/dev/positionTo/demos/positionTo/default.html
Log:
+ Updated demo to use canned select statements for positionable and target
anchors.
Modified: branches/dev/positionTo/demos/positionTo/default.html
==============================================================================
--- branches/dev/positionTo/demos/positionTo/default.html (original)
+++ branches/dev/positionTo/demos/positionTo/default.html Thu Jun 18
15:52:30 2009
@@ -32,15 +32,27 @@
background-color: #bcd5e6;
text-align: center;
}
+
+ select
+ {
+ margin-left: 15px;
+ }
</style>
<script type="text/javascript">
$(function() {
$('input#positionTo_button').bind('click', function(){
+ var positionableAnchor =
+ $('select#positionTo_positionableAnchor_vertical
option:selected').val() + ' '
+ + $('select#positionTo_positionableAnchor_horizontal
option:selected').val();
+ var targetAnchor =
+ $('select#positionTo_targetAnchor_vertical
option:selected').val() + ' '
+ + $('select#positionTo_targetAnchor_horizontal
option:selected').val();
+
$('div#positionTo_positionable').positionTo(
$('div#positionTo_parent')[0],
- $('input#positionTo_positionableAnchor').val(),
- $('input#positionTo_targetAnchor').val()
+ positionableAnchor,
+ targetAnchor
);
});
@@ -67,12 +79,32 @@
</div>
-<div style="padding: 20px; margin-top: 50px;">
+<div style="padding: 20px; margin-top: 75px;">
<div style="padding-bottom: 20px;">
- <b>positionable anchor:</b> <input id="positionTo_positionableAnchor"
type="text" value="top right" size="15"/>
+ <b>positionable anchor:</b>
+ <select id="positionTo_positionableAnchor_vertical">
+ <option value="top">top</option>
+ <option value="middle">middle</option>
+ <option value="bottom">bottom</option>
+ </select>
+ <select id="positionTo_positionableAnchor_horizontal">
+ <option value="left">left</option>
+ <option value="center">center</option>
+ <option value="right">right</option>
+ </select>
</div>
<div style="padding-bottom: 20px;">
- <b>target anchor:</b> <input id="positionTo_targetAnchor" type="text"
value="middle left" size="15"/>
+ <b>target anchor:</b>
+ <select id="positionTo_targetAnchor_vertical">
+ <option value="top">top</option>
+ <option value="middle">middle</option>
+ <option value="bottom">bottom</option>
+ </select>
+ <select id="positionTo_targetAnchor_horizontal">
+ <option value="left">left</option>
+ <option value="center">center</option>
+ <option value="right">right</option>
+ </select>
</div>
<div>
<input id="positionTo_button" type="button" value="Position"