Reprise du message précédent :
c'est une petite convention bien utile  pour se souvenir que c'est un objet jquery

Ça se tient  

IWH 1234

IWH 1234

IWH

Jquery    
 
J'avais jamais tilté qur .live(event, handler) etait deprecated (remplacer par on(event, handler)),
 
et vu que j'appelle jquery par  
 

 
Ils sont passés en 1.9 depuis peu (hier ?), et paf l'admin qui pete (basée sur un peu de live()).
 
Moralité : se documenter sur ce qui est deprecated et donc potentiellement à supprimer,  
ou ne pas appeler jquery par jquery-latest.js

http://philipwalton.com/articles/w [...] t-z-index/

En dev ça va, mais en prod faut être ravagé pour pas pinner les dépendances

ne pas laisser un jquery-latest en production. Tu mets la version sur laquelle tu as validé le site.

 
c'est encore en dev    
 

Et puis utilise le CDN de Google, il est plus rapide

Salut,  
 
Je viens du topic [blabla@prog] Omaha Beach : le topic dédié
 
J'ai une question pour évaluer/budgétiser le travail pour créer un champ de recherche pour des locations sur l'ile de france avec autocompletion
dans le style du  http://www.pap.fr et reprenant le même plugin : http://loopj.com/jquery-tokeninput/
 
