poll.html
2.3 KB
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
{% extends "topic/index.html" %}
{% load i18n %}
{% block style %}
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
{% endblock %}
{% block content %}
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-hand-right"></span> Question?</h3>
</div>
<div class="container-fluid">
<form id="form" class="" action="" method="post">
<div class="row form-group">
<div class="col-md-1">
</br>
<label><span class="glyphicon glyphicon-menu-hamburger"></span></label>
</div>
<div class="col-md-10">
<div class="form-control-md has-success is-empty">
<input type="text" class="form-control" placeholder="Email address default size">
<span class="help-block">Please enter a valid email address</span>
</div>
</div>
<div class="col-md-1">
</br>
<label><span class="glyphicon glyphicon-remove" onclick="this.parentNode.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode.parentNode);"></span></label>
</div>
</div>
</form>
</br>
</div>
</div>
<div class="panel-footer text-center">
<button type="button" id="add" class="btn btn-primary btn-block btn-sm">add</button>
<a href="#" class="small">View Result</a>
</div>
</div>
<script type="text/javascript">
$( "#form" ).sortable({
delay: 100,
distance: 5,
});
$("#add").click(function() {
$("#form").append('<div class="row form-group"><div class="col-md-1"></br><label><span class="glyphicon glyphicon-menu-hamburger"></span></label></div><div class="col-md-10"><div class="form-group-md has-success is-empty"><input type="text" class="form-control" placeholder="Email address default size"><span class="help-block">Please enter a valid email address</span></div></div><div class="col-md-1"></br><label><span class="glyphicon glyphicon-remove" onclick="this.parentNode.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode.parentNode);"></span></label></div></br></div>');
});
</script>
{% endblock content %}