Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • Lappuse 1 no 1
  • 1
uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » LIETOTĀJU WEB MATERIĀLI » "Like" pogas izskats ar skaņu ("patīk" poga)
"Like" pogas izskats ar skaņu
wuxmachine
Sestdiena, 23.04.2016, 1:30:42 | Ieraksts #1
VECĀ MIESA
Foruma ieraksti: 930

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@wuxmachine raksta .. :



1. Dodamies uz apperance of comments - /panel/?a=tmpl;m=5;t=1
2. Atrodam $GOOD_COMMENT_URL$, kuru nomainām ar:

Code
<?if($GOOD_COMMENT_URL$)?>  
  <a href="$GOOD_COMMENT_URL$" class="uR$ID$">  
  <i class="messages-like-ico" onclick="uCodesRate($ID$);"></i></a><b class="messages-like-num uV$ID$">$COMMENT_RATING$</b>  
  <?else?><b class="messages-like-num uV$ID$">$COMMENT_RATING$</b><?endif?>


3. @CSS ievietojam šo:

Code
.messages-like-ico {  
  background: url(http://buzz.ucoz.lv/askripti/wPlusRepa.png);  
  width: 12px;  
  height: 10px;  
  float: left;  
  margin: 5px 10px 0px 0px;  
  cursor: pointer;  
  }  
  .messages-like-num {  
  float: left;  
  margin: 3px 4px 4px 0px;  
  float: right;  
  color: #647d94;  
  position: relative;  
  z-index: 2;  
  }


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:

Code
function uCodesRate(id) {  
  var uRate = $('.uV'+id).text();  
  var uRall = Number(uRate)+Number(1);  
  $('.uV'+id).html(uRall);  
  $('.uR'+id).hide();  
  }


Ja vēlamies klāt papildus skaņu, kad uzspiežam uz pogas, tad 4.(pēdejā) punkta vietā ievietojam šo kodu:

Code
$('body').append('<div class="uSound"></div>');  
  function uCodesRate(id) {  
  var uRate = $('.uV'+id).text();  
  var uRall = Number(uRate)+Number(1);  
  $('.uV'+id).html(uRall);  
  $('.uR'+id).hide();  
  $('.uSound').html('<audio src="http://buzz.ucoz.lv/askripti/n-zvuk.mp3" autoplay></audio>');  
  }


Skaņa:
Pielikumi: 1147596.png(2.8 Kb)


BAM BAM BAM

Antikrists
Sestdiena, 23.04.2016, 7:16:04 | Ieraksts #2
FORUMA APSARGS
Foruma ieraksti: 602

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Antikrists raksta .. :

O , noderēs + no manis kkad kad varēs iedot


.
.


uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » LIETOTĀJU WEB MATERIĀLI » "Like" pogas izskats ar skaņu ("patīk" poga)
  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...