Menu accordéon facile en jQuery

Publié dans Javascript | Laisser un commentaire

Et je continue avec ma série jQuery ! Aujourd’hui, l’idée est de réaliser un menu accordéon plutôt cool : Démo menu accordéon. En voici le code HTML :

<dl>
	<dt>Titre 1</dt>
		<dd>Exemple 1</dd>
		<dd>Exemple 2</dd>
		<dd>Exemple 3</dd>
		<dd>Exemple 4</dd>
	<dt>Titre 2</dt>
		<dd>Exemple 1</dd>
		<dd>Exemple 2</dd>
		<dd>Exemple 3</dd>
	<dt>Titre 3</dt>
		<dd>Exemple 1</dd>
		<dd>Exemple 2</dd>
		<dd>Exemple 3</dd>
		<dd>Exemple 4</dd>
		<dd>Exemple 5</dd>
	<dt>Titre 4</dt>
		<dd>Exemple 1</dd>
		<dd>Exemple 2</dd>
	<dt>Titre 5</dt>
		<dd>Exemple 1</dd>
		<dd>Exemple 2</dd>
		<dd>Exemple 3</dd>
		<dd>Exemple 4</dd>
		<dd>Exemple 5</dd> </dl>

Continuer la lecture

Javascript

Action lors de la modification d’un champ : change(function)

Publié dans Javascript | Laisser un commentaire

En ce moment, je fais quelques tests avec jQuery histoire d’améliorer un petit peu mon niveau dans ce framework avec lequel j’ai déjà bidouillé quelques fois. Aujourd’hui, j’ai simplement cherché à effectuer une action lorsqu’un utilisateur modifie la valeur d’un champ : Démo modification d’un champ. Pour cela, il suffit d’utiliser la méthode change(function) de jQuery sur le champ en question. Voyons un exemple. D’abord le code HTML :

<form action="" method="post">
<fieldset>
	<legend>Élévation au carré</legend>
	<label for="nbElement">Nombre à élever au carré :</label>
	<input type="text" name="nbElement" id="nbElement" size="4" value="12"  />
	<br />
	<span id="max"></span>
</fieldset>
</form>

Continuer la lecture

Installer SDL avec Eclipse et MinGW

Publié dans C / C++ | 8 commentaires

Je viens de passer tout un soirée avec des zamis à essayer d’installer SDL sous Eclipse avec MinGW, et ma foi, on aura tout essayé et on aura galéré bien comme il faut. Et on n’aura rien fait d’autres… Erreur débile, comme d’hab.

Téléchargement de SDL

Tout d’abord, il faut télécharger SDL : Site de la libsdl.
Continuer la lecture

Internet Explorer 6 est mort

Publié dans Geekeries | Laisser un commentaire

Le saviez-vous ? Internet Explorer 6 (que ses intimes appelaient IE6) est mort le 1 mars 2010, récemment quoi ! Accident de travail dans les locaux de Google… Si, si, c’est vrai ! Voyez vous-même : Funérailles d’IE6
Funérailles d'IE6

Cela dit, il faut se méfier, d’autres l’ont déjà cru mort en février 2008, et courant 2009. Coriace cette bête là… M’enfin, parait qu’il a eu de vraies funérailles le 4 mars 2010 au States, ça doit être du sérieux !

Une affaire de robots.txt

Publié dans Référencement | 2 commentaires

Le fichier robots.txt est un des fichiers bien pratique sur tout site Web pour que les robots des moteurs de recherche (et tous les robots bienveillants en général) puissent comprendre comment l’indexer intelligemment. Il permet de préciser les pages à ne pas indexer (accès admin par exemple), et d’interdire l’entrée à certains robots connus. C’est aussi là que l’on peut préciser le chemin vers un fichier sitemap pour que le site soit indexer plus rapidement.
Robots.txt
Ce fichier se créé très rapidement, en quelques lignes c’est chose faites. Il faut le créer à la racine du site Web et de la nommer « robots.txt ». Un petit exemple :

User-Agent: T-Rex
Disallow: /
User-Agent: *
Disallow:
Sitemap: http://www.example.com/sitemap.xml

Ce fichier robots.txt interdit la visite de toutes les pages du site pour le user-agent T-Rex, ce qui correspond à Lycos, et autorise tous les autres robots à visiter toutes les pages du site.
Ce fichier précise aussi le chemin vers le fichier sitemap.xml (qui rappelons-le doit se trouver aussi à la racine du site Web. Voir Parlons de Sitemaps).
Voyons son fonctionnement plus en détails.
Continuer la lecture

Rechercher des PDF sur Google

Publié dans Geekeries | 4 commentaires

La petite astuce ci-dessous m’a été quelques fois utile pour trouver des PDF à propos d’un sujet en particulier sur ce cher Google. L’idée est de préciser le type du fichier dans le barre de recherche Google. Par exemple pour une recherche de PDF au sujet de jQuery :

jquery pdf

Ou bien pour n’avoir dans les résultats que des fichiers de ce type :

