Script Rating simple Cross Browser Por Mootools
Mootools MooRating é un (cross navegador, claro como el usa o poder da biblioteca MooTools) simple, leves e excelente solución baseada en clasificación. Non é denominado como "votos", simplemente porque, a imaxe clasificación podería ser como elixir (eu teño dende estrelas, Bares e corazóns con a descarga, pero pode crear a súa propia variedade e só soltalo in).
Como se parece:
| Mootools Avaliación con imaxes diferentes Ver demostración |
| Mootools Avaliación con valores porcentuais Ver demostración | |
| Mootools Avaliación con valores fracionários Ver demostración |
Descargar Mootols votos Script (Trasladado 718 veces)
Datos Avaliación: Número enteiro, Decimal ou Porcentaxe
Actualmente, o guión foi creado para mostrar os datos de clasificación como valores enteiros (1,2,3,4,5), en cifras decimais (1,24, 3,45, etc) ou en porcentaxe (12%, 55% etc). A opción para mostrar datos en calquera dos formatos mencionados pode definirse simplemente cambiando algúns valores bandeira dentro do javascript (moorating.js)
Basicamente, hai dous e dous pavillóns para xogar, para amosar valores en formato da súa elección ...
var inpercent = false; / / Define ese sinalizador para true, se precisa de valores porcentuais, para ser exhibida
var isFractional = false / / Define esta opción para certo, se queres valores fracionários como 1,24, 1,25, 4,56, en vez de 1,2 ... 5
E eu non creo que haberá explicación necesaria para iso. Ademais. O script é moi sinxelo. Se coñeces un pouco Javascripting, pode modificar o script para obter calquera tipo de valor exhibido. Por exemplo, se quixese tres cifras decimais a mostrar ... só axustar a escritura como a continuación ...
if (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] innerHTML = FormatNumber (x, 3);.} / / 2 cambia a 3
else {moostartval [i] innerHTML = Math.round (x).;
Actualizando Valor Clasificación:
I havent incómodo escribir os guións de AJAX para actualizar o valor Ratings, porque sei da miña experiencia que non sempre pretende actualizar o CLASIFICACIÓN así que a cousa taxas de usuario. Vostede é libre de facer o que quere co valor nominal, actualiza-lo usando AJAX ou presenta-lo ou establecer un valor de campo oculto de formulario, que se presentará con todo o formulario, etc
función updateRating (id, clasificación) {
/ / Alert (ID + "," rating +);
/ / Fai o que sexa coa clasificación
}
Hai función o javascript chamada "updateRating". Esta función foi pasada a identificación da Div Avaliación, para identificar como a clasificación (se hai máis que unha clasificación na páxina) foi actualizado eo valor da avaliación [updateRating (id, clasificación)]. Podería elixir o que quere con eses valores, como mencionei anteriormente.
Imaxe Avaliación: estrelas, corazóns, barras ou calquera cousa que queira
Alterando a clasificación para calquera dos tipos anteriores (estrelas, etc corazóns) é moi sinxelo. Só ten que crear unha imaxe semellante á prevista e solte-o dentro Teña en conta que, se cambiar o nome da imaxe, non facer os cambios necesarios no ficheiro CSS, vexa 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; Mostrar: block; width: 84px; height: 20px; text-decoration: none; text-indent:-9000px; z-index: 20;}
.. Moostar curr {background: url ('stars.gif') deixou 25px;}
A maioría dos widgets avaliacións usar estrela e media estrela de imaxes co rato sobre os acontecementos en cada estrela. Puntuacións Moo usa unha imaxe simple sprite como unha imaxe de fondo para alcanzar os efectos desexados visuais con unha sobrecarga moi baixa.
Requisitos: Mootools 1.2
Descargar Mootols votos Script (Trasladado 718 veces)











































