J’en ai parlé timidement, il y a environs 1 mois, je tenais à mettre en place un blog collaboratif sur le web-développement et design.

Si comme moi, vous cherchez régulièrement des news sur des apis, techniques ajax et scripts particuliers, vous savez que ce n’est pas sur le site du zero que vous trouverez ça.

Souvent, c’est sur des blogs de développeurs, pas spécialement dédié au développement que l’on trouve les solutions. Souvent aussi, les développeurs n’ont pas le temps de tenir un tel blog à jour, risquant même de laisser celui ci aux oubliettes après 2-3 articles.

C’est là que je me suis dit qu’il y a un truc à faire: Proposer un blog commun sur le dev et design où les blogueurs ne sont pas forcés de proposer un tuto toute les semaines, mais  peuvent tout même partager leurs connaissances et expériences.

Vous me direz, y a des Forums pour ça. Oui, mais il est difficile de retrouver le bon noyé dans le mauvais sur Forum.

Le projet Frenchcoders renommé  SmashingCoding en hommage à l’excellent Smashing Magazine est né.

Si vous êtes web-développeurs ou web designer et que vous voulez contribuer à l’élaboration de ce blog qui je l’espère sera un jour une référence, vous pouvez me contacter par mail.

Ce problème n’est pas nouveau, ajouter des videos de chez youtube, dailymotion ou encore youmake.tv n’est pas un jeu d’enfants pour ceux qui utilisent l’éditeur visuel de WordPress

De nombreux soucis peuvent apparaitre comme la balise embed qui se change en ibed ou encore la balise object qui se referme trop tôt.

Alors, comme on m’a demandé de trouver une solution, j’ai cherché et j’ai trouvé.

Cette solution marche sur mon blog, mais pas testé ailleurs.

Avant de faire cette manip, je vous conseil de sauvegarder votre source wordpress, c’est réservé aux utilisateur avertis.

1. ouvrez le fichier « wp-includes\js\tinymce\tiny_mce.js » et mofiez cette partie
   // Convert all strong/em to b/i in Gecko
if (tinyMCE.isGecko) {
h = h.replace(/<strong/gi, '<b');
h = h.replace(/<em(\/?)/gi, '<i');
h = h.replace(/<em /gi, '<i');
h = h.replace(/<\/strong>/gi, '</b>');
h = h.replace(/<\/em>/gi, '</i>');
}
   par
   
// Convert all strong/em to b/i in Gecko
if (tinyMCE.isGecko) {
h = h.replace(/<strong/gi, '<b');
//h = h.replace(/<em(\/?)/gi, '<i');
//h = h.replace(/<em /gi, '<i');
h = h.replace(/<\/strong>/gi, '</b>');
//h = h.replace(/<\/em>/gi, '</i>');
}
En fait cette partie de code converti les balises <em> en <i> et malheureusement <embed> en <ibed>.
   ensuite vous sauvez et réupoadez votre fichier.
2. Ca règle un soucis, mais le problème de la balise <object> subsiste.
   Là , ça devient plus compliqué.
   • Vous commencz par télécharger TinyMCE: ici
     TinyMCE est aussi l’éditeur de WordPress
   • une fois décompressé, vous récupérez les dossiers « Media » et « Flash » ici:
     « tinymce\jscripts\tiny_mce\plugins\ »
   • que vous uploadez dans le dossier « wp-includes/js/tinymce/plugins/ » de votre blog
     ensuite vous éditez le fichier « wp-includes\js\tinymce\tiny_mce_config.php »
     et vous ajoutez media et flash à la liste des plugins comme ceci:$plugins = array('inlinepopups', 'autosave', 'spellchecker', 'paste', 'wordpress','media','flash');
   • et ajoutez ‘media’, après ‘image’, à la liste des boutons comme ceci:
     $mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', 'separator', 'bullist', 'numlist', 'outdent', 'indent', 'separator', 'justifyleft', 'justifycenter', 'justifyright', 'separator', 'link', 'unlink', 'image','media', 'wp_more', 'separator', 'spellchecker', 'separator', 'wp_help', 'wp_adv_start', 'wp_adv', 'separator', 'formatselect', 'underline', 'justifyfull', 'forecolor', 'separator', 'pastetext', 'pasteword', 'separator', 'removeformat', 'cleanup', 'separator', 'charmap', 'separator', 'undo', 'redo', 'wp_adv_end'));
   • et vous sauvez et réupoadez votre fichier.

