corrade-http-templates – Diff between revs 30 and 32
?pathlinks?
Rev 30 | Rev 32 | |||
---|---|---|---|---|
Line 38... | Line 38... | |||
38 | </div> |
38 | </div> |
|
39 | </form> |
39 | </form> |
|
40 | </div> |
40 | </div> |
|
Line 41... | Line 41... | |||
41 | |
41 | |
|
42 | <!-- Include jQuery --> |
42 | <!-- Include jQuery --> |
|
43 | <script src="bower_components//jquery/dist/jquery.min.js"></script> |
43 | <script src="bower_components/jquery/dist/jquery.min.js"></script> |
|
44 | <!-- Include Bootstrap Validator --> |
44 | <!-- Include Bootstrap Validator --> |
|
- | 45 | <script src="bower_components/bootstrap-validator/js/validator.js"></script> |
||
- | 46 | <!-- Include Velocity --> |
||
45 | <script src="bower_components/bootstrap-validator/js/validator.js"></script> |
47 | <script src="bower_components/velocity/velocity.min.js"></script> |
|
46 | <script> |
48 | <script> |
|
47 | $(document).ready(function () { |
49 | $(document).ready(function () { |
|
48 | function sendGroupMessage() { |
50 | function sendGroupMessage() { |
|
49 | // Hide the controls. |
51 | // Hide the controls. |
|
- | 52 | $("#controls").animate( |
||
- | 53 | { |
||
- | 54 | opacity: 0 |
||
- | 55 | }, |
||
- | 56 | { |
||
- | 57 | duration: 1000, |
||
- | 58 | easing: "linear" |
||
- | 59 | } |
||
50 | $("#controls").animate({ opacity: 'hide' }, 'slow'); |
60 | ); |
|
51 | // Make the POST request to the PHP script and pass the values of the fields. |
61 | // Make the POST request to the PHP script and pass the values of the fields. |
|
52 | $.ajax({ |
62 | $.ajax({ |
|
53 | type: 'post', |
63 | type: 'post', |
|
54 | url: "sendGroupMessage.php", |
64 | url: "sendGroupMessage.php", |
|
Line 60... | Line 70... | |||
60 | // If any error occurred, display it. |
70 | // If any error occurred, display it. |
|
61 | if(data) |
71 | if(data) |
|
62 | alert(data); |
72 | alert(data); |
|
63 | // When the data returns, clear the message box and show the controls. |
73 | // When the data returns, clear the message box and show the controls. |
|
64 | $('#message').val(""); |
74 | $('#message').val(""); |
|
65 | $("#controls").animate({ opacity: 'show' }, 'slow'); |
75 | $("#controls").animate( |
|
- | 76 | { |
||
- | 77 | opacity: 1 |
||
- | 78 | }, |
||
- | 79 | { |
||
- | 80 | duration: 1000, |
||
- | 81 | easing: "linear" |
||
- | 82 | } |
||
- | 83 | ); |
||
66 | }); |
84 | }); |
|
67 | } |
85 | } |
|
68 | // Polls the chatlog every second for changes. |
86 | // Polls the chatlog every second for changes. |
|
69 | (function retrieveMessages() { |
87 | (function retrieveMessages() { |
|
70 | $.get("chat.log?t=" + Math.random(), function(data) { |
88 | $.get("chat.log?t=" + Math.random(), function(data) { |