Recharger le contenu d’un iframe via Javascript

Commençons par situer le contexte:
Un client me demande d’afficher une carte Google (google maps) dans un iframe (c’est le moyen le plus simple d’intégrer une carte google maps dans un site web). Sur la carte, un marqueur indique l’emplacement de l’adresse de son bureau.

Le site de mon client étant adaptif (mon dieu que ce terme est laid! Responsive design, si vous avez une meilleure traduction, je suis preneur), mon cher et bien aimé client aimerait que le marqueur soit toujours situé en plein milieu de la carte, même après qu’il ait modifé les dimensions de son navigateur, ou après qu’il ait alterné le mode paysage/portrait de sa tablette.
Lire la suite de l’article

Ajouter dynamiquement des liens JS et CSS dans la balise head de votre site

Ajouter des liens vers des fichiers JS et/ou CSS dans le layout est quelque chose d’extrêmement facile dans CakePHP:
Par exemple:

// fichier View/Layouts/default.ctp

echo $this->Html->css( array(
   'bootstrap.min',
));

echo $this->Html->script(array(
   'jquery-1.10.2.min',
   'modernizr',
   'bootstrap.min',
));

Ceci aura pour effet d’ajouter les lignes suivantes dans le rendu HTML:

<link rel="stylesheet" type="text/css" href="/3musketeers/Humans-Rights-Report/css/bootstrap.min.css" />
<script type="text/javascript" src="/monsite/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="/monsite/js/modernizr.js"></script>
<script type="text/javascript" src="/monsite/js/bootstrap.min.js"></script>

Lire la suite de l’article

Ajouter une méthode TRUNCATE à tous vos modèles CakePHP

La classe AppModel dans CakePHP possède un nombre conséquent de méthodes intéressantes, cependant il y a une méthode qui n’a pas été implémentée et qui pourtant peut se révéler particulièrement utile dans certains cas. Il s’agit de la méthode truncate().

Pourquoi cette méthode n’est-elle pas implémentée? Sans doute car trop dépendante du système de base de données utilisé? Ou alors parce que les développeurs du framework n’y voient tout simplement aucun intérêt… Aucune idée, mais ce n’est pas vraiment ce qui nous intéresse, n’est-ce pas? Au lieu de se focaliser sur le pourquoi, concentrons-nous donc sur le comment
Lire la suite de l’article

Javascript: Tester si une variable est déclarée, définie ou rien de tout cela

Quels sont les différents moyens de tester en javascript si une variable est définie ou non?

1. Tester la valeur d’une variable

var a;
if ( a == undefined ) {
   // ...
}

Problème: undefined est également une variable, ce qui signifie que sa valeur peut être modifiée! Le résultat de la condition peut donc être totalement différent du résultat attendu…
Par exemple:

var a, undefined = "defined!";
if ( a == undefined ) { // le programme n'exécutera pas le contenu du IF
   // ...
}
var a;
if ( a == null ) { 
   // ...
}

2. Tester l’existence d’une variable

if ( a == null ) {
   // ...
}

Attention: lance une exception ReferenceError: “a” n’est pas défini

if ( typeof a == "undefined" ) { // si la variable n'a pas été déclarée auparavant
   // ...
}

La méthode la plus sûre je pense…