Auteur : lise

Avec l’arrivée deCSS3, il est devenu très simple de réaliser des coins arrondis sans images, grâce à la propriété border-radius.

#menu {
  border-radius: 15px;
}

La propriété CSS3 border-radius n’est pas reconnue par Internet Explorer jusqu’à sa version 8. Heureusement, il existe des solutions pour parer à ce problème, notamment CSS3pie.com.

Après avoir téléchargé l’archive contenant le fichier PIE.htc (fichier à inclure dans votre squelette html), voici la syntaxe css :

#menu {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    behavior: url('PIE.htc');
}

Et voilà !

Une différence importante dans une table sql : le dernier id inséré et l’auto-incrément. En effet, lorsqu’on insère un enregistrement suite à une requête INSERT, l’id généré correspond à la valeur de l’auto-incrément. Mais cette dernière n’est pas forcément celle qui suit le dernier id (par exemple, si on a supprimé des enregistrements directement via phpMyAdmin). Donc comment récupérer la valeur de l’auto-incrément ?

Il suffit d’utiliser la requête suivante :

show table status where name='votretable'

Cette requête donne plusieurs informations à propos de votre table, dont l’auto-incrément. Pour récupérer ce dernier, il suffit d’afficher la colonne ‘Auto_increment’ de votre résultat de requête. Ce qui donne avec l’utilisation de PDO :

$req = $dbh->query("show table status where name='votretable'");
$res = $req->fetch(PDO::FETCH_ASSOC);
$dernier_id = $res['Auto_increment'];

Et voilà !

Après avoir installé Gallery2 sur votre serveur, et en allant sur la page d’accueil de Gallery2 (http://www.adresse.fr/gallery2/main.php), vous avez peut-être une erreur Deprecated :

Deprecated: Assigning the return value of new by reference is deprecated in /usr/share/gallery2/bootstrap.inc on line 43.

Pas de panique ! Ouvrez le fichier bootstrap.inc situé à la racine de votre projet et allez à la ligne 43 :

$gallery =& new Gallery();

C’est le « & » qui pose problème. Il vous suffit juste de l’enlever, ré-enregistrer votre fichier, et l’erreur a disparu. Votre Gallery2 fonctionne de nouveau.

Pour exécuter une fonction javascript à intervalle régulier, voici la démarche à suivre :

1- Créer votre fonction.

function affiche_bonjour(){
     alert('Bonjour');
}

2- Via jQuery, appeler votre fonction grâce à setInterval, qui va répéter votre fonction toutes les x millisecondes.

jQuery(document).ready(function(){
     setInterval(affiche_bonjour, 1000);
});

La fonction permettant d’arrêter cette exécution est clearInterval().

Pour pouvoir mettre une animation flash en plein écran, il existe une commande flash fscommand(« fullscreen », « true »).  Le souci, c’est qu’elle ne fonctionne pas lorsque l’animation est intégrée dans une page Web.

Un contournement existe pour parer à ce problème. Il s’agit d’afficher le flash suivant la hauteur de l’écran. (Nous avons pris la hauteur car le plus souvent les écrans sont plus larges que hauts).  Définissons la hauteur voulue :

hauteur =  screen.availHeight - 60; //compatible Firefox et IE, on enlève 60
qui correspond à la hauteur de la barre navigateur

On ajoute un id aux balises <embed> et <object> pour accéder aux propriétés des éléments. Puis on modifie la hauteur et la largeur du flash :

if(document.getElementById('embed')) {
document.getElementById('embed').height = hauteur;
document.getElementById('embed').width = '100%';
} else {
document.getElementById('object').height = hauteur;
document.getElementById('object').width = '100%';
}

La largeur est à 100% car elle s’adapte automatiquement par rapport à la hauteur.

Et voilà une fonctionnalité plein écran facile à réaliser.

Vous en avez assez de Arial, Verdana et Trebuchet sur vos sites web ?  Alors passez à @font-face ! Très simple d’utilisation à l’aide du site www.fontsquirrel.com.

Démonstration :
– Allez sur le site www.fontsquirrel.com/fontface/generator, ajoutez une typo (au format otf) puis générez votre kit .
– Dé-zippez ce dernier et ouvrez le fichier stylesheet.css. Copiez la propriété @font-face dans votre feuille de style habituelle :
@font-face {
font-family: "Typo";
font-style: normal;
font-weight: normal;
src: url("typo.eot?") format("eot"),
url("typo-webfont.woff") format("woff"),
url("typo-webfont.ttf") format("truetype"),
url("typo-webfont.svg#webfontrTwnpuIE") format("svg");
}
– Copiez les fichiers de police fournis dans le zip (formats eot, woff, ttf et svg) dans le même répertoire que votre fichier css.

Et voilà, il n’y a plus qu’à tester !

Avec Rails 2, pour afficher une variable contenant de l’html (par exemple généré par TinyMCE), rien de plus simple :

<% chaine = "
 
 
 
<div>Bonjour !</div>
 
 
 
 
 
" %&gt;
&lt;%= chaine %&gt;

Avec Rails 3, c’est un peu plus compliqué. La ligne de code précédente, affichera le texte de la variable brut, sans le style html mais avec les balises en tant que texte. Pour parer à ce problème, deux solutions existent :

1. <%=raw chaine %>

2.<% chaine = "
 
 
 
<div>Bonjour !</div>
 
 
 
 
 
".html_safe %&gt;
  &lt;%= chaine %&gt;

Et voilà !