Expressá-la

Mootools MooRating é um (cross browser, é claro como ele usa o poder da biblioteca MooTools) simples, leves e excelente solução baseada em classificação. Não é denominado como "Votos", simplesmente porque, a imagem classificação poderia ser como você escolher (eu tenho desde Estrelas, Bares e corações com o download, mas você pode criar sua própria variedade e só soltá-lo in).

Como ele se parece:

	Mootools Avaliação com imagens diferentes Exibir demonstração
	Mootools Avaliação com valores percentuais Exibir demonstração
	Mootools Avaliação com valores fracionários Exibir demonstração

Baixar Mootols Votos Script (Transferido 724 vezes)

Dados Avaliação: Número inteiro, Decimal ou Percentual
Atualmente, o script foi criado para mostrar os dados de classificação como valores inteiros (1,2,3,4,5), em casas decimais (1,24, 3,45 etc) ou em percentagem (12%, 55% etc). A escolha para mostrar dados em qualquer um dos formatos mencionados pode ser definido simplesmente mudando alguns valores bandeira dentro do javascript (moorating.js)
Basicamente, existem dois e dois pavilhões para brincar, para exibir valores no formato de sua escolha ...

var inpercent = false; / / Defina esse sinalizador para true, se você precisar de valores percentuais, para ser exibida
var isFractional = false / / Defina esta opção para verdadeiro, se você quiser valores fracionários como 1,24, 1,25, 4,56, em vez de 1,2 ... 5

E eu não acho que há qualquer explicação necessária para isso. Além disso. O script é muito simples. Se você conhece um pouco Javascripting, você pode modificar o script para obter qualquer tipo de valor exibido. Por exemplo, se você quisesse três casas decimais a serem exibidas ... apenas ajustar o script como abaixo ...

if (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] innerHTML = FormatNumber (x, 3);.} / / 2 é alterada para 3
else {moostartval [i] innerHTML = Math.round (x).;

Atualizando Valor Classificação:
I havent incomodado escrever os scripts de AJAX para atualizar o valor Ratings, porque eu sei da minha experiência que nem sempre ele pretende atualizar o CLASSIFICAÇÃO assim que a coisa taxas de usuário. Você é livre para fazer o que quiser com o valor nominal, atualizá-lo usando AJAX ou apresentá-lo ou definir um valor de campo oculto de formulário, que será apresentado com todo o formulário, etc

função updateRating (id, classificação) {
/ / Alert (ID + "," rating +);
/ / Faça o que for COM A CLASSIFICAÇÃO
}

Há função no javascript chamada "updateRating". Esta função foi passada a identificação da Div Rating, para identificar como a classificação (se houver mais que uma classificação na página) foi atualizado eo valor da avaliação [updateRating (id, classificação)]. Você poderia escolher o que quiser com esses valores, como mencionei anteriormente.

Imagem Avaliação: estrelas, corações, Barras ou qualquer coisa que você queira
Alterando a classificação para qualquer um dos tipos acima (estrelas, etc corações) é muito simples. Basta criar uma imagem semelhante à prevista e solte-o dentro Lembre-se, se você alterar o nome da imagem, não fazer as mudanças necessárias no arquivo CSS, veja abaixo.

. Moostar {margin: 0px; padding: 0px; overflow: hidden; width: 84px; height: 20px; float: left; background: url ('stars.gif') repeat-x;}
. Moostar span {float: left; margin: 0px; padding: 0px; display: block; width: 84px; height: 20px; text-decoration: none; text-indent:-9000px; z-index: 20;}
.. Moostar curr {background: url ('stars.gif') deixou 25px;}

A maioria dos widgets avaliações usar estrela e meia estrela de imagens com o mouse sobre os acontecimentos em cada estrela. Pontuações Moo usa uma imagem simples sprite como uma imagem de fundo para alcançar os efeitos desejados visuais com uma sobrecarga muito baixa.

Requisitos: Mootools 1.2
Baixar Mootols Votos Script (Transferido 724 vezes)