Discussion :

[renaud26]

Bonjour à tous,

Je ne suis pas sûr de poster au bon endroit...mais je le tente.
J'ai un select tout simple qui affiche un choix de polices, et je voudrais, si c'est possible, que le visiteur puisse visualiser cette police quand il passe sa souris le long de la liste (ou d'une autre façon). Les noms de police sont lus dans une table mysql mais j'ai les fichiers TTF également dans un dossier que je peux parcourir pour lire leur nom.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<select name="police">
<?php while($row = mysql_fetch_row($sql)){
echo "<option value=".$row[0].">".$row[0]."</option>";
}
?>
</select>

Si quelqu'un a une idée ou une piste, je suis preneur. Merci d'avance.

[SpaceFrog]

Pas avec un select... on ne peut pas modifier indépendament le font des options, il existe un certains nombre de selects personalisés à base de li ou de table ...
Fais une recherche sur le forum avec select personalisé

[renaud26]

Merci du tuyau... j'étais en train d'envisager une fonction js avec la police en param qui l'aficherait dans un div avec style.fontFamily...
Mais je ne sais pas comment, par quel évènement, "lire" les différentes options/polices au passage de la police...
Vais voir la FAQ.

[SpaceFrog]

Tu pourrais envisager une infobulle affichée par une fonction déclenchée par le onmouseover de la pseudo option de ton select personalisé. dans la fonction tu passes en paramètre la police et il suffira de modifier le style d'un div de hidden à visibler en modifiant le top le left etc ...

[JulienC]

Attention : si les fichiers TTF sont sur le serveur (et donc non présent sur le client), il te sera absolument impossible (sinon à base de "trucs" non compatibles entre les différents navigateurs et non recommandés) de l'afficher sur le navigateur du client en utilisant les CSS.

La solution la plus couramment utilisée reste de créer une image par polices de caractères, servant d'aperçu.

[SpaceFrog]

il existe des solutions pour les polices distantes, mais si je me souviens bien c'est exclusif IE ...

[renaud26]

Merci à vous. Oui la soluce d'afficher les images de police est la plus simple, même si ce n'est pas très esthétique dans ma configuration. J'avais crée une fonction JS qui affichait la police passée en param dans un div...mais ça fonctionnait pour certaines et pas d'autres. Peut-être des problèmes de navigateur...