[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]

Tworzysz akcję np. voteAction() do której przekazujesz id postu i typ głosu (słaby/mocny), później robisz update na danych w bazie i zwracasz w akcji rezultat operacji (true/false bądź 1/0), oraz aktualny stan głosów dla danego postu.
Do strony dodajesz jQuery, łączysz się ajaxem z tą akcją, przekazując jej id postu i typ głosu, a następnie aktualizujesz te dane poprzez js.
Raczej skomplikowane to nie jest : )
I zapoznaj się z tym:link.
Dodajesz ajaxcontent do kontrolera i możesz sobie operować w taki sposób na akacjach, by móc je wykorzystać przy integracji strony z ajaxem.

Ps. "id" to atrybut, który definiuje unikalny identyfikator elementu strony i może zostać użyty raz, a z tego co widzę masz dwa elementy <p> o takim samym id.


Ten post edytował k_@_m_i_l 21.09.2011, 18:50:00

[przemo91r]

Tworzysz akcję np. voteAction() do której przekazujesz id postu i typ głosu (słaby/mocny), później robisz update na danych w bazie i zwracasz w akcji rezultat operacji (true/false bądź 1/0), oraz aktualny stan głosów dla danego postu.
Do strony dodajesz jQuery, łączysz się ajaxem z tą akcją, przekazując jej id postu i typ głosu, a następnie aktualizujesz te dane poprzez js.
Raczej skomplikowane to nie jest : )
I zapoznaj się z tym:link.
Dodajesz ajaxcontent do kontrolera i możesz sobie operować w taki sposób na akacjach, by móc je wykorzystać przy integracji strony z ajaxem.

Ps. "id" to atrybut, który definiuje unikalny identyfikator elementu strony i może zostać użyty raz, a z tego co widzę masz dwa elementy <p> o takim samym id.

Czyli robie tak:
w /view/index tworze plik index.ajax.phtml bo sam index.phtml już mam

w IndexController

[PHP] pobierz, plaintext 
function init(){
 
 
	$ajaxContext = $this->_helper->getHelper('AjaxContext');
              $ajaxContext->addActionContext('plus', 'id')
		     ->addActionContext('minus','id')
                                 ->initContext();
 
 
 
   }
function plusAction()
{
/// tutaj odebrać parametr id, wysłać do bazy i zwrócić wynik
 
 
}
function minusAction()
{
/// tutaj odebrać parametr id, wysłać do bazy i zwrócić wynik
 
}
[PHP] pobierz, plaintext 

a w index.phtml jak?

wstawić w header? i po kliknięciu w mocne już się wykona? jak własnie zrobić odnośnik? i do czego jest to data, do zwracania danych?

[PHP] pobierz, plaintext 
$.ajax({
    url: "/index/plus/format/id",
    type: "POST",
    data: "zmienna1=wartosc1&zmienna2=wartosc2",
    success: function(id) {
        $("#ajax-content").append(id);
    }
});
[PHP] pobierz, plaintext 

Ten post edytował przemo91r 22.09.2011, 11:58:36

[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

[przemo91r]

Wielkie dzięki, teraz już to rozumiem, na wolnym czasie do tego przysiąde, przanalizuje dokładnie i dostosuje do włąsnych potrzeb.


Ten post edytował przemo91r 27.09.2011, 20:32:20