ChoiZ’s Blog

Voilà une bonne méthode pour aligner correctement vos données sur vos pages web.

C'est la façon la plus lisible pour écrire différentes données.

Consulter la page avec mes tests pour plus d'informations.

Même si vous aimez pas les "regex" expressions régulières voilà un site plutôt sympa qui permet de testé une regex.

http://regexpal.com/

Aperçu :

Pas de formulaire a envoyer si votre regex fonctionne le texte sera surligné automatiquement.

Voilà donc mon premier plugin Wordpress sur une idée original de Twitter-link qui était beaucoup moins bien

Merci @Severin pour l'aide sur la regex (c'est vrai elle était super compliquée a faire celle là )

Aperçu :

Voilà la page : http://www.choiz.fr/twittlink/

Edit version 0.12 en ligne

Twittar qui permet d'afficher l'avatar de Twitter dans les commentaires ou si vous n'avez pas de compte ça utilise gravatar.

Et Twittlink qui permet d'ajouter un lien si on fait @choiz vers le compte twitter de choiz, que ça soit dans les billets dans les commentaires ou sur les pages de wordpress.

Voilà un site bien pratique que j'utilise rarement et je retombe dessus de temps en temps !

Il permet d'afficher les différentes documentations de différents langages.
J'avais déjà parlé de ce site il y a pas mal de temps : GotApi.com.

Voilà un nouveau code source pour vérifier les différents champs d'un formulaire en php avec la fonction filter_var().

<?php
// Supprime les balises du type :
// <script> et </script> ainsi que certains caractères.
$nom = filter_var($_POST['nom'], FILTER_SANITIZE_STRING);

// Vérifie que l'adresse e-mail est valide.
$email = filter_var($_POST['email'], FILTER_VALIDATE_EMAIL);

// Vérifie que l'url est conforme à la RFC.
$url = filter_var($_POST['url'], FILTER_VALIDATE_URL, FILTER_FLAG_SCHEME_REQUIRED);

// Supprime les balises du type :
// <script> et </script> ainsi que certains caractères.
$message =  filter_var($_POST['message'], FILTER_SANITIZE_STRING);

?>

Pour plus d'information voir la liste des différents filtres que vous pouvez utiliser avec la fonction filter_var().

Avant d'utiliser le plugin pour Wordpress "Syntax highlighter", j'avais modifié le CSS du thème du blog pour qu'il m'affiche les balises html <pre> de différentes couleurs.

J'ai donc fait un CSS qui ma permis de mettre en rosé / rouge le html et le xhtml en vert.

Pour le HTML :

<pre class="html">ici le code html</pre>

Pour le xHTML :

<pre class="xhtml">ici le code xhtml</pre>

Et la feuille de style :

pre[class=HTML] {
background: #FEB3B3;
color: #000;
font: 100% Tahoma, Arial;
}

pre[class=XHTML] {
background: #B3FEC5;
color: #000;
font: 100% Tahoma, Arial;
}

Vous pouvez également utiliser ce code CSS pour un input type="submit" par exemple :

input[type=submit] {
background: #000;
color: #FFF;
}

Suite à l'article de Jonathan avec sa class "Chronometer", et suite à ma demande Vendredi auprès d'un étudiant de calculer la façon la plus rapide de coder une fonction voilà le bilan :

J'avais demandé de faire une fonction permettant de détecté si il y avait un '@' pour un mail dans le champ texte d'un formulaire.

Beaucoup de solutions sont possible pour faire ceci mais... sans REGEX et sans strstr() !

Alors la première solution avec la fonction php strpos()

function check_at($mail)
{
if(strpos($mail,'@')===FALSE)
return TRUE;
else
return FALSE;
}

Et la seconde avec on fait un count() pour savoir si il y a 2 éléments dans mon tableau. Si il y a un @ il y a donc 2 éléments :
- le premier le nom de la personne généralement (machin)
- le second le nom de domaine (truc.com)

function check_at2($mail)
{
if(count(explode('@', $mail))==2)
return TRUE;
else
return FALSE;
}

Résultat la première fonction met :
0.130824
Et la seconde :
0.209758

C'est donc plus rapide de faire un strpos() qu'un explode() puis un count()

Fermeture des balises orpheline ou non.

En XHTML il est obligatoire de fermer toutes les balises ici un exemple avec une balise HTML
qui est une balise orpheline. Cette balise n'a pas de balise fermante </br> donc on ferme directement la balise à la fin de celle-ci.

Exemple avec une balise non orpheline :
HTML

<p> ici un paragraphe

XHTML

<p> ici un paragraphe </p>

Exemple avec une balise orpheline :
HTML

<br>

XHTML

<br />

Casse des balises et attributs.

Vos balises et les attributs doivent être en minuscule.

Exemple :
HTML

<div ID="MONDIV">Texte dans mon div</div>

XHTML

<div id="mondiv">Texte dans mon div</div>

Attributs entre guillemets.

Vos attributs doivent obligatoirement être entre guillemets.

Exemple :
HTML

<div id=mondiv>Texte dans mon div</div>

XHTML

<div id="mondiv">Texte dans mon div</div>

Formes abrégées des attributs

Vos attributs ne doivent pas être sous forme abrégée.

Exemple :
HTML

<input type="checkbox" checked />

XHTML

<input type="checkbox" checked="checked" />

L'attribut "name" est remplacé par l'attribut "id".

Vous devez remplacer vos attributs "name" par des attributs "id". Mais sachant que plusieurs navigateurs ne prennent pas encore en compte cette notion il est préférable d'utiliser l'attribut "id" ET l'attribut "name" en XHTML. A noter que l'attribut "name" pour les balises a, applet, form, frame, iframe, img, et map est déprécié donc ne l'utiliser pas dans vos code XHTML.
Exemple :
HTML

<input type="text" name="nom"/>

XHTML

<input type="text" id="nom" name="nom" />

Les caractères spéciaux.

L'utilisation des caractères spéciaux doit se faire grâce à leur code html.

Exemple :
HTML

<> &

XHTML

< > &

Voilà en php une fonction qui permet de créer un document XML avec l'insertion d'un fichier XSLT.

<?php

// Création du nouveau document dans $doc
$doc = new DOMDocument();

// Permet d'afficher le document au format xml correctement
$doc->formatOutput = true;

// On ajoute notre XSL
$xmlstylesheet = new DOMProcessingInstruction('xml-stylesheet', 'href="fichier.xsl" type="text/xsl"');

// On ajoute notre ligne au document
$doc->appendChild($xmlstylesheet);

// On affiche le document xml créer
echo $doc->saveXML();
?>