or
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>River Stage Info</
title
>
<
style
type
=
"text/css"
>
dl.RiverStageInfo
{
border-style: solid;
}
.RiverStageInfo dt
{
float: left;
width: 100px;
}
.RiverStageInfo li
{
display: table-cell;
margin: 5;
width: 70px;
border-left-style: solid;
}
.RowItem ul
{
list-style-type: none;
border-top-style: solid;
margin: 0;
}
.CellHeader ul
{
margin: 0;
list-style-type: none;
}
</
style
>
</
head
>
<
body
>
<
div
data-role
=
"view"
id
=
"RiverStage"
data-layout
=
"mobile-tabstrip"
>
<
dl
class
=
"RiverStageInfo"
>
<
dt
> </
dt
>
<
dd
class
=
"CellHeader"
>
<
ul
>
<
li
>River Mile</
li
>
<
li
>Normal Ft</
li
>
<
li
>Current Ft</
li
>
</
ul
>
</
dd
>
<
dt
>Coney Island</
dt
>
<
dd
class
=
"RowItem"
>
<
ul
>
<
li
class
=
"RiverMile"
>459.1</
li
>
<
li
class
=
"NormalFt"
>50</
li
>
<
li
class
=
"CurrentFt"
>52</
li
>
</
ul
>
</
dd
>
<
dt
>Island One</
dt
>
<
dd
class
=
"RowItem"
>
<
ul
>
<
li
class
=
"RiverMile"
>500.1</
li
>
<
li
class
=
"NormalFt"
>50</
li
>
<
li
class
=
"CurrentFt"
>44</
li
>
</
ul
>
</
dd
>
<
dt
>Second Island</
dt
>
<
dd
class
=
"RowItem"
>
<
ul
>
<
li
class
=
"RiverMile"
>200.1</
li
>
<
li
class
=
"NormalFt"
>50</
li
>
<
li
class
=
"CurrentFt"
>22</
li
>
</
ul
>
</
dd
>
</
dl
>
</
div
>
</
body
>
</
html
>
var
newDiv = $(document.createElement(
'div'
));
newDiv.html(
'<p><span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>Are you sure you want to move the item: '
+ title +
' </p>'
);
newDiv.dialog( {
autoOpen:
true
,
width: 600,
buttons: {
"Save"
:
function
() {
$(
this
).dialog(
"close"
);
},
"Cancel"
:
function
() {
$(
this
).dialog(
"close"
);
e.setValid =
false
;
}
}
});