Il ne reste plus qu’à rafraichir le cache de votre navigateur et tester, vous obtiendrez un petit bouton à droite du bouton image qui vous permettra de placer ou réajuster des videos en cas de soucis.

Celles ci apparaitront dans votre éditeur sous la forme d’un bloc jaune.

Simon DUHEM developer/designer web, nous sort un concours comme je les aime : Gagnetondesign.fr

Il s’agit en fait d’un concours destiné aux designers, non codeurs qui désirent disposer de leur propre thème wordpress. Ayant réalisé moi même mon thème wordpress, je sais que ce n’est pas si simple que ça à réaliser.

Pour participer c’est simple, rendez vous sur le formulaire d’inscription en y proposant votre design et en remplissant les diverses informations nécessaires.

Une fois validés, les visuels seront disponibles sur la page du concours, dans l’ordre des soumissions.

Il n’y a qu’un seul gagnant par concours.

La fréquence des concours n’est pas définie, elle dépendra du temps de réalisation du précédent thème gagnant et de sa charge de travail extérieur.

Pour le moment, le concours s’adresse uniquement aux utilisateurs de WordPress. Tout simplement parce que c’est la plateforme qu’il utilise pour son blog. Il a déjà développé quelques thèmes pour cette plateforme, et via son concours, il désir offrir gratuitement son talent.

Encore un peu d’inspiration pour les blogueurs/designer. Voici 45 blogs dont le design sort vraiment de l’ordinaire.

Après Miniajax , voici un nouveau site de ressources ajax: Ajax Rain

sur ce site, vous découvrirez plus 450 ressources ajax triées proprement

A bookmarquer de suite si vous touchez au webdev.

vu sur CSS Juice

voici quelques bonnes inspirations  pour votre portfolio

Pour les adeptes du DHTML/Ajax, cette librairie permet de réaliser des effets de mouvement d’objets intéressants.

http://jstween.blogspot.com/ 

 De quoi devenir un pro de web-design rapidement

