[ZendFramework] głosowanie jquery Opcje

[przemo91r]

Witam,
Chcę zrobić głosowanie mocne/słabe na swojej stronie jednak nie rozumiem jak to mam zrobić, czytam manual ale cięzko mi to zrozumieć.
Jak mam to rozpocząć.

Mam przykładowo IndexController a w nim indexAction w niej pobieram posty z bazy. W index.phtml mam pod kazdym postem

[HTML] pobierz, plaintext 
<p class="glosuj" id="1>GŁOSUJ: <span style="color: green">MOCNE </span>/ <span style="color: red">SŁABE</span></p>
                                             <p class="ocena" id="1">ocena: 0 (głosów: 0)</p>
[HTML] pobierz, plaintext 

oczywiscie id="" jest wartością zmienną każdy post ma inny. Jak ma zacząć bo wnioskuje, że muszę zrobić clase w /view/helpers ?

[PHP] pobierz, plaintext 
<?php
class Vote extends Zend_View_Helper_Abstract
{
 
 
 
}
[PHP] pobierz, plaintext 

? proszę o jak najwięcej wskazówek ponieważ zależy mi żeby napisać ten skrypt a przy okazji się czegoś nauczyć.

[k_@_m_i_l]

Ehh, nie rozumiesz troche.
Zobacz:
w init() w kontrolerze zapisujesz coś takiego:

[PHP] pobierz, plaintext 
$contextSwitch = $this->_helper->getHelper('contextSwitch');
$contextSwitch->addActionContext('glosuj', 'json')    
                      ->initContext();
// glosuj to nazwa akcji dla jakiej dodajemy contentswitch, 
//a json to typ danych na jakich będziemy operować (nie wiem czy to dobrze wyjaśniłem, ale zakładam że rozumiesz o co chodzi)
[PHP] pobierz, plaintext 

Teraz w akcji glosujAction() trzeba zapisać głos do bazy danych i odebrać aktualny stan głosów

[PHP] pobierz, plaintext 
 $data = $this->getRequest()->getPost(); // pobranie przesyłanych danych  
 // nie będę tego opisywać, ale w tym miejscu robisz zapis do bazy danych 
 
 $result_data = array(
    'result' => $result, // wynik operacji na bazie danych
    'plusy'  => $plusy, // liczba głosów na plus pobrana po aktualizacji
    'minusy'=>$minusy // liczba głosów na minus pobrana po aktualizacji
 
 ); 
 $this->view->wynik = $result_data;
[PHP] pobierz, plaintext 

i to jest koniec tej metody. Wszystkie zmienne, które chcesz żeby zostały przekazane zapisujesz do widoku. Z racji tego, iż dla naszej akcji glosuj użyliśmy contentswitch z typem json, to zend zwróci dane z tej akcji jako tablicę zakodowaną w jsonie.

Teraz pozostaje już tylko napisać skrypt w jquery, który połączy się z akcją.
Powiedzmy, że mamy taki kod html

[HTML] pobierz, plaintext 
  <div class="post">
     <div class="tresc">Lorem ipsum ...</div>
     <div class="glosy">
        <div style="display: none;" class="ukryte_id">11</div>
        <div class="plusy">
           <span class="ilosc_plus">15</span> <a href="#" class="glosuj_plus glosowanie_odn">+</a> 
        </div>
        <div class="minusy">
           <span class="ilosc_minus">5</span> <a href="#" class="glosuj_minus glosowanie_odn">-</a> 
        </div>
     </div>
  </div>
[HTML] pobierz, plaintext 

Teraz czas na odpowiedni kod w jquery:

[HTML] pobierz, plaintext 
$(document).ready(function()
  {
      $("a.glosowanie_odn").click(function()
      {
          container = $(this).parents("div.glosy");
          post_id = container.find(".ukryte_id").html();
          if($(this).hasClass("glosuj_plus"))
            typ = 'plus';
          else
            typ = 'minus';
          $.ajax({
            type  : 'post',
            url   :  'index/glosuj?format=json',
            data  : {
                    'post_id' : post_id,
                    'typ'     : typ
            },
            dataType: 'json',
            success: function(data)
            {
                if(data.wynik.result == 1)
                {
                    // jeśli poprawnie zapisano głos
                    container.find(".ilosc_plus").html(data.wynik.plusy);
                    container.find(".ilosc_minus").html(data.wynik.minusy);
                }
                else
                {
                    alert("Wystąpił błąd podczas przesyłania danych. Spróbuj ponownie.");
                    container.find(".ilosc_plus").html(data.wynik.plusy);
                    container.find(".ilosc_minus").html(data.wynik.minusy);
                }
            }
 
          });
      });
  });
[HTML] pobierz, plaintext 

O jQuery i html nie będę nic pisać, dostałeś gotowca więc teraz czas na ruch z Twojej strony i przeanalizowanie kodu. Kod działa, bo sprawdzałem;p

Ten post edytował k_@_m_i_l 24.09.2011, 09:39:09