blob: 64e0be298b812b3828045e034528d4755c8d659a (
plain)
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
|
<html>
<head>
<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
<link href='cssreset.css' rel='stylesheet' type='text/css'/>
</head>
<body>
<!--<form id="theform">-->
<br>
BREAK TYPE <select id="breaktype">
<option selected="selected" value='CLASSIC'>CLASSIC</option>
<option value="REDUX">REDUX</option>
<option value="BLURRY_BREAK">BLURRY BREAK</option>
<option value="BLURRY_BREAK_2">BLURRY BREAK 2</option>
<option value="RGB_WASH">RGB WASH</option>
<option value="RGB_WASH_2">RGB WASH 2</option>
<option value="NOISY_BREAK">NOISY BREAK</option>
<option value="NOISY_BREAK_2">NOISY BREAK 2</option>
<option value="BROKEN_VIGNETTE">BROKEN VIGNETTE</option>
<option value="FAX_MACHINE">FAX MACHINE</option>
<option value="STRIPES">STRIPES</option>
<option value="PHOTOCOPY">PHOTOCOPY</option>
</select>
<br>
<div id='breakmodes'>BREAK MODES:
<input type='radio' name='modeswitch' id='gradual' value='gradual' checked='checked'></input>gradual
<input type='radio' name='modeswitch' id='subtle' value='subtle'></input>subtle
<input type='radio' name='modeswitch' id='extreme' value='extreme'></input>extreme
</div>
<br>
BREAK ANGLE <input id='breakangle' type='text' value='0'></input>
<div id="breakangleslider" class="slider"></div><br>
<div id="expanded_check"></div><!--add click event in javascript-->
IMAGE URL <input type="text" id="url"></input><br>
<button id="breakbutton">BREAK IT!</button><br>
USERNAME <input type="text" id="username"></input>
<!--</form>-->
<div id='result'>
<span id="output-cmd" class='results'>
</span>
<span id="output-img" class='results'></span>
<input id="output-url" class='results'></input>
<div id="output-info" class='results'></div>
</div>
<div id="error" style="background-color:red;height:40px;width:400px;"></div>
<span class='copyright' style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</span>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript">
$('input').click(function(){$('#copyright').html("")});
$(function(){
$( "#breakangleslider" ).slider({
value:0,
min: -180,
max: 180,
step: 1,
slide: function( event, ui ) {
$( "#breakangle" ).val(ui.value);
}
});
$( "#breakangle" ).val($( "#breakangleslider" ).slider( "value" ) );
});
$('#copyright').click(function(){$('#copyright').html("")});
</script>
</body>
</html>
|
