Reprise du message précédent :
http://blog.rabidgremlin.com/2012/ [...] whitelist/

Wikipedia :i

J'ai une image avec pas mal de formes cliquables.
Je pensais pouvoir utiliser raphael JS pour définir les zones de chaque formes et rendre la zone cliquable par dessus l'image d'origine, mais de ce que je comprend RaphaelJS est juste fait pour dessiner en SVG ?
 
J'ai quoi d'autre comme alternatives ? Je reste sur la bonne vieille balise map ?

 
Ben si une map te suffirait, je vois pas pourquoi se priver. T'es sur que ça marchera du premier coup partout.

 
J'avais envie de tester de nouvelles choses.

raphael js te permet ensuite de gérer les evenements sur le SVG/VML générés
 http://raphaeljs.com/reference.html#Element.click ou http://raphaeljs.com/reference.html#Element.hover par exemple

 
C'est une maladie répandue, chacun la sienne.

L'intérêt de raphael c'est de pouvoir dessiner en SVG et ainsi faire des images complètements indépendantes de la résolution.
J'en ai pas forcément besoin.
 
Après y a des libs comme imagemapster qui permettent de redéfinir des zones cliquables par dessus les images, et d'avoir des effets de hovers et d'autres contrôles sympas, mais là encore, si c'est juste pour définir des zones cliquables, peu d'intérêt de le faire en JS.
 
Et y a la technique CSS qui à mon sens est à chier.
 
D'autres solutions ?
 
Au final pour ce dont j'ai besoin un map avec des areas définies en polygonales fera l'affaire je pense.
 
Je reste sur la solution que je voulais éviter mais au moins maintenant j'ai une idée plus précise d'à quoi servent les autres libs.

Y a pas d'autres solution que le JS (http://www.456bereastreet.com/archive/201112/how_to_adjust_an_iframe_elements_height_to_fit_its_content/) pour qu'une iframe fasse tout la hauteur de son contenu sans scrollbar ?

 
J'avais cherché il y a quelques années et de mémoire non.