jquery filetype:pdf

On peut aussi faire une recherche non pas dans le contenu des pages, mais dans leur url grâce à allinurl: (All in url), ce qui dans notre cas fournit souvent de bons résultats :

allinurl:jquery filetype:pdf

Et pour affiner les résultats, on peut aussi exclure un url de la recherche avec -inurl: (not in url) :

allinurl:jquery -inurl:jquery.com filetype:pdf

J’ai trouvé cette astuce sur Code18, décidément !

Expression n°1 : Une histoire à dormir debout

Publié dans Geekeries | Laisser un commentaire

Expression n°1 : Une histoire à dormir debout

Un bonhomme marche, s'arrête puis s'endort debout.

Ainsi cron cron cron, les petites marionnettes

Publié dans Geekeries | Laisser un commentaire

ça cron ?
Voilà 3 mois que j’ai écris un billet intitulé avec autant de mauvais goût que celui que vous êtes en train de lire : ça cron ! Mise à part leur entrée en matière un peu capillotractée, ces 2 billets abordent le même sujet : les crons.
Cron, c’est un système sous Linux qui permet de déclencher un événement à intervalle régulier. Par exemple on peut exécuter tous les jours un script PHP qui nettoie une base de données, ou une ligne de commande Shell qui ouvre un lecteur audio et joue un titre au hasard. Bref, c’est un outils permettant de faire pas mal de choses intéressantes et qui font un peu rêver. Comme je l’expliquais précédemment, j’ai trouvé mon bonheur pour apprendre à utiliser cron sur le site Code18 : Installer un cronjob, mais à l’époque, je n’avais pas eu le temps de tester. Aujourd’hui, c’est chose faites ! Ce petit billet a donc pour but de retracer les grands étapes d’utilisation d’un cron.

Ce dont on a besoin

Tout simplement : un serveur accessible en ligne de commande sur lequel cron est installé.
Pour vérifier si cron est utilisable, il faut utiliser la ligne de commande qui liste les événements programmés :

crontab -l

Si cron est utilisable la liste des événements programmés s’affichera, ou s’il n’y en a pas, un message du style : no crontab for ******.

Dans le cas contraire : -bash: /usr/bin/crontab: Permission denied ou -bash: crontab: command not found.

Pour tout cela, il faut bien sûr se connecter auparavant au serveur en SSH :

ssh user@serveur

Ajouter ou modifier un événement

Il faut utiliser la ligne de commande :

crontab -e

Celle-ci ouvrira le fichier crontab (contenant les événements programmés) sous l’éditeur par défaut, vim par exemple.
Continuer la lecture

Utiliser une fonction PHP avec jQuery à l’aide de get

Publié dans Javascript | 3 commentaires

En ce moment, je m’amuse un petit peu avec jQuery et l’Ajax. C’est un domaine dans lequel, je ne me sens vraiment pas à l’aise, donc j’essaie de faire des progrès. Aujourd’hui, je suis tout content car j’ai réussi à utiliser une fonction PHP avec jQuery en utilisant les principes d’Ajax ! J’ai découvert la méthode get() dans jQuery, et c’est exactement ce que je cherchais.

Démarche générale

J’ai un formulaire contenant un champ titre et un champ url. Le champ url contient normalement le titre mais parsé par une fonction PHP maison parserUrl(). Pour faciliter la vie de l’utilisateur, je voulais ajouter un petit bouton « Actualiser » à côté du champ Url, afin de pouvoir actualiser l’url avec un nouveau titre à n’importe quel moment. Voici un démo pour voir le fonctionnement : démo Utiliser une fonction PHP avec jQuery.

Démo utilisation get() en jQuery

Démo utilisation get() en jQuery

Continuer la lecture

La Syntaxe XPath

Publié dans XML | Un commentaire

Bonjour tout le monde ! Aujourd’hui nous allons parler d’un outils très utilisé dans le traitement de données XML, J’ai nommé XPath. La syntaxe XPath est notamment utilisée dans certains langages tels que XSLT dont nous parlerons dans un prochain article. On peut citer également XQuery qui joue énormément avec XPath. Voyons de plus près à quoi ca ressemble.

Présentation du langage XPath

Comme son nom l’indique, XPath permet de définir d’écrire des « chemins » (path en anglais). Ces chemins, qui ont une syntaxe particulière, ont pour but la sélection de certaines parties, certains nœuds d’un document XML et ce de manière simplissime. Découvrons ca sur un exemple.

<blog>
	<info>
		<nom>30 minutes par jour</nom>
		<description langue="fr">Un blog qui cause d'informatique</description>
		<url type="internet">http://30minparjour.la-bnbox.fr/</url>
	</info>
	<billets>
		<billet>
			<titre langue="fr">Petit point sur le XML</titre>
			<categorie>XML</categorie>
		</billet>
		<billet>
			<titre langue="fr">En ce début d'année, faisant le point</titre>
			<categorie>Generalité</categorie>
		</billet>
	</billets>
</blog>

Continuer la lecture