1. CSS-Techniques You Couldn’t Live Without
2. 25 Killer Code Snippets Every Good Web Designer Should See
3. 30 Dark Designs You Should’ve Seen
4. 50 Beautiful CSS-Based Web-Designs in 2006
5. CSS Live — Watch a page come together
6. JavaScript + CSS = Nice Picture Display
7. 100% CSS Rounded Corners WITH anti-aliasing. No images. No JavaScript.
8. The (only) Ten Things to Know About CSS
9. TOP 69 CSS Menus with Tutorials and Downloads
10. The RIGHT way to convert your Photoshop design to XHTML and CSS Layout
11. 15 CSS Properties You Probably Never Use (but perhaps should)
12. 71 CSS Menus for free
13. A Handy Little CSS Cheat Sheet
14. 12 Useful CSS Templates
15. CSS tips and tricks!
16. Free Design Templates
17. 12 Basic CSS Templates
18. Awesome: Pure CSS Image Gallery
19. CSS-Based Forms, Modern Solutions
20. Tutorials Round-Up: Ajax, CSS, JavaScript, PHP, MySQL and Much More
21. Howto: Square Corners with CSS
22. 25 Killer Code Snippets every Good Designer Should See
23. Tableless forms
24. A Cool CSS Effect to Dim the Screen (Dashboard Style)
25. Top 10 CSS image gallery tutorials
26. CSS Speech Bubbles
27. CSS Basics
28. 10 CSS Tips from a Professional CSS Architect
29. Over 100 CSS demos
30. Rounded corners without images
31. Holy Grail of CSS layouts
32. More Rounded Corners with CSS
33. COMPLETE Tutorial on CSS & HTML – Beginning up to Expert
34. CSS Layout Techniques: for Fun and Profit
35. CSS Frames
36. CSS Trick: Using Fewer Images
37. Clean CSS
38. Time Sensitive CSS Switcher
39. Handy CSS layout generator for web developers
40. CSS Library Launched
41. List of CSS Tools
42. Learn CSS Positioning in Ten Steps
43. Style your forms with CSS
44. CSS Optimization: Make your site load faster for free
45. CSSPlay.co.uk | tons of cascading style sheet ideas
46. How to create a StyleGuide for your HTML & CSS
47. Most Useful CSS Properties with Examples
48. Top 10 CSS Tutorials
49. Learn HTML or CSS fast
50. CSS Mastery: Fixed-Width, Liquid, and Elastic Layouts and Faux Columns
51. A great way to preload images on your site with CSS
52. Top Ten CSS Gallery/Showcase Websites
53. Over One Hundred page layouts, One CSS File
54. CSS: Getting Into Good Coding Habits
55. CSS Galleries
56. 10 CSS Tips to Make Your Life Easier
57. CSS-Based Navigation Menus: Modern Solutions
58. The only CSS layout you need
59. 20+ CSS Menus
60. CSS Techniques Roundup – 20 CSS Tips & Tricks
61. 5 Worthy CSS Tips
62. CSS Layout Tutorial for beginners
63. Quick ‘n easy CSS borders/shadows
64. Nice CSS How-To and Template site
65. How to Nail a Sexy Layout
66. Sample CSS Page Layouts
67. CSS SuperDouche
68. 5 Steps to CSS Heaven
69. 12 CSS Articles/Tricks of 2005
70. CSS Print Stylesheet Tips and Tricks
71. css Zen Garden: The Beauty in CSS Design
72. Web Developer’s Handbook | CSS, Web Development
73. CSS Beauty | CSS Design Showcase
74. CSS Vault » The Web’s CSS Site
75. Cascading Style Sheets
76. Dynamic Drive CSS Library- Practical CSS codes and examples
77. Layout Gala: a collection of 40 CSS layouts
78. CSS Cheat Sheet
79. CSS Importâ„¢ | The CSS Gallery
80. CSS Techniques Roundup – 20 CSS Tips and Tricks
81. Clean CSS – A Resource for Web Designers – Optmize and Format your CSS
82. centricle : css filters (css hacks)
83. CSS Basics – Making Cascading Style Sheets Easy to Understand
84. 70 Expert Ideas For Better CSS Coding | Smashing Magazine
85. CSS Remix: CSS-Based Website Gallery
86. intensivstation :: CSS Templates :: Templates
87. HTML and CSS Tutorials, References, Articles and News
88. CSS Mania
89. 53 CSS-Techniques You Couldn’t Live Without
90. Spiffy Corners – Making anti-aliased rounded corners with CSS
91. CSS Showcase | CSS Navigation Menus, Tabs and CSS Navigation Techniques
92. CSS Drive- Categorized CSS gallery and examples
93. How to make sexy buttons with CSS
94. Great CSS Editors for Linux
95. CSS Debugging Tools and Tricks
96. Free CSS Editors
97. CSS, Accessibility and Standards Links
98. Behaviour : Using CSS selectors to apply Javascript behaviours
99. 12 Basic Free CSS Templates – 12 Starting points for your CSS based website
100. Dynamic Drive CSS Layouts- Tableless, CSS based templates
101. All CSS Properties Listed Alphabetically

Régalez-vous…

