Dotclear

i_love_dc

Membre

Inscription : 2007-07-13

Rafraichir une div ou page (ajax ?) lors d'un clic ??

bonjour a tous les magiciens

sauriez-vous m'indiquer comment faire (via ajax je suppose ...?) pour raffraichir une div ou bien la page entiere lorsqu'un clic est effectué ??

Mise en situation, un article avec un vote en fin d'article, lorsque l'utilisateur vote, rafraichir la page ou la div pour que cela affiche le resultat

merci d'avance

Philippe

Stagiaire

Lieu : Toulon

Inscription : 2004-06-13

Site Web

Re : Rafraichir une div ou page (ajax ?) lors d'un clic ??

C'est le plugin de vote qui doit le gérer, en effet c'est lui qui intercepte les données du formulaire.

---

Vous en reprendrez bien une petite dose ?

i_love_dc

Membre

Inscription : 2007-07-13

Re : Rafraichir une div ou page (ajax ?) lors d'un clic ??

Ah...zut fait chier ;-)

Voici le code de vote dans mon "post.html"

<div class="voter">
               <tpl:rateIt type="post">
                <div class="rateit">{{tpl:rateItLinker}}</div>                  
               <tpl:rateItIf user_voted="0"><div class="ratethis"><span>Notez cet article</span></div></tpl:rateItIf>
                <tpl:rateItIf user_voted="1">
                 <div class="item" vocab="http://schema.org/" typeof="Blog">
                 <div class="rateit-title" property="name">{{tpl:EntryTitle encode_html="1"}}</div>
                 <div class="note" property="aggregateRating" typeof="AggregateRating">
                 {{tpl:lang Note:}} <span property="ratingValue">{{tpl:rateItNote}}</span> - {{tpl:lang Votes:}} <span property="ratingCount">{{tpl:rateItTotal}}</span>
                 <meta property="bestRating" content="5">
                 <meta property="worstRating" content="1">
                 </div>
                 </div>
               </tpl:rateItIf>
               </tpl:rateIt>
             </div>

Je pensais qu'avec un ajout de type ... (c'est expérimental afin de permettre la visualisation de ce que j'imaginais)

<script>
$( ".rateit-linker" ).click(function() {
 location.reload();
});
</script>

Ce qui donnerait quelque chose comme ...

<div class="voter">
               <tpl:rateIt type="post">
                <div class="rateit">{{tpl:rateItLinker}}</div>                  
               <tpl:rateItIf user_voted="0"><div class="ratethis"><span>Notez cet article</span></div></tpl:rateItIf>
                <tpl:rateItIf user_voted="1">
                 <div class="item" vocab="http://schema.org/" typeof="Blog">
                 <div class="rateit-title" property="name">{{tpl:EntryTitle encode_html="1"}}</div>
                 <div class="note" property="aggregateRating" typeof="AggregateRating">
                 {{tpl:lang Note:}} <span property="ratingValue">{{tpl:rateItNote}}</span> - {{tpl:lang Votes:}} <span property="ratingCount">{{tpl:rateItTotal}}</span>
                 <meta property="bestRating" content="5">
                 <meta property="worstRating" content="1">
                 </div>
                 </div>
               </tpl:rateItIf>
               </tpl:rateIt>
               <script>
		$( ".rateit-linker" ).click(function() {
                location.reload();
                });
		</script>
             </div>

Lorsque j'effectue un vote, j'ai une petite fenêtre (mozilla) qui me dit ...

Failled to call server

Comme les testes sont en local, je pensais que c’était la cause de cette erreur, ou bien que mon code

<script>
$( ".rateit-linker" ).click(function() {
location.reload();
});
</script>

Ne soit pas tout à fait "approprié" ...

Donc, d'après toi Philippe, il n'y a pas d'autres solutions que d'ajouter ce code de "reloaded after action" au plugin,
mais le codé en php c'est bien ca ?

.

Dernière modification par i_love_dc (2017-07-18 08:52:16)