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
|
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
CodeFile="Map.aspx.cs" Inherits="C1SuperPanel_Map" %>
<%@ Register Assembly="C1.Web.UI.Controls.2" Namespace="C1.Web.UI.Controls.C1SuperPanel"
TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="DescriptionPlaceHolder1" runat="Server">
Use the JavaScript API to scroll to any position of the panel. The API can be called by specifying (X,Y) coordinates, an (X,Y) offset from the current position or a DOM element to target.
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<style type="text/css">
.overlayer
{
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: transparent url(images/burned.png) no-repeat scroll;
position: absolute;
}
</style>
<script language="javascript" type="text/javascript">
function navTo(x, y) {
var scroll = $find('<%=C1SuperPanel1.ClientID %>');
scroll.get_panelBehavior().scrollTo(x, y);
}
function addLayer() {
var layer = $(".overlayer");
$(".C1spnl-c1pirate-TemplateOuterWrapper").after(layer);
layer.fadeIn(3000);
}
</script>
<img src="Images/mapicon_chest_64x64.png" onclick="navTo(550,415)" />
<img src="Images/mapicon_x_64x64.png" onclick="navTo(575,267)" />
<img src="Images/mapicon_compass_64x64.png" onclick="navTo(100,650)" />
<img src="Images/mapicon_lake_64x64.png" onclick="navTo(290,300)" />
<img src="Images/mapicon_mountains_64x64.png" onclick="navTo(760,510)" />
<img src="Images/mapicon_palmtrees_64x64.png" onclick="navTo(635,600)" />
<img src="Images/mapicon_ship_64x64.png" onclick="navTo(2000,537)" />
<img src="Images/mapicon_skull_64x64.png" onclick="navTo(2000,120)" />
<cc1:C1SuperPanel runat="server" ID="C1SuperPanel1" VisualStyle="C1Pirate" VisualStylePath="~/VisualStyles/"
UseEmbeddedVisualStyles="false" PanelBehaviorSettings-AllowResize="false" Width="720px" Height="400px">
<ContentTemplate>
<img src="Images/map_2000x1200.jpg" width="2000px" height="1200px" />
</ContentTemplate>
<PanelBehaviorSettings OnClientInitialized="addLayer">
<HScroller Visibility="Always" Value="0" Maximum="100" SmallChange="10" Mode="Buttons" />
<VScroller Visibility="Always" Value="0" Maximum="100" SmallChange="10" Mode="Buttons" />
</PanelBehaviorSettings>
</cc1:C1SuperPanel>
<div class="overlayer" style="display: none">
</div>
<br /><br /><br /><br />
<br /><br />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ControlOptionsHolder1" runat="Server">
</asp:Content>
|