Les fonctionnalités que j'ai recensé :
- Il n'y a pas de sensibilité à la casse
- Possibilité de taper des régions, départements, communes
- Il y a des caractères d'alphabets étendus (é,à,-,...)
- Possibilité de taper des mots non contigus (ex: neuilly sur marne -> proposition Neuill-sur-Marne)`
- Recherche par code postal
- Pas besoin de recherche d'abord pas département ou CP pour des communes homonymes (différenciation avec le CP à coté du nom de la commune)
- Sélectionner plusieurs villes en succession.
 
Il y en a certainement d'autres mais je ne suis pas développeur.  
 
- Durée nécessaire pour un développeur php assez expérimenté ? (je ne sais pas si l'autocompletion c'est son dada)
- Les fonctionnalités à mettre en place en plus du plugin ?
 
Merci pour vos renseignement.

http://jsperf.com/html-escaping-via-dom/2
 
Le profil de firefox

Tu veux qu'on te réponde sous quelle forme ? Un powerpoint te conviendrait ? Avec explications étape par étape ?

Yo!
 
$(this).closest('.service-opened').addClass("flipOutY" ).removeClass("flipInY" ).hide();
 
comment je rajoute une pause de 1s avant le hide() ??
delay() ne sert qu'à la pile d'effets du animate...
 
il me semble que j'avais fait un truc avec un setTimeOut mais plus moyen de mettre la main dessus
 
edit: c'est bon, c'est résolu

Une question purement CSS
 
Les animations CSS 3D, vaut mieux les faire sur une img ou un div contenant l'img ?

 
Ca dépend de ce que tu veux faire

 
 
un flip, bon j'ai fait sur la div autour. Ca marche bien... a mon avis ça doit marcher dans les deux cas, mais y'a peut être des bonnes pratiques

 
Ne te sens pas obliger de répondre si c'est pour le faire ainsi. Pas besoin d'être agressif.
 
Je n'attends rien de personne, si quelqu'un souhaite m'aider c'est sympa, sinon je ferai avec.

 
Pour une image qui flip horizontalement.
 
il faut jouer avec les :
z-index pour "masquer"
-webkit-transform: rotateY(180deg) sur le .front
-webkit-transform: rotateY(0deg) sur le .back
-webkit-transition pour la transition sur les div
et -webkit-perspective pour un rendu plus "réaliste" sur le .container
et le -webkit-backface-visibility: hidden pour ne pas voir le dos d'un élément, le faire sur les div
 
Chose que j'ai déjà essayé de faire en css (je connais pas encore js) donc je m'en souviens un peu.

 
Tu rajoutes un delay, et tu force le hide à 0, ça doit fonctionner.

Comme vu dans blabla@prog, tout dépend de l'existant et de ce qui est voulu exactement :
- avez vous une base des villes / communes ou faut il aller les chercher quelque part ?
- l'auto complétion doit elle gérer les codes postaux, villes avec plusieurs noms qui changent de temps en temps ?
- la partie js doit elle être en js pur ou y a t'il déjà une librairie disponible ?

'jour
 
Vous avez des pointeurs / BP pour l'organisation de code JS indépendamment d'un framework ?
 
Comme souvent, je suis sur une appli web avec peu de JS (~1000 LOC), mais même comme ça c'est rapidement le brol.
Généralement, j'ai un main.js avec  

$(document).ready(function () {
}

 
et là dedans, j'appelle les fonctions de setup de mes différents éléments ou composants externes, puis je bind les événements qui vont bien. Du coup je me retrouve avec plein de petites fonctions spécifiques, sans spécialement de structure. C'est du traitement de données uniquement, je pense pas qu'il y ai spécialement de besoin à faire de l'objet sauf éventuellement à namespacer quelque chose (et encore, je vois pas de besoin non plus là dessus).

 
C'est un site immobilier, donc je dois élaborer un moteur de recherche de ce type.
Il a déjà été mis en place (vente, location, nombre de pièces, prix, loyer, surface...). Concernant la localisation pour l'instant c'est un menu déroulant avec choix multiples (tout les arrondissements de paris).
Et je souhaite maintenant élargir la recherche sur l'ile de france et le menu déroulant n'est plus l'outil adéquat, il faut que je passe à un champ texte avec autocompletion.
 
Le moteur de recherche devient l'élément principal du site. Un bon moteur c'est la garantie que les gens prennent du plaisir à l'utiliser.
 
- Pour la base de données comme il est développeur php, je pense qu'il doit savoir où récupérer ce type d'informations. Je me suis renseigner sur la manière de récupérer une base mise à jour.
Ex : http://keliglia.com/index.php?post [...] n%C3%A7ais
- Pour l'instant je souhaite me concentrer sur l'ile de France (au mieux), ou Paris avec la petite couronne (Paris+92+93+94) si on peut gagner du temps, et rendre la tâche moins fastidieuse pour commencer.
- La partie js utilisera la librairie jQuery (je sais qu'on est pas obligé de bosser avec une librairie, mais qui ne le fait pas aujourdh'ui?) + le script tokeninput
 
Ce que je voulais juste savoir c'est l'ampleur de la tâche.  

C'est le genre de détails qui peut être complexe à avoir à jour.
Et être dév' php ou même dba ne veut pas dire être expert dans le domaine des lieux en France. C'est le genre de trucs qui demandent de la main d’œuvre pour avoir une base bien à jour ou alors d'aller payer des prestataires qui fournissent ces bases.
 
Donc d'un coup cette "petite" fonctionnalité semble pouvoir prendre plus de temps que de simplement foutre un champ en auto-complete dans un formulaire.

$(document).ready(function () {
}

 
Si on part du postulat que t'utilises pas de fonction propore à un framework pour loader/organiser le code:
 
- Faire une classe permattant de faire des "namespaces" (ex CreateNamespace ("Toto.tat.titi" )
- Séparer le code dans divers fichiers comme en programmatio OO classique, chaque object dans son fichier avec ses membres et son namespace.
 
Après tu peux concaténer le tout; déjà ça devrait structurer un peu le source.
Tu dis que t'en ressens pas le besoin, mais je sais pas comment tu fais avec un fichier unique de 1000LOC. sans compter les problèmes d'écrasement de variables et de fonctions à pas avoir de scopes bien séparés.
 

$(document).ready(function () {
}

C'est difficile à dire sans voir ton code, mais Backbone m'aide bien pour structurer le code. J'arrive à faire des widgets/vues spécialisées et configurables:
 

App.userForm = new App.FormView({
    name: 'users',
    collection: App.users,
    fields: {
      username: {type: 'string', label: 'Username'},
      password: {type: 'string', label: 'Password', attributes: {'type': 'password'}},
      firstname: {type: 'string', label: 'First name'},
      lastname: {type: 'string', label: 'Last name'},
      email: {type: 'string', label: 'Email'},
      isStaff: {type: 'boolean', label: 'Is staff'}
    }
  });

 
Et puis y'a du code dont la configuration est encapsulée:
 

App.users = new App.Users;
  App.posts = new App.Posts;
  App.tags = new App.Tags;
  App.session = new App.Session;
 
  App.region = new App.Region;
  App.overlay = new App.Overlay;
  App.router = new App.Router;

 
Tout ça dans mon DomReady. Ça fait 120 lignes d'initialisation, mais je vois pas comment faire autrement. Je pense que c'est un mal nécessaire.

Comment faire pour afficher dans une page web des accents html en code (= qu'ils ne soient pas interprétés)
 
Car quand je mets ça dans ma page :
 

 
J'ai que des "à" partout et ça ne s'affiche pas de manière brute.  
C'est surprenant que <code> ne permette pas de l'afficher en brut

 
&amp;agrave;

Webkit ne permet pas de définir une transition (CSS) d'une unité à une autre
 
Tu transitiones de height: 20px à height: 33%, ben a pas transition ça toggle direct
 
Solution: height à 0% et min-height à 20px à la place
 

 
Tu peux le faire très simplement en JS

mais dans ce cas là , le début de l'animation est mangé,non ?  
ce que je fais ici ( mais je ne sais pas si c'est une bonne pratique )  

var current_height = $el.height();  //en pixel 
$el.css('height' , 33%);
var target_height = $el.height(); // en pixel 
$el.css('height',current_height +'px');
 
//animate de current_height a target_height
 
$el.css('height','33%');

Je n'ai pas pu mettre en avance de clignotement ou de flash  lié au changement brutal de hauteur , même susr IE6
 
EDIT : a mais tu veux le faire sans js.

Ouaip

Mais bon pour mon cas ça passe, d'autant mieux en accélérant légèrement la vitesse de transition et/ou en jouant sur la fonction de transition.

Il serait plus précis de dire que je veux pas le faire avec du JS, là j'ai un changement d'état simple avec une seule classes ajoutée ou retirée, il n'y a pas plus de logique programmatique que nécessaire.

C'est beau de n'avoir à supporter que des navigateurs moderne
Moi j'ai encore IE8 et 9 dans  mes cibles

C'est pour un truc genre devtools, dans IE9 il n'y aura pas de transition animée et c'est tout.

 
Tout con mais fallait y penser !
 
Merci beaucoup

 
Tu peux ptêtre mettre un élément dans l'élément que tu veux faire grandir et l'animer de "height:20px;margin-top:0%" vers "height:0;margin-top:33%;" ?

Custom events for fun and profit and finding backbone views (or whatever)

Y'a des gens qui connaissent Sencha ?
 
Dans ma boite, ils ont une appli, assez baleze, faite en windev. Ils veulent faire une version + light en full web. Evidememeny comme ils n'y connaissent rien, ils sont parti pour faire ça comme on fait un site web perso, genre avec Dreamweaver et jquery mobile  
 
Je leur ai dit que pour ce genre de truc il fallait une vrai achitecture, avec du versionning, un serveur de test, un de prod etc.. c'est meme pas mon boulot, je suis webdesigner à la base.. mais bon...
Donc là je fais des recherches, Sencha a l'air top! mais ça a l'air assez dur a prendre en main. Y'en a qui s'y connaissent un peu la dedans ?
 

Dis leur de le faire avec Webdev