11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

je fais une notation étoilé pour des vidéos et j'aimerai affiner le remplissage de l'étoile par rapport à la note.

pour l'instant j'ai ça :


    var fils_img = pere_html.getElementsByTagName ( "img" );
    for ( parcoursImgs = 0; parcoursImgs <= 4; parcoursImgs++ )
    {
        if ( fils_img[parcoursImgs].title.match ("[1-5]") <= note )
            fils_img [parcoursImgs].src = "./images/etoile_inactive.png";
    }


(j'ai un css d'arriere plan d'image pour afficher l'étoile vide)
et j'aimerai ajouter une condition pour que la dernière étoile puisse se remplir de 1% à 99% par rapport à x.01 à x.99.

en CSS je peux couper mon image mais est-ce faisable en Javascript ?

Merci