dai un occhiata ai dialog offerti da jquery ui (ti serve anche jquery)
Se effettivamente dai un output del genere a che ti servono gli if? Basta usare la variabile bonus per rendere i tooltip dinamici.
ISTRUZIONI:
Scarichi jquery.
Scarichi jquery-ui con la grafica che preferisci.
Includi nella pagina interessa jquery e poi jquery-ui come se fossero normali script javascript esterni e il file css che scarichi assieme a jquery-ui.
Personalizzi l'output php nel seguente modo:
Codice PHP:
<div class="tooltip" title="<?php echo $bonus ?> punti">
Ottimo hai raggiunto il bonus da <?php echo $bonus ?></p>
</div>
Nella parte javascript (dopo aver incluso jquery e jquery ui) scrivi questo codice:
codice:
$(document).ready(function(){
$(".tooltip").dialog();
});