forked from apanzerj/Former-For-Zendesk
-
Notifications
You must be signed in to change notification settings - Fork 0
/
former.html
112 lines (111 loc) · 4.16 KB
/
former.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
<!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>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.20/themes/vader/jquery-ui.css"></link>
<style type="text/css">
#box_form > #zFormer > *, #page1.ui-widget-content{
font-size:12px;
margin-bottom:15px;
}
#box_form > #zFormer > p > label{
font-size:18px;
}
#box_form > #zFormer > p > input, #box_form > #zFormer > p > textarea{
width:300px;
}
#click2 {
position: fixed;
right: 0;
top: 50px;
display: block;
width: 25px;
height: 100px;
text-indent: -10000px;
background-color:black;
background-image: url('https://dl.dropbox.com/u/17101960/Supportv2.png');
overflow: hidden;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#box_form').dialog({
autoOpen: false,
height: 375,
width: 350,
modal: true,
title: 'Create Ticket',
buttons: [
{
text: "Cancel",
click: function() {
$(this).dialog("close");
}},
{
text: "Submit",
click: function() {
$('#zFormer').submit();
}}
]
});
$('#page1').dialog({
autoOpen: false,
height: 375,
width: 350,
modal: true,
title: "My Custom Feedback Tab",
buttons: [
{
text: "Cancel",
click: function() {
$(this).dialog("close");
}},
{
text: "Create Ticket",
click: function() {
$('#page1').dialog('close');
$('#box_form').dialog('open');
}}
]
});
$('#click2').click(function(e) {
$('#page1').dialog('open');
});
});
</script>
</head>
<body>
<div id="box_form">
<form id="zFormer" method="post" action="http://www.hoobydo.com/foo/former.php" name="zFormer">
<p>
<label for="z_name">Your Name:</label>
<input type="text" value="Adam Panzer" name="z_name" />
</p>
<p>
<label for="z_requester">Your Email Address: </label>
<input type="text" value="apanzer@zendesk.com" name="z_requester" />
</p>
<p>
<label for="z_subject">Subject: </label>
<input type="text" value="Who needs a subject?" name="z_subject" />
</p>
<p>
<label for="z_description">Description:
<textarea name="z_description">I have this pain in my knee.</textarea></label>
</p>
</form>
</div>
<div id="page1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lorem sem, dictum et facilisis quis, aliquam id nisi. Proin fermentum varius sapien, in varius leo pretium eu. Nunc pellentesque consequat libero id malesuada. Maecenas rhoncus, quam vel eleifend ultrices, lacus metus lacinia ipsum, a interdum turpis nunc ut odio. Suspendisse urna mauris, gravida non euismod nec, porta ut mi. Proin est est, tristique vitae gravida sed, vestibulum et purus. Sed pellentesque porttitor velit, et fermentum felis adipiscing sed. Nulla nisi nulla, condimentum a placerat et, posuere ac elit. Morbi in velit ut elit viverra facilisis quis in felis. Vivamus sed neque nulla, non dictum sapien. Proin hendrerit, ante eget vestibulum tincidunt, neque mi varius est, accumsan facilisis nulla ipsum sit amet sem. Quisque scelerisque fringilla tempor. Phasellus id dolor nec felis viverra dapibus sit amet et nisl. Etiam tincidunt, nibh sit amet fermentum hendrerit, nisl augue ultrices orci, et tincidunt ligula enim id felis.
</div>
<a href="#" id="click2">Click Here</a>
</body>
</html>