blog sur le développement web, jquery,css3, Magento, Symphony, php et bien d'autres choses

Archives de la catégorie ‘jquery’

Ajax et jquery: comment empecher l’envoi de plusieurs requetes

pour ceux qui veulent empecher l’envoi de requete ajax alors que d’autres sont déja en cours, il suffit d’écouter les évènements d’envo ide requête et de déterminer si ceux ci sont terminés.

si ils ne sont pas terminé il suffit d’interdire l’envoi de nouvelle requete. ici via le return false;


ajaxEnCours = false; // global
$(document).bind("ajaxSend", function(e, jqxhr){
    if(ajaxEnCours) {
        return jqxhr.abort();
    }
    ajaxEnCours = true;
}).bind("ajaxComplete", function(){
    ajaxEnCours = false;
});

jquery map & google : comment créer des google maps à l’aide de jquery

maplace.js

 

Pour ceux qui désirent créer des cartes, autrement appelées map via les service google map de chez google. il existe un très bon outil qui permet simplement d’éditer et de confectionner des maps à l’aide de javascript, a travers la librairie jquery.

En effet, le site maplace.js propose un biblitothèque javascript permetant simplement de poser des markers sur une carte, de créer des itinéraires, d’inscrire des messages etc, le tout sur une google map.

je vous conseil de vous rendre sur la page de maplace.js pour jouer avec les démonstrations en ligne.

S Gallery: une galerie d’images en jquery et css3 , responsive, qui plus est

décidément, en ce moment je ne poste que des plug-in d’effet et de galerie… en voici encore un en css3 jquery et html5. sobre et sympathique. facile à mettre en place. Il affiche les images en mosaïque et lorsque l’on clique sur l’une d’elle elle apparait en gros plan à l’écran. Rien d’extraordinaire. mais c’est léger et efficace. idéal pour un portfolio je pense.

 

voici le lien vers le site du développeur S Gallery

 

voici un lien vers la démo de S Gallery

 

enfin je vous conseil de voir tout ce que fait sara soueidan sur cette page, il y a plein de chose sympathiques

 

 

javascript : détecter l’appuie sur la touche entrer

bonjour, voici un petit « nice to have » qui fait partis des classiques dans la boite à outil du développeur web, à savoir, comment détecter que le visiteur à appuyé sur la touche entrer.

en javascript standard ça donne ça :


onKeyPress="if (event.keyCode == 13) lafonction();"

en jquery ça donne ça


var code = (e.keyCode ? e.keyCode : e.which);

if(code == 13) {

//Enter keycode

//Do something

}

 

Jquery: créer une carte de france interactive avec jquery

il est plus « user friendly » d’utiliser une carte interactive dans un formulaire plutôt qu’une liste ou une textbox, pour récupérer une information géographique. je vous propose dans cet article de voir comment créer une carte de france interactive pour sélectionner un département.

1 – tout d’abord munissez vous d’une carte de france des département vierge, un peu comme ça : http://www.cartograf.fr/fond-carte-france.gif

2 – munissez vous du logiciel gratuit permettant de faire des images map html Mcc HTML Mapper : http://mhm.fr.nf/

3 – le plus chi…. , fastidieux à présent, ouvrez votre carte dans Mcc mapper et amusez vous à découper les départements ou les régions.

4 – récupérer le code html générer en dessous et gardez le sous le coude 🙂

5 – téléchargez la librairie jquery MapHighlight : http://davidlynch.org/projects/maphilight/docs/

votre code html potentiellement pourra avoir cette forme la:


<img class="map" alt="1046.gif" usemap="#1046" src="file:///C:/Documents and Settings/toto/Bureau/mcchtmlmapper/1046.gif"/></pre>
<map id="1046" name="1046">

<area alt="" href="" shape="poly" coords="350,220,363,183,348,184,327,159,312,160,305,173,313,180,306,194,307,204,322,211,331,208,349,218,348,218"/>

</map>

ensuite il suffira d’inclure la libriaire jquery que vous avez telecharger et de mettre en place ce code la:

$(function() {
		$('.map').maphilight();
	});

voila le tour est joué, pour plus de fonctionnalitées concernant la carte, veuillez vous reporter à la documentation du plugin 🙂

Javascript : un site qui regroupe d’incroyable plugin jquery, j’ai nommé UnHeap

voici un petit site très bien fait  qui répertorie pas mal de plugin jquery bien utile et sympa.

les plugin sont classés en catégories.

showcase of jquery plug in

plein de plug-in jquery impressionnant