| 1 | 1. Add the following template snippet in an entry context (such as in the entry metadata section) to show the number of votes and clickable link |
|---|
| 2 | |
|---|
| 3 | <$mt:FiveStarScore$> |
|---|
| 4 | |
|---|
| 5 | |
|---|
| 6 | 2. Also add the following template snippet to the <head> section of Entry archive template (or place into a new index template and link to the published template in the <head>) |
|---|
| 7 | |
|---|
| 8 | <script type="text/javascript"> |
|---|
| 9 | |
|---|
| 10 | // FiveStarScore Specific Functions |
|---|
| 11 | function fiveStarScoreUpdate(obj_id, score, hover) { mtScoreUpdate('fivestar', obj_id, score, 5, hover, 'star', 'bullet', 'no_rating', 'FiveStarRating') } |
|---|
| 12 | function fiveStarScoreOut(obj_id) { mtScoreOut('fivestar', obj_id, fiveStarScoreUpdate) } |
|---|
| 13 | function fiveStarScore(obj_id, score) { mtScore('fivestar', obj_id, score, 'fivestar-pending', 'fivestar-complete') } |
|---|
| 14 | function fiveStarScoreResponse(obj_id, score) { |
|---|
| 15 | mtScoreResponse('fivestar', obj_id, score, 'fivestar-pending', 'fivestar-complete'); |
|---|
| 16 | fiveStarScoreUpdate(obj_id, score, false); |
|---|
| 17 | } |
|---|
| 18 | |
|---|
| 19 | // Generic mtScoring Functions |
|---|
| 20 | function mtScore(ns, obj_id, score, pending, complete) { |
|---|
| 21 | var el = document.getElementById(ns + obj_id); |
|---|
| 22 | if( !el ) return false; |
|---|
| 23 | if (DOM.hasClassName(el, pending)) return false; |
|---|
| 24 | if (DOM.hasClassName(el, complete)) return false; |
|---|
| 25 | var xh = mtGetXmlHttp(); |
|---|
| 26 | if (!xh) return false; |
|---|
| 27 | DOM.addClassName( el, pending ); |
|---|
| 28 | var url = '<$mt:CGIPath$><$mt:CommentScript$>?__mode=' + ns + '_score&static=1&entry_id=' + obj_id + '&score=' + score; |
|---|
| 29 | xh.open('POST', url, true); |
|---|
| 30 | xh.onreadystatechange = function() { |
|---|
| 31 | if ( xh.readyState == 4 ) { |
|---|
| 32 | if ( xh.status && ( xh.status != 200 ) ) { |
|---|
| 33 | // error - ignore |
|---|
| 34 | } else { |
|---|
| 35 | eval(xh.responseText); |
|---|
| 36 | } |
|---|
| 37 | } |
|---|
| 38 | }; |
|---|
| 39 | xh.send(null); |
|---|
| 40 | } |
|---|
| 41 | function mtScoreResponse(ns, obj_id, score, pending, complete) { |
|---|
| 42 | var el = document.getElementById(ns + obj_id); |
|---|
| 43 | if (!el) |
|---|
| 44 | return false; |
|---|
| 45 | el.innerHTML = score; |
|---|
| 46 | DOM.removeClassName( el, pending ); |
|---|
| 47 | DOM.addClassName( el, complete ); |
|---|
| 48 | } |
|---|
| 49 | function mtScoreOut(ns, obj_id, callbackf) { |
|---|
| 50 | var obj = document.getElementById(ns + obj_id); |
|---|
| 51 | if( !obj ) |
|---|
| 52 | return false; |
|---|
| 53 | var score = obj.innerHTML; |
|---|
| 54 | callbackf.call(this, obj_id, score, false); |
|---|
| 55 | } |
|---|
| 56 | function mtScoreUpdate(ns, obj_id, score, size, hover, on_img, off_img, zero_img, plugin_name) |
|---|
| 57 | { |
|---|
| 58 | var i, image, image_file; |
|---|
| 59 | for( i = 0; i <= size; i++ ) |
|---|
| 60 | { |
|---|
| 61 | image = document.getElementById(ns + obj_id + '-' + i); |
|---|
| 62 | if( !image ) |
|---|
| 63 | return false; |
|---|
| 64 | if( i > 0 ) |
|---|
| 65 | if( i <= score ) |
|---|
| 66 | image_file = on_img; |
|---|
| 67 | else |
|---|
| 68 | image_file = off_img; |
|---|
| 69 | else |
|---|
| 70 | image_file = zero_img; |
|---|
| 71 | if( hover ) |
|---|
| 72 | if( ( image_file == on_img ) || ( ( image_file == zero_img ) && ( score == 0 ) ) ) |
|---|
| 73 | image_file = image_file + '-hover'; |
|---|
| 74 | if( image_file != '' ) |
|---|
| 75 | image.src = '<$mt:StaticWebPath$>plugins/' + plugin_name +'/' + image_file + '.gif'; |
|---|
| 76 | } |
|---|
| 77 | return true; |
|---|
| 78 | } |
|---|
| 79 | |
|---|
| 80 | </script> |
|---|
| 81 | |
|---|
