Archives du tag: jquery

[jQuery] font personnalisée

Comment utiliser une fonte personnalisée sur son site web. Certain(e)s connaissent bien sIFR, mais là il ne s’agit pas de cela, mais de javascript… et ce, grâce à cufon.
lire la suite »

[javascript] google maps API

le tout en javascript

1
2
3
4
5
<!-- Chargement des script directement depuis les serveurs de chez google avec votre clé -->
<script src="http://www.google.com/jsapi?key=GOOLE-API-KEY" type="text/javascript"><!--mce:0--></script>
 
<!-- On charge ensuite les scripts qui nous intéressent -->
<script type="text/javascript"><!--mce:1--></script>

lire la suite »

[php jQuery] upload en ajax

Soit 2 pages, l’une avec un formulaire d’upload (nommée index.html) et la seconde pour traiter les fichier envoyés (nommée traiter.php)

Dans la partie , on insère les appels aux js ainsi que le script d’upload. Ici on l’appelle via une méthode Jquery mais il est possible de le faire via prototype.

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function(){
	var a_envoyer = $('#le_morceau_qui_va_bien'), interval;
	new AjaxUpload(a_envoyer,{
		action: 'traiter.php', 
		name: 'nom_du_champ_php',
		onSubmit : function(file, ext){
		// fonction quand le fichier vient d'être validé (affichage d'un gif animé ou autre)
		},
		onComplete: function(file, response){
		// fonction quand le fichier a été uploadé				
		}
	});
});

Dans la partie on retrouve là où sera l’emplacement de notre formulaire d’upload avec un simple bouton (pour l’exemple, mais on peut remplacer par une image ou autre)

1
	<div id="le_morceau_qui_va_bien"><input type="button" value="Choisir un fichier" /></div>

Pour le post traitement de notre fichier par le script php, on utilisera

1
2
// le fichier de l'upload...
$_FILES['nom_du_champ_php']['tmp_name'];