"LIKE" pogas izskats ar skaņu

Materiāla skrīnšots «"LIKE" pogas izskats ar skaņu»

[spoiler][code]

<p>1. Dodamies uz apperance of comments - /panel/?a=tmpl;m=5;t=1<br /> 2. Atrodam $GOOD_COMMENT_URL$, kuru nomainām ar:</p> [code]<p><?if($GOOD_COMMENT_URL$)?>  <br />   <a href="$GOOD_COMMENT_URL$" class="uR$ID$">  <br />   <i class="messages-like-ico" onclick="uCodesRate($ID$);"></i></a><b class="messages-like-num uV$ID$">$COMMENT_RATING$</b>  <br />   <?else?><b class="messages-like-num uV$ID$">$COMMENT_RATING$</b><?endif?> </p>[/code] <p>3. @CSS ievietojam šo:</p> <p>[code].messages-like-ico {  <br />   background: url(http://buzz.ucoz.lv/askripti/wPlusRepa.png);  <br />   width: 12px;  <br />   height: 10px;  <br />   float: left;  <br />   margin: 5px 10px 0px 0px;  <br />   cursor: pointer;  <br />   }  <br />   .messages-like-num {  <br />   float: left;  <br />   margin: 3px 4px 4px 0px;  <br />   float: right;  <br />   color: #647d94;  <br />   position: relative;  <br />   z-index: 2;  <br />   }[/code]</p> <p>4. Dodamies uz attiecīgo moduli(Page with full post text and associated comments), kur vēlamies redzēt šo pogu un ievietojam šo JS kodu:</p> <p>[code]function uCodesRate(id) {  <br />   var uRate = $('.uV'+id).text();  <br />   var uRall = Number(uRate)+Number(1);  <br />   $('.uV'+id).html(uRall);  <br />   $('.uR'+id).hide();  <br />   }[/code]</p> <p>Ja vēlamies klāt papildus skaņu, kad uzspiežam uz pogas, tad 4.(pēdejā) punkta vietā ievietojam šo kodu:</p> <p>[code]$('body').append('<div class="uSound"></div>');  <br />   function uCodesRate(id) {  <br />   var uRate = $('.uV'+id).text();  <br />   var uRall = Number(uRate)+Number(1);  <br />   $('.uV'+id).html(uRall);  <br />   $('.uR'+id).hide();  <br />   $('.uSound').html('<audio src="http://buzz.ucoz.lv/askripti/n-zvuk.mp3" autoplay></audio>');  <br />   }[/code]</p> <p>Skaņa:<br /> [audio]http://buzz.ucoz.lv/askripti/n-zvuk.mp3[/audio]</p>

[/code][/spoiler]