11
mar

Starbox, permettre à vos visiteurs de noter avec des étoiles !

 

Logo Starbox

Starbox, basé sur la librairie javascript Prototype, (et utilisant en Scriptaculous pour créer de jolis effets fantômes…)

Va vous permettre de laissez à vos visiteurs le loisirs de noter articles, photos et autres contenus,

exmples d'étoiles

L’enregistrement des votes devant se faire en Ajax, c’est à dire sans avoir à recharger toute la page( pour faire simple)

L’outils est facile à paramétrer et à utiliser:

  • couleurs des étoiles par css
  • nombre d’étoiles, de cran
  • bloquer les votes
  • affichages d’informations sur le nombre de votants, la note moyenne
  • remplacer les étoiles par le lettres ABCDEF
  • renverser le sens des étoiles

 

L’utilisation est simple :

On charge les fichiers

 

<script type=’text/javascript’ src=’js/prototype.js’></script>

<script type=’text/javascript’ src=’js/scriptaculous.js?load=effects’></script>

<script type=’text/javascript’ src=’js/starbox.js’></script>

<link rel="stylesheet" type="text/css" href="css/starbox.css" />

 

On crée le div dans lequel s’affichera la grille d’étoile

<div id="maNOte"></div>
 
Enfin pour afficher les étoiles
new Starbox(element, average);
 
 
Voilà pour aujourd'hui ! DEMO ET DOWNLOAD

american application card credit expressbill card consolidation credit debt life partner,credit card bill consolidationcash back business credit cardbank one credit card offercard christian consolidation credit debthsbc rs credit card,card credit hsbc,hsbc credit card malaysiacard credit debt reduction strategythe best credit card,best card credit rate transfer,best credit card debt helpcard credit debt help onlineapplication card credit depot home,home depot credit card applicationprepaid credit card,international prepaid credit card,prepaid visa credit cardwireless credit card terminalinternet credit card processing services,internet credit card processingapplication card credit unsecureddiscover credit card offer,card credit discover offerlegally terminate credit card debt0 apr intro credit card,0 apr credit card,0 apr card credit studentcredit card debt consolidation oregonbest business credit card offer,business credit card offercard credit loan ukbest reward credit cardcapital one credit card applicationcard consolidation counseling credit debtcompare credit card ukcard consolidation credit debt reductionconsolidate credit card debt,card consolidate credit debt it? ?,consolidate credit card debt without morbad card credit debt ukbalance card consolidat credit transferapplication bad card creditsetup online credit card processingcredit card merchant servicescard credit discover number phonevisa credit card offer,card credit offer visabank card credit securedonline credit card services,card credit online prepaid services,card chase credit online serviceswal mart credit card applicationcard citibank credit,citibank credit card malaysia,citibank malaysia credit card onlineinstant decision credit cardcard credit ukhow to reduce credit card bad debt,bad debt credit card,credit card bad debt statisticscard credit debt guide reduce,reduce credit card debt quickly,reduce credit card debtcredit card bad debt ukamerica bank card credit visacard credit debt elimination programinstant online credit card applicationcircuit city credit card applicationbusiness credit card online applicationbest cash back credit cardapplied bank card card creditbad card credit credit secured,bad card credit credit people secured

29
fév

Validation plugin (Jquery OU Scriptaculous ?)

Alors voici enfin ce que je cherchai depuis un moment.

logo prototype   VS    ?

    Habitué à utiliser Really easy field Validation (REFV pour nous ) avec prototype et scriptaculous, je m’attachai à ce plugin pour rester sur scriptaculous.

 

En effet, il est très simple à utiliser et facilement adaptable, paramétrable, couplé avec juste Prototype et Effects.js de Scriptaculous pour les tests et les effets d’apparition des messages d’erreur.

 

Facilement adaptable, vous pouvez consulté un exemple ici en anglais sur la demo de l’auteur  (telechargement)

ou  en francais sur un site client récent (pas de spam s’il vous plait)

Ses Avantages…

  • Des effets d’affichage des erreurs superbes, sobre mais efficaces.
  • facilité d’adaptation (ajout de types de test temporaires intégrable facilement dans la page ou généraux dans le fichier source)
  • permet la validation javascript des champs lorsque le champs perd le focus ou au submit du formulaire
  • une source legere

Mais alors allez vous me dire, comment ca marche ?

C’est simple, tout d’abord pour chacun de vos champs vous fixez une class css correspondante au type de test requis.

 

<input type="text" name="fax" class="none validate-telephone"/>
 

Ensuite vous donnez un identifiant au formulaire ( par expérience toujours le faire dans tous les cas ;) !)

et enfin, à la suite du formulaire

 

<script type="text/javascript">
	function formCallback(result, form) {
	}
	var valid = new Validation('id_form', {immediate : true, onFormValidate : formCallback});