Dites, y a des gens qui ont joué un peu/construit des sites avec bootstrap ( http://twitter.github.com/bootstrap/  ) ? Ca semble pas mal sur le papier pour commencer proprement un site, en pratique, ça donne quoi ?

oui
c'est très bien . pense quand même à personnaliser au moins la barre de menu

c'est pas mal mais faut que tout le site soit fait avec du bootstrap (ie: pas de parties indépendantes sur lesquelles tu voudrais garder la barre de menu en haut par exemple + un contenu un peu plus "freestyle" en dessous )

C'est bien pour faire des prototypes ou des petits sites je trouve, mais faut quand même penser à apporter un travail de personnalisation. Exemple: le site de MariaDB, tu vois tout de suite que c'est du Bootstrap.

Une idée de pourquoi mon event "onload" sur une iframe est déclenché avant le chargement complet de celle-ci ?

parce qu'une partie du chargement de l'iframe se fait par ajax ?

Tout le contenu est généré en JS.

Edit : et apparemment pas de callback dans le JS sur la page

C'est super, ça fait gagner un temps fou.
Par contre je te conseille cette lecture : http://ruby.bvision.com/blog/pleas [...] -your-html

Il y a aussi Foundation

Avec l'inconvénient que tu risques de taper pas mal de duplications dans la CSS de sortie selon la capacité du compilo à dédupliquer/optimiser les règles. Et ça *impose* d'utiliser un préprocesseur.

Sauf à utiliser la technique ultime finale: non non les classes non sémanques sont pas dans le HTML si tu les insères en JS

Au final, si tu veux coller à des règles pareilles tu te retrouves à ajouter des indirections sans valeurs et à nommer des trucs qui n'en ont pas besoin au nom de garder des classes sémantiques, qui au final seront de toute façon remplacée la fois d'après parce que les changements seront impossible à supporter via juste du CSS, sauf à avoir inclus des tonnes de hooks dans ton markup (à la Zen Garden).

Ça existe pas un préprocesseur html/css qui implémente les mixins en collant les classes des mixins dans les éléments qui matchent la règle qui utilise le mixin ?
(Un peu l'idée de ce que tu dis en js, mais coté serveur, en gardant la syntaxe less/cass habituelle, et idéalement avec un "compilo" qui choisit entre cette méthode et le mixin par copie de règle css selon la taille du contenu css et la probabilité d'occurence d'éléments qui matchent, voire sur un profiling réel sur un set d'url)

Pas à ma connaissance. Ça pourrait être fun dans un outil de génération statique. Par contre un mec a appliqué du GA à la compression CSS: http://friggeri.net/blog/a-genetic [...] mpression/

 
Ouais, les résultats sont décevants
 
Par contre, je me demande ce qu'il se passe si quand tu fais l'élection de tes règles css, tu compresse en même temps ton fichier et tu choisis les règle en mode greedy, en les choisissant en fonction d'une heuristique genre "couverture du graph des règles" divisé par "taille exprimée en utilisant les backréférences déjà compressée", en utilisant un dico de huffman fixé à partir de la génération précédente (la répartition des caractères devrait pas varier énormément entre les générations.
 
Tu dois aussi pouvoir définir des points de coupure dans ton stream gzippé, puis tenter des inversions de paire quand la perte de certaines backréférences du bloc avant sur le bloc arrière permettent d'en créer de nouvelles dans l'autre sens. Et aussi des zones du stream faits de blocs consécutifs librement permutables (au seins d'une règle), pour essayer de coalescer des tuples de backrefs ensemble. (si t'as "A"."B" au début et "ref-B"."ref-A" et que les blocs ref-B et ref-A sont permutables, ou alors A et B, tu peux en permuter une des deux paires pour merger 2 backrefs en une seule et gratter quelques octets).

 
J'apprends le html/css et je dois rendre un premier projet sous peu, jai un aside qui est fixed, et selon les résolutions, il arrive qu'il dépasse sur ma bannière en footer lorsque l'on scroll en bas..
 
J'ai beau chercher, je trouve pas, existerai pas une propriété css pour limiter de tel à tel endroit le fixed ? Ou c'est pas normal et mon code comporte une erreur ?
 
Merci d'avance les gens !

Ben fixed c'est fixed, ça sort du flow normal donc c'est pas impacté par les autres balises.

Dites moi que je peux faire autrement que ça
 

function setIframeSize()
{
    var prevIframeHeight = 0;
 
    var intervalHeightID = setInterval(function() {
         var iframeHeight = $('#techneosearch')[0].contentWindow.document.body.scrollHeight;
         if (iframeHeight == prevIframeHeight) {
             $("#techneosearch" ).height(iframeHeight);
         } else {
             prevIframeHeight = iframeHeight;
         }
     }, 10);
 
    var intervalClearID = setInterval(function() {
        clearInterval(intervalHeightID);
        clearInterval(intervalClearID);
 
        $('#techneosearch').contents().delegate('body', 'click', function() {
            setIframeSize();
        });
    }, 3000);
}
 
$(document).ready(function() {
    setIframeSize();
});

function setIframeSize()
{
    var prevIframeHeight = 0;
 
    var intervalHeightID = setInterval(function() {
         var iframeHeight = $('#techneosearch')[0].contentWindow.document.body.scrollHeight;
         if (iframeHeight == prevIframeHeight) {
             $("#techneosearch" ).height(iframeHeight);
         } else {
             prevIframeHeight = iframeHeight;
         }
     }, 10);
 
    var intervalClearID = setInterval(function() {
        clearInterval(intervalHeightID);
        clearInterval(intervalClearID);
 
        $('#techneosearch').contents().delegate('body', 'click', function() {
            setIframeSize();
        });
    }, 3000);
}
 
$(document).ready(function() {
    setIframeSize();
});

 
Ouch.

 
Mouarf, en effet..
 
Merci bien    

Also, dans une grosse webapp full JS compliqué et tout avec un designer plus jamais j'utilise de form fields, contenteditable all the things

Comment vous testez du code JS qui a besoin de faire plusieurs appels xhr de suite sans foutre la grouille dans la db?

What the cunt

http://programmers.stackexchange.c [...] -utf8-true

Nice, ça explique des problèmes que j'avais eu avec.

On utilise jasmine pour les tests unitaires, et capture/mocke les reponses. Jasmine ou sinon.js permettent ce genre de truc.

'tin j'ai .focus() qui marche pas dans opera sur un div[contenteditable]

edit: oh les gros cons, ça marche que si tu mets tabIndex=0 sur le div, alors que tu peux tabber ou cliquer dessus pour le focuser

Bah si tu veux focus un élément qui n'est pas fait pour, tu dois mettre un tabindex>=0; c'est comme ça partout

Un élément avec contenteditable=true est fait pour être focusable et éditable de base (par l'utilisateur) gros malin, même dans Opera si tu cliques dessus (avec ton mulot) ou que tu tab dans la page tu vas y arriver, c'est uniquement un focus programmatique (via .focus()) qui échoue et uniquement dans Opera. Proof (en bold et lié, le chemin qui dit que c'est censé marcher et qu'Opera fait de la merde):

Ergo appeler la méthode focus sur un élément qui a @contenteditable=true doit lui donner le focus (sauf à avoir un tiers refusant le focus/blur, mais c'est pas le cas ici)

edit: bordel, et ça marche dans un testcase réduit avec juste un div et un bouton.

EmberJS peut-être comparé à BackboneJS ? Vous choisiriez lequel ? Ces frameworks ont le même but ?

 
Backbone t'offre un ensemble d'objets avec une responsabilité définie, pour te faciliter la vie, mais c'est à toi de définir l'architecture, l'avantage c'est que tu peux rapidement l'adapter pour faire ce que tu veux, utiliser les outils que tu préfères.
 
http://documentcloud.github.com/ba [...] -tim-toady
 
EmberJS vient avec sa philosophie, ses codes, etc...
C'est une des raisons pour laquelle t'as un guide sur le site d'emberjs mais sur celui de Backbone t'as simplement des exemples d'implémentation.

 
Donc EmberJS si je veux aller vite, BackboneJS si je veux quelque chose de plus flexible et puissant.

je ne connais pas Backbone, mais Ember est aussi en plein développement. L'adaptateur pour la base de données est fonctionnelle mais il manque par exemple une bonne gestion des associations entre les objects (faut faire sa sauce quoi). Mais tu as plus de fonctionnalités out of the box avec ember.