Archives pour la catégorie Développement Web

Trois solutions pour l’upload multiple

Publié le par
Répondre

L’upload multiple est régulièrement une problèmatique rencontrée lors de développements web. Alors que certains aimeront réinventer la roue (je parle pour toi Thib’ 😉 , il est possible d’intégrer des solutions gratuites et open source disponibles sur internet. Ces trois solutions requièrent Flash, n’oubliez pas de proposer une solution alternative sans flash ni javascript pour une question d’accessibilité. Malgré ce que peut dire notre ami thibaut dans cet article : Envoyer un fichier sans recharger la page, vous n’êtes pas tributaire de PHP, rien ne vous empêche d’écrire votre version des fichiers serveurs en Java ou en ASP pour les plus téméraires d’entre vous.

Elles sont toutes les trois gratuites mais, surtout si vous êtes une entreprise, rien ne vous empêche de faire tout de même un petit don sur le site de leur auteur respectif.

Lire la suite →

Comment gérer des fichiers multi-langues

Publié le par
Répondre

La plupart des applications java ou autres utilisent des fichiers de langues pour gérer des applications ou des sites multi-langues. Le principe est relativement simple, il consiste à avoir pour chaque langue un fichier correspondant( fichiers .properties ou .ini). Ces fichiers portent souvent le même nom en ajoutant le suffixe de la langue correspondant.

Par exemple

  • messages_fr.properties pour la langue française
  • messages_en.properties pour la langue anglaise

Ces différents fichiers contiennent un ensemble de clés-valeurs. Pour chaque clé, on trouve la correspondance dans la langue voulue.

Comment gérer ces différents fichiers multi-langues et ne pas oublier une valeur dans l’un des fichiers de langue? Il existe différents petits outils qui permettent de gérer ces fichiers très simplement.

Le plus simple d’entres eux est certainement IniTranslator disponible sur sourceForge. Vous pouvez également voir la description de cet  outil sur Framasoft.

Ini Translator permet de gérer simultanément tous les fichiers de langues et détecte automatiquement les valeurs manquantes.

Reconnaitre les problèmes d’encodages

Publié le par
Répondre

Les développeurs Web sont souvent confrontés aux problèmes d’encodages de leurs pages web. Un fichier encodé en UFT-8 ne sera pas affiché correctement si son navigateur l’affiche en Iso. Voilà comment reconnaitre les encodages.

Si vous voyez les caractères spéciaux de type « Ãª », « Ã© », « Ã® », « Ã », c’est que votre page est encodée en Utf-8 mais que votre navigateur le détecte et l’affiche en Is.

Solution:

ajouter le meta suivant

<meta http-equiv="Content-type" content="text/html; charset=UTF-8">

et indiquer à votre serveur comment envoyer les fichiers en utf-8

Si vous voyer des caractères spéciaux de type point d’interrogation dans un losange, c’est que vos pages sont encodées en Iso, et que votre navigateur les affiche en UTF-8.

Solution:

Reprenez le meta précédent et modifier le charset

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">

D’une manière général, pour gérer facilement le multi-langue, il est conseillé d’utiliser l’encodage UFT-8. Pour plus de renseignement, consulter le site pour avoir un site/serveur php mysql en full UTF-8

Pourquoi Ajax ?

Publié le par
Répondre

Ajax est un terme assez récent qui désigne la capacité des navigateurs à interagir avec le serveur sans pour autant devoir recharger la page complète. Il ne s’agit pas d’une technologie mais d’un ensemble de une ou plusieurs technologies telles que :

  • HTML
  • CSS
  • DOM
  • JavaScript et l’Object XMLHttpRequest (apparu il y a plus de 10 ans)
  • XML

Lire la suite →

Clearer des contenus flottants

Publié le par
Répondre

on rencontre souvent des problèmes avec les elements block flottant.

La vieille astuce permettant de « clearer » un ensemble de flottants était de mettre un div vide avec avec une classe clearboth{clear:both}, il existe une technique très simple et plus propre, il suffit de créer un contener autour des flottant et de lui appliquer une classe du style

.clearboth{
overflow:hidden;
width: 100%;
}