1. An Ajax Hello World project to Get You Going : First program at Mike On Code
2. Rasmus 30 second AJAX Tutorial : first program using Ajax at CoderLab
3. Instant Tutorial : Quick tutorial at AleemBawany
4. Ajax Toybox : Simple first programs including, Hello, World, Dynamic City, State Lookup, Ajax to Clean Your Clock, Ajax Calculator and an RSS News Ticker.
5. A simple Ajax example : a simple program demo for Ajax at MD Groves
6. Ajax Toolbox / XMLHttpRequest AjaxRequest Library Examples : Ajax examples including Error Handling, Time Out, Simultaneous Requests, Activity Monitoring, Form Submittal, Event Handlers, Queued Requests, Request Parameters
7. An Introduction to Ajax : introduction to Ajax at Prokata
8. Implementing simple Ajax interaction in your Web Application using XMLHttpRequest object : Intro + explanatory diagram at JavaReference
9. Nitty Gritty Ajax : Intro and Tutorial at WebMonkey
10. A List Apart: Articles: Getting Started with Ajax : An excellent intro ; Chapter 27 of Web Design in a Nutshell at A List Apart
11. Ajax Beginners Tutorial : Intro at AjaxProjects
12. Guide to Using XMLHttpRequest : Using XMLHttpRequest with PHP and MySQL at WebPasties
13. Ajax : Tutorial at YourHTMLSource
14. Javascript Remote Scripting with PHP : Tutorial at SimpleTutorials
15. How To: Learn AJAX in 20 minutes : Intro at Sematopia
16. Take Command with Ajax : Intro tutorial; at SitePoint
17. Ajax Tutorial : Ajax tutorial at W3Schools.com
18. Ajax Tutorial : at Tizag.com
19. Ajax Hello World : at Jot.com
20. Fundations of Ajax (PDF : by Ryan Asleson
21. All Request, All The Time : XMLHttpRequest explanation at WebMonkey
22. Very Dynamic Web Interfaces via Ajax : at XML.com
23. A Simpler Ajax Path : at OnLamp
24. Alternate Ajax Techniques, Part 1 : Detailed intro at WebReference
25. Ajax:Getting Started : Long intro at Mozilla Developer Center
26. Dynamical HTML and XML: The XMLHttpRequest Object : at Apple.com
27. Mastering Ajax Part 1 : Introduction to Ajax : at IBM
28. Mastering Ajax Part 2 : Make asynchronous requests with JavaScript and Ajax : at IBM
29. Mastering Ajax Part 3 : Advanced requests and responses in Ajax : at IBM
30. Mastering Ajax Part 4: Exploiting DOM for Web response : at IBM
31. How to Develop Web Applications with Ajax, Pt. 1 : App Development Series at WebReference
32. How to Develop Web Applications with Ajax: Pt. 2 : App Development Series at WebReference
33. Developing Web Applications with Ajax, Pt. 3 : App Development Series at WebReference
34. Ajax Workshop 1: Ajax basics & building a simple email verification with prototype.js. : at AjaxLessons
35. Ajax Workshop 2: Building Tabbed Content : at AjaxLessons
36. Ajax Workshop 3: Shopping Cart using Script.aculo.us : at AjaxLessons
37. Ajax Workshop 4: Live Data with JSON & Prototype.js : at AjaxLessons
38. AJAX Was Here – Part 1: Client Side Framework : at CodeProject
39. AJAX Was Here – Part 2: ASP.NET Integration : at CodeProject
40. AJAX WAS Here – Part 3 : Auto Complete TextBox : at CodeProject
41. Step by Step to AJAX : at DevArticles
42. The AJAX Revolution. Join in. : Five-part detailed tutorial ; at telerik.com
43. Very Dynamic Web Interfaces : at XML.com
44. Ajax from Scratch: Implementing Mutual Exclusion in JavaScript : Basic tutorial at Developer
45. AdvancedAJAX 1.1 : at Anakin

Bookmarklets

1. Creating Huge Bookmarklets : Create bookmarklets; bypass various bytes/characters/size restrictions.

Chat

1. Ajax Chat Sources Code for Download : chat using PHP and MySQL
2. Building an AJAX-Based Chat: The Barebones Structure : at DevArticles
3. Lace – Ajax Chat : free web chat application ;demo; download.
4. Most Simple Ajax Chat Ever : at LinuxUser.at

Drag and Drop

1. Drag & Drop Sortable Lists with JavaScript and CSS : sorting for lists and sorting in two dimensions
2. Easy Ajax in symfony : creates a drg-and-drop shopping cart; with demo
3. Building a Drag-and-Drop Shopping Cart with Ajax : at Sys-Con Brasil
4. Scriptaculous Lists with PHP : drag-and-drop at GregPhoto
5. Fun with Drag and Drop with RICO : drag-and-drop with RICO demo
6. Rico Drag n’Drop p2: Rico.Draggable : drag-and-drop with RICO details

Dynamically Content Loading

1. Ajax Dynamic Content : at DHTMLGoodies
2. Dynamically loaded articles : at DHTMLGoodies

Forms and Autocomplete

1. Accessible Forms and Unobtrusive Javascript : at DotVoid
2. Submit a form with Ajax : at CakeBaker
3. Niceforms : at BadBoy
4. Alter data with Ajax forms : at Symphony-Project
5. Ajax Dynamic List : at DHTMLGoodies
6. Chained Select Boxes : at DHTMLGoodies
7. Dynamic Client Lookup : at DHTMLGoodies

File Uploader

1. Better File Uploads with Ajax and JavaServer Faces : file upload with progress-bar; at Java.net

Image/Display/Edit/Gallery/Lightbox/Slideshow

1. Prototype Javascript Lightboxes : window on any page; at Xilinus
2. Lightbox JS : at HuddleTogether
3. Lightbox Gone Wild : at ParticleTree
4. Building aB: Customizing Lightbox : at AlwaysBeta
5. Ajax: What is it Good For? : Ajax powered Fading Image Gallery at DHTML Nirvana.
6. minishowcase : simple php/javascript online photo gallery, powered by AJAX/JSON at frwrd
7. Zen Photo : a simpler web photo album
8. Ajax Image Gallery : ajax gallery demo at StrangerThanFiction
9. Ajax Image Gallery : A very basic Ajax image gallery example
10. S5: A Simple Standards-Based Slide Show System : at MeyerWeb
11. Ajax-S : at RobertNyman
12. Slide Show with Controls : at Zapatec
13. Miniature slideshow for DIVs using Scriptaculous : at BigBold
14. Ajax flickr Slideshow : at Fettig
15. Live Thumbnails: Watch em Grow : at WebMonkey
16. Canvas Reflection Demo : at NeonDragon
17. iPhoto-like image resizing using Javascript : at AgilePartners
18. Ajax Banner Rotation : PHPied
19. Image crop – DHTML user interfaceat DHTMLGoodies

Keyword Suggest

1. Creating an Autosuggest Textbox with JavaScript, Part 1 : at WebReference
2. Creating an Autosuggest Textbox with JavaScript, Part 2 : at WebReference
3. Creating an Autosuggest Textbox with JavaScript, Part 3 : at WebReference
4. How to create the Google Suggest feature with ASP.NET 2.0 : at DotNetJunkies

Live Search

1. HOWTO: Animated Live Search / Ordered List : at OrderedList
2. Live search explained : at JustAddWater

Misc/General

1. Ajax Using ASP.NET 1.1 : Ajax and ASP.NET; at AjaxProjects
2. What Is Ajax? : Ajax and ColdFusion ; at Sys-Con
3. Kick-start your Java apps : Ajax and Java : at IBM
4. Ajax for Java developers: Build dynamic Java applications : at IBM
5. AJAX: Asynchronous Java + XML? : at Developer.com
6. Kick-start your Java apps, Part 2 : Ajax and Java : at IBM
7. AJAX in action : Ajax and Java Technology : 15-minute video on AJAX and Java technology at Sun.com
8. Using JavaServer Faces Technology with AJAX : at Java.net
9. Ajax using XMLHttpRequest and Struts/ : by Frank Zammetti
10. Building a Shelf in WordPress : More-tab-slideout-area tutorial; at Asymptomatic
11. A Tale of Two IFrames or, How To Control Your Browsers History : iframes tutorial; at CodingParadise
12. Saving Session Across Page Loads Without Cookies, On The Client Side : saving state tutorial; at CodingParadise
13. Simple Ajax Functions – Snippets : common functions; at AjaxTutorial
14. Building a Spy : Digg Spy tutorial ; at StromCode
15. Create Your Own Ajax Effects : animated text; at ThinkVitamin
16. XMLHttpRequest Tracing for Ajax debugging : Ajax Debugger

Progress Bars

1. CakeTimer – An Ajax File Uploads Progress Bar : This is a demonstration of an Ajax powered progressbar to monitor file uploads with (Cake)PHP.

Rounded Corner

1. Rico rounded corners without all of Rico : at encytemedia

RSS

1. RSS Ticker with Ajax feed ticker; : at AjaxProjects
2. Simple Ajax RSS ticker script : feed ticker; at DHTMGoodies
3. Slide In RSS items : feed slide in animation; at DHTMGoodies
4. Dragable RSS boxes : drag-and-drop boxes; at DHTMGoodies
5. Ajax RSS reader : at IBM

Shopping Cart

1. Flexstore on Rails Tutorial : by Christophe Coenraets
2. Fly to basket : shopping cart; at DHTMGoodies

Lists/Sorting

1. How to Make Sortable Lists : lists and drag-and-drop- tutorial; at Symphony-Projects
2. Creating sortable lists with PHP and Ajax : at PHPRiot
3. Make all your tables sortable : at Kryogenix

Tabbed Pages

1. Building Tabbed Content : at AjaxLessons
2. Ajax Design Patterns : at Snyke

Trees

1. List based folder tree : at DHTMLGoodies
2. Update a tree with Ajax : at DHTMLGoodies

Username Availability

1. Ajax username availability checking : check username ; at MDGroves

Voting

1. Ajax Poller : at DHTMLGoodies
2. Digg-like Ajax Voting : at Symphony-Project

source

Il peut être intéressant de créer un site pour réunir sa communauté, un réseau social privé par exemple, mais le développement de ce genre projet est assez long, pourtant en cherchant un peu vous pouvez trouver des solutions open source pour votre projet. Par exemple, j’ai découvert vanilla il y a 1 peu plus d’un an, il m’avait assez plus plu, celui-ci à bien évolué et maintenant c’est un projet aboutis.

Lire le reste de cet article »

Ajax peut sembler complexe pour les non-initiés pourtant, ce n’est pas la mort, c’est qu’une fonction javascript parmis tant d’autres.

Qu’est ce qu’ajax?

C’est le plus important à comprendre, on confond souvent Ajax avec le DHTML, or, Ajax n’est tout simplement qu’un nom donné à l’objet XMLHttpRequest permettant de communiquer avec le serveur de façon asyncrone , tout les effets visuels que l’on trouve sur les sites « ajax » sont du DHTML. Actuellement, les frameworks (librairies de développement) combinent souvent les 2, mais font beaucoup plus, croyez-moi, une librairie comme prototype est vraiment génial à utiliser, ça vaut vraiment le coup de toucher au javascript.

l’origine d’ajax?

le principe d’Ajax est né en 2001 avec l’objet ActiveX XMLHttp de Internet Explorer, et oui c’est microsoft qui a pondu ça, néamoins, les autres navigateurs n’étant pas compatible activeX, cet objet est resté au plaquard

Ensuite Mozilla créa XMLHttpRequest et fut suivis par les autres navigateurs (sauf IE évidement).

Le terme AJAX a été introduit par Jesse James Garrett, le 18 février 2005 seulement

comment fonctionne ajax?

AJAX, ou Asynchronous JavaScript And XML (« XML et Javascript asynchrones »), comme le signale son nom, communique avec le serveur grace à javascript et récupère les données en XML.

en fait c’est pas tout à fait vrai car actuellement, car ajax peut aussi récupérer du HTML (on appel ça Ahah) du json, du txt, etc…

une fois les données récupérées, on peut en faire ce qu’on veut. Une utilisation courrante est d’afficher une page html dans une autre sans Iframe. Cette utilisation peut être certe utile, mais c’est largement sous estimer Ajax.

par exemple, en communiquant avec votre base de donnée avec ajax en XML, vous pouvez envoyer et récupérer des tableaux que vous pourrez manipuler avec javascript, et là vous commencerez à avoir une utilisation puissante de ajax.

limitations d’Ajax

1) l’objet XMLHttpRequest a des limites, la principale étant de ne pouvoir communiquer qu’avec le serveur courant, inutile donc de chercher à lire une page de google avec XMLHttpRequest, néamoins, rien ne vous empêche de communiquer avec une page PHP qui elle lira la page distante via CURL ou Fopen, par exemple

