22 mar
Par Clément dans Ajax, HTML, Javascript, PHP, Screencasts
Mots-clefs :Ajax, Javascript, Lightbox, PHP, Prototype, Screencasts, SQL
Bonjour à tous !
Le second screencast de Dator.fr est déjà là ! Grâce à celui-ci vous aller apprendre à créer une pagination en ajax en utilisant Prototype, PHP, SQL et Ajax !
N’hesitez pas à me dire ce que vous en pensez et surtout me dire si vous n’avez pas compris quelque chose, les commentaires sont la !
Bon « visionnage» de vidéos !
PS : Je crois que le son n’est pas super bon…
Edit : Voici les sources complètes
« Creer un moteur de recherche en Ajax | Weesk, plateforme de partage de fond d’écran »
Aucun trackback
40 commentaires
Maxime
22 mars 2008 à 12:36
1Je l’ai regardé rapidement mais c’est puissant. J’y reviendrai surement dans les semaines à venir pour tester
Julien
22 mars 2008 à 14:53
2Sympa
Le problème avec ce type de pagination, c’est que tu perds en nombre de page vus étant donné que tu ne te dirige pas vers une nouvelle page.
Cela peut poser problème dans le cas de la monétisation du site en question.
tibo3813
25 mars 2008 à 16:58
3J’ai pas compris comme tu faisais pour mettre les « []» autour de la page en cours… [ui je sais c'est le truc supplémentaire qu'on en parle deux secondes dans la vidéo mais j'en aurais besoin xD]
En tout cas bonne vidéo, pas encore a mon niveau étant donné que j’y connais pas grand chose au JS mais bon
Dator
25 mars 2008 à 21:41
4Enfaite, dans l’ajax, tu as la page en cours et tu fait une boucle de 1 jusqu’au nombre de page total avec increment de 1 à chaque tour ($i).
tu as juste à faire un test dans cette boucle pour comparer la valeur de l’increment ($i) dans la boucle à la valeur de la page en cours .
Si $i == $pageActuelle alors tu met les [] autour d’identifiant de la page sinon tu met juste l’identifiant .
J’espère que c’est assez clair
FredK
28 avril 2008 à 14:22
5Petite question dérivée : Quel est l’éditeur que tu utilises dans la vidéo ?
il a l’air très bien. Gratuit ? Merci.
Dator
28 avril 2008 à 15:08
6@FredK : Il s’agit de Zend Studio mais il est payant .
Je te conseille en gratuit PDT All In One (Basé sur Eclipse).
FredK
28 avril 2008 à 18:09
7merci pour les infos !
Florian
8 mai 2008 à 14:57
8Merci pour ton petit tuto vidéo ça va bien me servir pour faire mon système de commentaire en l’adaptant
Sinon oui Zend studio est l’un des meilleurs programme pour développer je l’utilise depuis quelques mois maintenant et je ne peux plus m’en passer
electro_rifino
14 mai 2008 à 13:23
9merci pour ce video
il est tré bien mais c encore mieux si vous poster le code source.
un grand merci
electro_rifino
19 mai 2008 à 13:25
10alor pas de reponse!!!!!!
Dator
20 mai 2008 à 7:54
11Voila les sources sont disponibles !
Bon courage
et merci de suivre dator.fr
electro_rifino
20 mai 2008 à 15:27
12té un bon mec
merci encor
electro_rifino
20 mai 2008 à 16:08
13je vais améliorer encor ce script je v ajouté une fonction qui limite l’affichage des page avant et apré la pageactuelle;-)
Samy DJ
12 juin 2008 à 23:55
14Salut,
Pour commencer je suis novice en AJAX.
J’ai essayé de reprendre ton script qui est génial,
Je voudrais ce code en mootools mais je n’arrive pas pourrais tu m’aider.
function pagin(page){
$(’load’).show();
new Ajax.Updater({ success: ‘photos’},’ajax/pagination.php?page=’+page,
{
method: ‘get’,
onComplete: function(){
$(’load’).hide();
}
});
}
Dator
13 juin 2008 à 8:37
15Bonjour Samy DJ,
Pour mootools, il faut adapter le code, car l’appel des fonctions AJAX avec prototype et mootools sont différentes.
Pour en savoir plus, tu peux regarder la doc de mootools ou alors attendre qu’un prochain screencast apparaisse (ou tuto écrit) pour mootools !
Bonne lecture et bon courage
Clément
Samy DJ
13 juin 2008 à 11:01
16Salut,
Merci pour ta réponse rapide j’ai réussis (enfin presque).
window.addEvent(’domready’, function (){
page=1;
var url = ‘ajax/pagination.php?page=’+page;
var options = {
update : $(’affichage_photo’),
method: ‘get’,
}
var myAjax = new Ajax(url, options);
myAjax.request();
});
function pagin(page){
var url = ‘ajax/pagination.php?page=’+page;
var options = {
update : $(’affichage_photo’),
method: ‘get’,
}
var myAjax = new Ajax(url, options);
myAjax.request();
}
voila ce que je fait j’ai du enlever les $(’load’).hide(); car ils ne voulaient pas marcher.
Mais le problème c’est slimbox (lightbox pour mootools).
Il ne marche pas.
Et le code javascript pour mettre un effet photo sur mes miniature ne marche pas non plus.
Pourrais tu m’aider si je t’envoie mes source?
Dator
15 juin 2008 à 18:15
17Je t’aurais aidé avec plaisir mais en ce moment je n’ai pas le temps. Je suis en période d’examen et j’ai pas mal de projet.
Par contre tu peux me poser n’importe quel question, j’y répondrais avec plaisir
Bonne soirée
let
10 juillet 2008 à 13:09
18salut Dator,
trop bieeeeeennnn tes videos.. tellement bien que.. tu pourrais nous les mettre en téléchargement ???
Dator
10 juillet 2008 à 13:16
19Je vais bientôt mettre en place une solution pour pouvoir consulter les screencasts offline ! Ne vous inquiétez pas !
Clément
Alexandra
11 juillet 2008 à 10:16
20Bonjour,
Un petit message pour feliciter l’auteur : c’est clair et beaucoup plus ludique d’un simple code! …. et en plus, ça marche, ce qui n’est pas le cas de tous les tuto que l’on peut trouver sur la toile !! lol
Et Bravo de prendre ce temps pour les autres
badlieutenant
15 septembre 2008 à 10:07
21slt (pre) Dator lol
pourquoi utilises tu une variable dynamique dans ton test :
if($$pageActuelle>$nombreDePage)
(pourquoi faire simple, qua,d on peut faire compliquer…)
au delà de ca, effet interessant, sauf qu’un peut compliquer si on ve ajouter d’autres champs de la table dans box lightbox
car la largeur s’adapte au width de l’image alors si on ve mettre un plus long commentaire : par exemple faire un synopsis (resumé de film) dans la lightbox le texte est coupé
bojour chez toi.
Clément
15 septembre 2008 à 13:51
22@badlieutenant: Merci pour ton commentaire, j’expliquais juste le principe de base pour que tout le monde puisse comprendre !
@Alexandra: Merci beaucoup Alexandra, j’espère te revoir très vite sur le blog
HWICE
16 septembre 2008 à 19:56
23Bonjour,
J’ai très aimé ce petit video. J’ai adapté le code a mes besions. Mais je me rend compte que sur IE ca ne fonctionne pas.
est-ce juste mon cas??
shinigami
24 novembre 2008 à 3:40
24@HWICE : Il faut nous donner votre adaptation de cote, c peut être le Pb.
Pour mon cas, ça marche très bien. j’ai juste une question qui me préoccupe.
Comment faire pour mettre 2 paginations dans une même page ?
Merci pour le tuto
Clément
24 novembre 2008 à 12:28
25@HWICE: Prototype a des soucis sous ie. je vous ferais un screencast pour une pagination AJax avec jQuery dans peu de temps !
@shinigami: Alors déja tu veux deux pagination pour le même élément (pagination haut et bas) ? ou pour 2 élements différents ? (2 galleries photos ) ? Merci à toi de me lire
shinigami
24 novembre 2008 à 15:28
26Je parlais de 2 éléments différents, par exemple : une pagination pour les articles une autre pour communiqués de presse, et cela dans une même page.
Merci à toi Clément.
Roulien
4 décembre 2008 à 16:47
27HEllo,
super sympa ce tuto video,
je suis en train de mettre en place un site et sur ma home je présente les 5 derniers events, les 5 derniers jobs, les 5 dernieres news.. etc et j’aimerai comme shinigami savoir comment adapter pour plusieurs boxes..
Merci!
Clément
4 décembre 2008 à 17:03
28@Roulien @shinigami: Je vous fait sa dans un prochain tutorial vidéos ca vous va ? avec jQuery ? Ok ?
Merci en tout cas pour vos encouragement
jaluz
28 mars 2009 à 10:22
29Bonjour,
Tout d’abord merci pour ce tuto très sympa.
Pour autant, il m’est impossible de lire la vidéo en entier, celle-ci se bloque systématiquement à environ un tiers de son déroulement.
Auriez-vous une solution à me donner. Peut-être un lien de téléchargement…
En tout cas merci encore pour le travail réalisé !
kasty
2 avril 2009 à 9:06
30Pareil, ça bloque aussi chez moi à 10min16, dommage c’était super intéressant…
graffiti
13 janvier 2010 à 11:24
31Bonjour clément,
super screencast, je cherchais justement a comprendre comment réaliser une pagination en ajax…
Malheureusement j’utilise déjà jquery pour la manipulation des images dans le contenu et donc j’attends avec impatience ton futur tuto vidéo avec jquery !
Te serait il possible de nous avertir de sa mise en ligne ? (envoyer un petit email par example :p )
arno31
10 mars 2010 à 0:04
32Bonjour,
Je trouve ton tutoriel très intéressant sauf que je n’arrive à en voir qu’une petite moitié, le chargement de la vidéo s’arrêtant.
Aurais-tu une solution ?
Merci d’avance.
pharmacieaz.com
2 février 2011 à 0:04
33Développer le thème plus loin. Il est intéressant d’en apprendre davantage!
leoetevan
3 février 2011 à 15:28
34Bonjour,
Pour commencer, merci pour ces tutos! Ils sont super bien fait.
En revanche, j’utilise aussi Zend mais mon site fonctionne avec l’architecture MVC. Je ne sais pas comment utiliser ton tuto sur la pagination pour l’adapter à mon site.
Tu pourrais m’éclaircir?
Merci d’avance
Samy Dindane
28 février 2011 à 18:12
35Tutoriel intéressant et qui va m’être utile prochainement.
Merci!
Sickly
12 mai 2011 à 12:44
36Merci, ce tuto m’intéressait beaucoup. Malheureusement ce dernier n’est plus disponible dans sa globalité.
Peut-être te serait-il possible de la remettre entièrement.
Merci
Sly
29 mai 2011 à 0:33
37Merci
c clair et net
ludo31
18 mars 2012 à 9:04
38j’ai visionné la video mais ca bloque à 10:15
Tanguy
30 août 2012 à 18:47
39Merci pour ce tuto Clément. En revanche, la vidéo plante effectivement au bout de 10 min 16 sec…
jordan shoes on sale
10 avril 2013 à 17:32
40The lift doors opened. They had reached the Atrium. Mr. Weasley gave Harry a scathing look and swept from the lift. Harry stood there, shaken. He wished he was impersonating somebody other than Runcorn…. The lift doors clanged shut. jordan shoes on sale
Laisser un commentaire
Devenir Fan de Dator.fr
Nuage de tags
Sponsors
Warning: gzinflate() [function.gzinflate]: data error in /homez.27/dator/www/wp-includes/http.php on line 1787
Blogoliste
Blogs Amis
Derniers Posts
Derniers Commentaires
Les meilleurs sujets
Propulsé par WordPress