Voici une petite fonction qui vous permettra de substitué facilement des checkboxs de formulaire par des images clickables.
Rien de bien extraordinaire, mais si celà peut interessé du monde.
PS: c'est le 1er code que je propose :)
Source / Exemple :
<?php
/* appel de la fonction
echo checkbox('checkbox1', array('nom'=>'Mon checkbox', 'checked'=>'oui'));
echo checkbox('checkbox2', array('nom'=>'<img src="Mon_image" />'));
function checkbox($value, $param=''){
// image du checkbox
$image_checked = '<img src=checked.gif alt=Selectionne />';
// image du checkbox coché
$image_non_checked = '<img src=non_checked.gif alt=Non selectionne />';
// si dans les paramètre on a renseigné que le checkbox était coché
if(isset($param['checked']) && ($param['checked']!='')) {
$checked = 'checked';
$monimage = $image_checked;
}else{
// si le checkbox n est pas coché
$checked = '';
$monimage = $image_non_checked;
}
$retour = '<input type="checkbox" name="'.$value.'" id="'.$value.'" value="ok" '.$checked.' style="display:none;" />'; // notre checkbox
// lien sur le clique du checkbox ou de l image ou du texte
$retour .= '<a href="javascript:;" onClick="if(document.getElementById(\''.$value.'\').checked==true) { document.getElementById(\''.$value.'-statut\').innerHTML = \''.$image_non_checked.'\'; }else{ document.getElementById(\''.$value.'-statut\').innerHTML = \''.$image_checked.'\'; } document.getElementById(\''.$value.'\').checked = !document.getElementById(\''.$value.'\').checked;">';
// on affiche le nom ou l'image renseigné
$retour .= '<div id="'.$value.'-statut" style="display:inline" >';
if(isset($param['nom'])){
$retour_fin = '</div><div style="display:inline"> '.$param['nom'].'</div></a>';
}else{
$retour_fin ='</a>';
}
return $retour.$monimage.$retour_fin;
}
?>
Conclusion :
En espérant que celà vous serve autant qu'à moi.
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.