2) On ne peut pas récupérer et lire du javascript se trouvant dans une page appelée par XMLHttpRequest. en fait c’est pas tout à fait juste, des astuces (déconseillées) vous permettent de lire le javascript en le plaçant dans des « onload » par exemple ;

3) XMLHttpRequest est très gourmand en ressources SQL puisque vous pouvez lancer plusieurs requètes SQL simultanément.

4) bien que l’objet XMLHttpRequest soit du javascript, il nécésite la réponse d’un serveur.

5) les données récupérées avec XMLHttpRequest reste en mémoire, donc XMLHttpRequest est un gros consommateur de Ram car une même page pourra plusieurs fois être chargée en mémoire.

l’objet XMLHttpRequest

il existe diffèrentes versions de la fonction ajax, celle-ci sont en général très optimisées pour simplifier l’utilisation de l’objet XMLHttpRequest et évité de figer le navigateur.

l’objet XMLHttpRequest est très simple à utiliser.

function ajax(file)
{
if(window.XMLHttpRequest) // l’objet de FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // l’objet activex de IE
xhr_object = new ActiveXObject(« Microsoft.XMLHTTP »);
else
return(false); // ben là le navigateur n’est pas compatible
xhr_object.open(« GET », file, false); // j’ouvre le fichier « file » en méthode get
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText); // et là je retourne le résultat .
else return(false);
}

