Ajax.Request ou Ajax.Updater ou update ?
Bonjour,
je travaille sur un site marchand. Quand je clique sur un article, il me met un haut, la liste des articles que j'ai ajouté. Bon ça fonctionne, mais je ne sais pas si ma méthode est la bonne où non. Ce que je voudrais c'est que quand je clique, il y ait une petite image loading qui s'affiche tant que le texte n'est pas ajouté.
(
donc quand je clique sur un article j'ai : add(numItem);
(squelette de ma page : template Haut inclus dans toutes les pages et c'est dans ce haut que le texte s'affiche. J'utilise smarty
Code:
1
2
| <a href='javascript:add({$article->numItem});'>
<img align="top"src='/images/ajouter_numItem.gif' border='0' alt="Acheter {$article->titre}" style="float:left"/></a> |
voici la fonction add :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| function add(numItem){
var url = '/ajaxMEA/addToBloc.php';
var params = 'numitem=' + numItemAVendre;
var myAjax = new Ajax.Request(
url,
{
method: 'get',
parameters: params,
onLoading: function (xhr)
{
Element.show('loading');
},
onSuccess: handleAddToBlocFrontOffice,
asynchronous: false
});
}
function handleAddToBlocFrontOffice(requete){
$('contenuBlocHaut').innerHTML=textData;
} |
le code php :
Code:
1
2
3
4
5
6
7
8
9
10
|
echo '<div id="loading" class="loading" style="display:none; height:50px;">chargement....</div>';
echo '<p id="titreContenu">Ma sélections ('.$nbArticles.') articles</p>';
echo '<ul>';
foreach($articles->getTitre() as $key=>$unArticle)
{
echo '<li id="item_'.$unLivre[$unArticle->contenu].'">'.substr($unArticle['titre'],0,70).' <a href="javascript:removeItem('.$unArticle[$unArticle->contenu].')">[X]</a></li>';
}
echo '</ul>'; |
Le pb c'est que quand je change de page, mon contenu est vide.... j'ai donc dans mon template haut, en php un select qui affiche ces éléments. et là je trouve que c'est pas très propre comme code .
Donc ma question, comment faire pour que quand j'ajoute un article, j'ai un loading qui s'affiche, et le texte qui s'insert dans <div id="contenuHaut"></div> et qui reste meme si je change de page, ?
j'ai vu qu'il existait une méthode update ? est ce que celà pourrait correspondre, puisque moi, je veux afficher et mettre à jour mon div ?
Merci d'avance :roll:
