jquery et ui : j'ai besoin d'un petit coup de main pour me lancer.

Marsh Posté le 25-10-2011 à 20:03:35

Bonjour

Je bricole un peu en php (en amateur je précise) et j'aimerai faire des pages php un peu plus optimisée. Je m'explique . Actuellement mes pages sont construites de la façon suivante:

- une liste de données dans un tableau
- un formulaire généralement à droite de cette liste

Un click dans un élément du tableau fait apparaître le détail dans le formulaire de droite. Je valide et je renvoie le tout au serveur pour mise à jour (ou création) en base de données. Donc à chaque fois je recharge toute la page. Tout ça fonctionne pas mal.

J'aimerai faire ceci car ça me semble plus convivial :
- une liste de données dans un tableau
- un click dans une des lignes du tableau fait ouvrir une popup pour alimenter un formulaire et mise à jour des données
- un bouton "add" permet d'afficher cette pop up pour création d'une nouvelle ligne.

J'aimerai donc utiliser de l'ajax si j'ai compris. Et surtout la bibliothèque jquery et jqueryui. Mais c'est un peu complexe tout ça à mettre en œuvre pour moi (amateur vous dis je...). Quelqu'un aurait il déjà fait ce genre de pages ? Pourrait il me communiquer le principe, juste pour que je comprenne la mécanique et que je parte sur de bonnes bases ? Merci d'avance et dispo pour échange si ma demande n'est pas claire.

Dominique

Message cité 1 fois
Message édité par domi_bu le 25-10-2011 à 20:04:06

Reply

Marsh Posté le 25-10-2011 à 20:03:35

Reply

Marsh Posté le 26-10-2011 à 10:54:47

Tu peux remplacer le tableau et le formulaire par une datagrid. Laquelle ? je sais pas, y'en a plein pour Jquery et la seule que j'ai utilisé c'était avec Dojo.

celle là par ex. :
http://trirand.com/blog/jqgrid/jqgrid.html

---------------
çà s'est HFR | Music for the Galaxy

Reply

Marsh Posté le 03-11-2011 à 12:01:04

domi_bu a écrit :

- un click dans une des lignes du tableau fait ouvrir une popup pour alimenter un formulaire et mise à jour des données
- un bouton "add" permet d'afficher cette pop up pour création d'une nouvelle ligne.

avec ça (html) :

Code :

<table>
<tr>
<td class="clickable">blabla</td>
</tr>
</table>
<input type="submit" value="add" id="add" />

et ça (jquery) :

Code :

$('.clickable').click(function(){
$.colorbox({href:"formulaire.php"});
});
$('#add').click(function(){
$.colorbox({href:"formulaire.php"});
});

colorbox remplace les pop-up de base.
tu peux trouver la doc à cette adresse : http://jacklmoore.com/colorbox/
il y a quelques fichiers à ajouter, rien de bien méchant.

et en prime, t'auras des animations un peu plus sympa que juste avec une pop-up

Reply

jquery et ui : j'ai besoin d'un petit coup de main pour me lancer.

Sujets relatifs:

Leave a Replay