par exemple avec cette fonction, vous pouvez écrire afficher une page complete dans une alert JS comme ceci

alert(‘ajax(« mapage.php »)’);

vous pouvez essayer, ça marche. Néamoins, je vous déconseille largement ce script pour une raison simple, cette fonction est imcomplète et pourrait figer votre navigateur en cas de réponse trop lente de la part du serveur.

mais si vous désirez juste afficher une .txt via XMLHttpRequest, pourquoi pas.

l’objet XMLHttpRequest est il compliqué avec une librairie js?

Franchement, oui, car ces librairies sont développées pour utiliser toutes les possibilités de l’objet XMLHttpRequest, du coup, vous vous retrouvez avec une panoplie de fonctions à utiliser. Mais heureusement, celles-ci sont souvent bien documentées.

Pourquoi préfère-t-on Ruby On Rails plutôt que PHP pour exploiter l’objet XMLHttpRequest?

Ruby est un language puissant mais pas spécialement orienté web (comme le c et le python) par contre Ruby On Rails est un frameworks Ruby qui va générer du language serveur (ici Ruby), du html et du javascript. Au final, vous n’avez plus qu’un language à utiliser et en plus le code est nettement plus propre.

Il existe néamoins quelques frameworks PHP qui ressemble pas mal à Ruby on Rails.

