如何在我的网站上放置评级星标

时间:2014-02-19 22:47:29

标签: javascript html css

您好我想在我的页面中添加评分星。我正在制作这个,但我不知道如何添加评级并显示平均数,我可以使用本地存储吗?

这是我的代码,很简单

Javascript代码

<script>

function signal(numero){

    for (var i=1; i<numero; i++){

        //document.write(i);
        document.getElementById("valor"+i).style.backgroundColor="red";
        //console.log(i);
    }
}

function outsignal(numero){


    for (var i=1; i<numero; i++){

        //document.write(i);
        document.getElementById("valor"+i).style.backgroundColor="";
        //console.log(i);
    }
}

function puntaje(numero){

    //var datos = new Array();



}


function puntaje(numero){


}

这是HTML代码

<body>

<div id="rating">

    <div id="valor1" onmouseover="signal(2)" onmouseout="outsignal(2)" onclick="puntaje(1)"></div>
    <div id="valor2" onmouseover="signal(3)" onmouseout="outsignal(3)" onclick="puntaje(2)"></div>
    <div id="valor3" onmouseover="signal(4)" onmouseout="outsignal(4)" onclick="puntaje(3)"></div>
    <div id="valor4" onmouseover="signal(5)" onmouseout="outsignal(5)" onclick="puntaje(4)"></div>
    <div id="valor5" onmouseover="signal(6)" onmouseout="outsignal(6)" onclick="puntaje(5)"></div>

</div>

</body>

1 个答案:

答案 0 :(得分:0)

如果要跟踪投票并显示每个新用户的平均值,则必须使用某种形式的后端数据库。

您可以将5颗星视为具有5个选项的表单选择框的另一种变体。

你设置了一个javascript事件,它将用户对特定项目的选择发布到服务器,然后服务器将与数据库通信并告诉它检查该项目的记录是否存在,如果它存在,它将更新记录新数据,否则将添加新记录。

在服务器创建页面期间,它会询问数据库的平均值是什么,并以图形方式显示给用户。