</script>

  

    Qu’est ce que je découvre aujourd’hui ? un plugin similaire (néanmoins plus puissant) existe aussi avec Jquery Jquery Validation Plugin !

 

Brièvement ? Ben c’est pratiquement le même principe, les mêmes options de bases,  + ?

Eh bien ses avantages :

  • Reprend les mêmes options que celui utilisant Prototype
  • Ajoute la validation sur l’évenement ‘onchange’ (peut être pratique, croyez moi)
  • Ajoute la possibilité de mettre un Capcha
  • Ajoute la possibilité de valider un champs en ajax par la balise remote ( par exemple vérifier que ce mail n’est pas pris !)
  • Et cela me libère de scriptaculous ;) je vais enfin pouvoir tester JQuery, sachant que la communauté est  beaucoup plus dynamique et que le nombre de plugins disponibles est… faramineux !

 

La démo et téléchargement sur le site de l’auteur

 

 

10
sept

LaVieImmo.com : mon premier gros projet en ligne !

C’est avec une grande fierté (et aussi des ptis yeux), que j’ai mis mon premier site pro en ligne cet après-midi !

Le site www.lavieimmo.com rassemble plusieurs services inédits : dépot d’annonces immobilières gratuites, cinq à six actualités écrites par nos journalistes, des données de prix ville par ville, getsion d’un portefeuille immobilier, données statistiques INSEE, guides immobiler…

Dites-moi ce que vous en pensez mais en tout cas, ça fait plaisir de voir son petit bébé en ligne ;)

07
sept

Quel framework Ajax choisir ?

Il va de soit qu’un bon développeur, geeker de surcroit ne peut plus développer un projet sans faire appel à la magie d’Ajax ! Je sais et j’en connais, il y’aura toujours les fans du bon <TABLE> et notepad pour développer, le fait d’utiliser AJAX change vraiment la vie et ouvre la porte à des fonctionnalités vraiment étonnantes.

J’ai commencé par le fameux ’scriptaculous’ (http://script.aculo.us/), mais pour être honnête les mises à jour et nouveaux plugins ne sont pas fréquents.

=> Je l’ai tout de même utilisé sur la V2 du site de www.lavieimmobiliere.com, qui sera en ligne lundi 10 sept et c’est vrai que ça m’a déjà bien aidé pour coder le moteur de recherche, ainsi que les transitions entres les pages, le menu accordéon… Mais toujours avec un pti gout de pas assez…

Alors suivant ajaxrain quotidiennement (à mettre d’urgence dans votre RSS reader), les frameworks à la mode en ce moment sont jQuery et Mootools.

 

C’est donc curieux comme un loup affamé que j’ai testé jQuery sur un petit site web que je suis en train de faire (www.keystone.fr – Pas encore en ligne ! ) et c’est vraiment sidérant à quel point c’est simple et complet. La manipulation des objets DOM est impeccable, celle des CSS également, rapide… Que du bon en boite  !

 

Alors ayant un nouveau projet sur le feu (un site de bourse plutot bien chiadé), avec plein de courbes dynamiques, beaucoup de contenu et finalement peu de place, quel framework choisir ?

- Côté perf : jQuery dont la réputation était très mauvaise au début à améliorer par 8 sa vitesse de traitement, ce qui en fait un des framework le plus rapide => C’est plutot un bon point ça

- Au moins un plugin différent sort par jour, plus fonctionnel les uns que les autres => C’est pas mal non plus ça

- Doc bien fournie

- Communauté très active donc.

 

Et puis en tapant sur une fourmilière, apparait ExtJS… (Tiens je l’avais pas encore vu celui-là !) Mais c’est exactement ce qu’il me faut ! D’ailleurs, pour me comprendre un peu mieux et avant de lire la suite, allez jetter un coup d’oeil aux démos disponibles sur le site :

 

Possibilité de l’utilsier en standalone, ou avec jQuery, YahooUI…

Nombreux effets et des choses comme les datagrid à partir d’un XML m’interessent plus particulièrement, possibilité de télecharger un packake ‘Light’ et de choisir les modules que l’on veut ajouter…

 

Donc à moins que je ne trouve mieux, mon choix va donc se porter sur ExtJS, que je trouve extrêmement bien fouttu et qui évolue super rapidement.

Allé, y’a plus qu’à maintenant !

 

Si vous voulez partager votre expérience, surtout n’hésitez pas car je vous avoue que le ‘benchmarking’ n’a pas été facile et je lorgne encore pas mal sur le YahooUI ou le google Toolkit…

20
août

Ajax : Effet menu ‘DOCK’ à la MacOS X

Sans FrameWork AJAX : FishEye Menu Avec jQuery : iconDock jQuery Plugin Avec prototype et scriptaculous : WhaleSalad