la prochaine fois, j’essayerai de vous parler du Dhtml

SimpleJS passe en version 0.1:

Рs̩paration de SimpleJS et Ajax (pour pouvoir utiliser que les effets visuels)

– Nouvel effet: Pulsate: Click ici pour tester

– Quelques exemples ajoutés dans le zip. plus d’infos: http://simplejs.bleebot.com/

un SimpleJS sans ajax, ça peut aussi servir!

C’est pourquoi je propose aussi une version light de simpleJS ne contenant pas de fonctions Ajax, mais juste les effets visuels. Cette librairie est fournie avec les plugins simpleacco.js et simpleslish.js.

http://simplejs.bleebot.com/simpleJSlight.zip

babytris
Lire le reste de cet article »

Et oui, une fois de plus, un précieux temps perdu inutilement.

Depuis quelques temps, je bosse sur projet tournant avec Script.aculo.us 1.6.5 . Mon projet bien avancé, hier, je le test sur les autres navigateurs se trouvant sur mon PC, c-à -d IE et Opera. Et là , zut, javascript planté. Bien que j’ai installé une développeur bar sur Opera , je ne trouve toujours pas d’analyseur de javascript. Donc je vérifie mes scripts un à un, et pas d’erreurs trouvées.

Après des heures, je me dit, bon on va supprimer les librairies Prototype et Scriptaculous et tout replacer un par un et là , surprise, c’est là que ça plante!!!

QUoi? scriptaculous plante sur Opera? ben oui, j’ai vérifier le kit fournis et rien ne passe. Bon, j’ai résolu en installant la version 1.6.0 à la place et apparemment ça va.

Mais, bon, moi qui avait reconstruit SImpleJS par ce qu’il plantait sur Opera, je ne comprend pas que Scriptaculous à laissé ce bug sur plusieurs versions différentes.

Cela dit, le site de Scriptaculous, lui, tourne avec une version stable.

Un nouveau plug-in pour simpleJS

il vous permet de créer un effet « accordéon » facilement

il est inclut dans le dernier pack de téléchargement de SimpleJS. http://simplejs.bleebot.com/

Voilà voilà ,

La nouvelle version de SimpleJS est enfin disponible. Le projet repris a zero est très diffèrent de l’ancien.

Le code est réécrit, suppression des nombreuses fonctions inutiles, le projet repart vers la base Ajax. Ainsi Ajax est directement intégré dans les 14 ko, ainsi que des effets visuels.
Je remercie kNo’ et ridi.cu.lous qui m’ont convaincu de ne pas abandonner ce projet.

Pour l’occasion j’ai refait entièrement le site de simpleJS aussi.