Selecteur de note

Soyez le premier à donner votre avis sur cette source.

Vue 4 790 fois - Téléchargée 531 fois

Description

Une classe Php et le plugin jQuery correspondant pour un sélecteur de note simplissime d'utilisation.
Rien de bien novateur mais je n'ai pas trouvé de source équivalente.
Le code est simple et clair, je pense, donc facile à adapter à vos besoins.

Source / Exemple :


<?php include('../prepend.php'); ?>

<!-- un peu de css pour habiller le selecteur -->
<style>
img.star {vertical-align:middle;}
div.rate_select{background:#000;color:#fff;}
div.rate_select a.clear {background: url("include/img/map.png") no-repeat scroll -30px -193px transparent; display: inline-block; height: 16px; vertical-align: middle; width: 20px;}
div.rate_select label.text{margin-left:10px;}
div.rate_select img.star {cursor:pointer;}
</style>

<h1>RateSelect : Test</h1>

<h2>RateSelect : defaut</h2>
<?php
	// tableau qui stack le code js "inline"
	$tab_js = array();
	
	// utilisation simple de la classe
	$rate = new RateSelect();
	echo $rate->render();
	$tab_js[] = $rate->script;
?>

<h2>RateSelect : parametré</h2>
<?php
	// utilisation avec divers parametres
	$rate = new RateSelect(4, 'note');
	$rate->text 		= 'Zyva note ça, cousin.';
	$rate->rateLabel 	= array('Oublie moi', 'Trop naze', 'Rentre chez wat', 'mouais...', 'Tu gères', 'Je kiffe grave !');
	echo $rate->render();
	$tab_js[] = $rate->script;
?>

<hr>

<!-- utilise Jquery 1.7 -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<!-- le plugin associe -->
<script src="include/js/jquery.rateselect.js" type="text/javascript"></script>
<!-- le code inline "poussé" en fin de page -->
<script type="text/javascript">
$(document).ready(function() {
	<?php echo implode("\n",$tab_js); ?>
});
</script>

Conclusion :


N'hésitez pas à la modifier et faire des retours si vous voyez des améliorations à apporter.

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.