Stelline

Scusate non so se è la sezione giusta.
Volevo inserire una cosa di questo tipo


nei vari post della categoria giochi per permettere agli utenti di votare e verificare se i giochi in questione piacciono o meno.
Come si può fare?
Grazie.

Mmmmm...ti crei un DIV la cui dimensione è proporzionale al punteggio. Con un CSS imposti il background del DIV con una stellina (che si ripete automaticamente).
Bye

forse lavorando nei template..pero' tu non li hai nella tua versione. per le altre versioni puoi usare il sondaggio...puoi modificare le icone del sondaggio, pero dopo le modifichi per tutti i sondaggi.

mi spiace per te, bazzy, ma così se clicca su una stellina non sccede nulla. per qualcosa del genere serve per forza un codice html collegato a qualche script, o php oppure javascript. o come ha detto the crow, un template.

Mannaggi a me e quando mai ho scelto sto phpbb3...
Quindi come posso fare?Però spiegatemelo passo passo perchè non sono brava come voi!

ah, io con i template sono negato. con javascript lo stesso, se non mi chiedi di css o html, io non ti so fare niente . ho cercato, ma non ho trovato nulla...

OT: Quindi tu riusciresti a darmi una mano con quest'altro codice https://aiuto.forumattivo.it/t12605-facebook-lihe-in-ogni-messaggio-phpbb3 che mi hanno dato per il facebook like?

ha scritto:ah, io con i template sono negato. con javascript lo stesso, se non mi chiedi di css o html, io non ti so fare niente . ho cercato, ma non ho trovato nulla...

..anche se eri bravo ..lei non li ha i templates

vediamo cosa posso fare per facebook like... io purtroppo sono passato a punBB, altrimenti ti avrei aiutato più facilmente... vabbè, proviamo lo stesso

the crow ha scritto:

ha scritto:ah, io con i template sono negato. con javascript lo stesso, se non mi chiedi di css o html, io non ti so fare niente . ho cercato, ma non ho trovato nulla...

..anche se eri bravo ..lei non li ha i templates

non servono soloo i templates.. serve anche qualche sistema per memorizzare la votazione in php, asp o quel che vuoi con un piccolo database..

mi fai un esempio tu hai il forum su altervista

non sto a farla tanto lunga la storia.. allora..

nel database ci deve essere una tabella con almeno 2 colonne..

ID Discussione	Voto
bla bla bla	5
bla bla bla	3

nella parte operativa uno script che è in grado di identificare la discussione (come il prelievo dell'url), passa i dati raccolti ad uno script in PHP che fa una ricerca nel database, fa la media dei voti dati alla discussione, effettua l'approssimazione con la funzione floor() e poi restituisce il risultato al forum dove con il javascript vengon generate le stelline desiderate..

in somma.. secondo me c'è da andarci al manicomio se non si possiede direttamente il il forum su quel server su cui si andranno a memorizzare le votazioni perché ci si ritroverebbe costantemente a far a botte con la same origin policy...

non ho idea di quello che stai dicendo...io so tuttaltra cosa....comunque la teoria la conosco e il codicie che mi manca l'hai ?

Ha ragione Diego c'è bisogno di un sistema di memorizzazione, come per la barra dei messaggi (come se fossero tramite cellulare) nel suo forum.

the crow ha scritto:non ho idea di quello che stai dicendo...io so tuttaltra cosa....comunque la teoria la conosco e il codicie che mi manca l'hai ?

non ci si era capiti..
il codice non ce l'ho poichè non mi è mai servita una cosa simile e comunque è sempre necessario smanettare con i templates per inserire le stelline..
teoricamente con trentina di righe in PHP la cosa si dovrebbe fà..
una volta finiti questi cavolo di esami di maturità, mi metto qui con una bella tazza di camomilla e butto giù il codice php e javascript..

//ajax.js

function showStars(n){
clearStars();
for(i=1;i<=n;i++){
document.getElementById('STAR'+i).src="./img/fullstar.gif";
}
switch(n){
case 1:
replaceSimpleText('RATETIP',"Poor");
break;
case 2:
replaceSimpleText('RATETIP',"Nothing special");
break;
case 3:
replaceSimpleText('RATETIP',"Good");
break;
case 4:
replaceSimpleText('RATETIP',"Cool");
break;
case 5:
replaceSimpleText('RATETIP',"Awesome!");
break;
}
}

..//

function setStars(id,n){
hide("RATETIP");
caricaTesto("RATEMSG","./RatingController?op=rate&id="+id+"&rate="+n);
revertStars(n);
}
..//

La funzione showStars() si occupa di evidenziare il numero di stelline puntate dal mouse (con la funzione onmousover) e di mostrare il messaggio (poor, nothing special, good, cool oppure awesome) nell'elemento RATETIP.

La vera funzione asincrona (AJAX) è la funzione setStars() il cui compito è di inoltrare la funzione sul controller e caricarne il risultato (il testo restituito dalla servlet) all'interno dell'elemento RATEMSG. Tutto quanto in maniera asincrona, con il supporto delle funzioni AJAX, effettuando operazioni lato server ma rimanendo all'interno della stessa pagina Web.

Quindi dove si dovrebbe mettere questo codice?

No, quello è la parte finale se vuole vedere i risultati.
Mentre per COME FARE dall'inizio, sto preparando il post.
Se poi è utile, qualcuno potrà renderlo come guida =)

Quello che cerco di pubblicare è la realizzazione di un sistema che permetta all'utente di votare la risorsa, in maniera asincrona (quindi, rimanendo all'interno della pagina Web). In più tento di rendere accattivante la funzionalità, permettendo all'utente di utilizzare un "sistema a stelline" che gli consenta visivamente di effettuare il voto cliccando sul numero di stelle che desidera. Infine, l'utente ha un suggerimento che cambia a ogni stellina, identificando in maniera testuale il voto.

A dirla tutta si tratta del sistema che oggi troviamo in tutti i siti di condivisione (video, foto, notizie, ecc) più o meno importanti.

Modifiche database

ALTER TABLE 'tagcloud'.'resource'
ADD COLUMN 'totalrating' INTEGER UNSIGNED NOT NULL DEFAULT 0 AFTER 'description',
ADD COLUMN 'totalVote' INTEGER UNSIGNED NOT NULL DEFAULT 0 AFTER 'totalrating';

A questo punto dobbiamo provvedere a integrare le nuove informazioni. La classe che rappresenta la risorsa è per noi Resource. La classe che gestisce la sua persistenza è DBManager.

Creiamo una classe RatingResource in cui gestiamo i due parametri aggiunti al database.

// RatingResource.java

package it.html.tagcloud.rating;
import it.html.tagcloud.Resource;

public abstract class RatingResource{
//Le istanze che rappresentano il voto totale e il numero di votanti
protected int totalRating;
protected int totalVotes;

public int getTotalRating(){
return totalRating;
}

public void setTotalRating(int totalRating) {
this.totalRating = totalRating;
}

public int getTotalVotes(){
return totalVotes;
}

public void setTotalVotes(int totalVotes){
this.totalVotes = totalVotes;
}
}

Creiamo un'interfaccia RatingDBManager in cui gestiamo il metodo che effettua l'operazione di voto (aggiunge un voto alla risorsa).

//RatingDBManager.java

package it.html.tagcloud.rating;

import it.html.tagcloud.Resource;
import it.html.tagcloud.rating.RatingException;

public interface RatingDBManager {
public void rate(Resource res, int vote)throws RatingException;
}

Per mantenere il servizio funzionante, ora, effettuiamo l'estensione di queste classi dalla classe Resource e dalla classe DBManager. Nel costruttore di Resource, aggiungiamo il riferimento ai due nuovi parametri, in questo modo, il tool di sviluppo che stiamo utilizzando ci darà informazioni sulle relazioni che sono cambiate e quindi dove intervenire nelle modifiche.
public class Resource extends RatingResource

{
..//

public Resource(int id, String title, String description, Collection tags, int totalRating, int totalVotes) {
this.id=id;
this.title=title;
this.description=description;
this.tags=tags;
// Settiamo i campi ereditati
this.totalRating=totalRating;
this.totalVotes=totalVotes;
}
..//
public interface DBManager extends RatingDBManager
..//

Come vediamo dalle segnalazioni di errore, le uniche modifiche sono nella classe DBManagerConcrete (quella che concretamente si occupa di gestire il collegamento con il database). La prima modifica che dobbiamo fare è nell'istanziazione della classe Resource (abbiamo cambiato il costruttore) che modifichiamo come segue:

..//
//Aggiunta dei campi per il sistema di rating
int totalRating=rs.getInt("totalrating");
int totalVotes=rs.getInt("totalvote");

//Creazione dell'istanza da restituire
toRet=new Resource(id,title,description,tags,totalRating,totalVotes);
..//

Ci sono tre riferimenti, che modificheremo allo stesso modo. L'altra modifica da fare riguarda la definizione concreta del metodo utilizzato per settare il voto della risorsa:

..//
public void rate(Resource res, int vote) throws RatingException {
if (vote<1 || vote>5)
throw new RatingException("Voto fuori dai limiti");
//altrimenti effettuiamo la votazione
try{
openConnection();

String sql="UPDATE resource set totalrating=totalrating+?,totalvote=totalvote+1 WHERE id=?";
PreparedStatement pst=connection.prepareStatement(sql);

pst.setInt(1,vote);
pst.setInt(2,res.getId());

pst.execute();

//Chiusura dei flussi aperti
pst.close();

closeConnection();

}catch(Exception e){
e.printStackTrace();
}
}
..//

In pratica ci occupiamo di aumentare di un'unità il contatore e di aggiungere il voto dato (a meno che il voto non vada fuori dai limiti, in quel caso solleviamo l'eccezione).

Dopo aver effettuato qualche test di unità, passiamo a definire la funzione sul controller. Qui ci occuperemo di inoltrare il voto utente verso il layer di persistenza e di definire un controllo sulle risorse da votare attraverso l'utilizzo dei cookie. Avendo mantenuto la struttura invariata, la servlet utilizzata funziona ancora correttamente, quindi dovremo estenderla con la funzione di voto:

..//

public class RatingController extends Controller {
..//
private void rateResource(HttpServletRequest request, HttpServletResponse response) throws IOException {
//Recupero il codice
String id=request.getParameter("id");
int rate=Integer.parseInt(request.getParameter("rate"));

//Se non è stato ancora votato
if (!alreadyRated(request,id,rate)){
//Carico la risorsa
Resource res=db.loadResource(Integer.parseInt(id));
try{
//Effettuo l'operazione persistente
db.rate(res,rate);
//marchiamo la risorsa come già votata
setAsRated(response,id,rate);
response.getWriter().println("Grazie, il tuo voto è stato aggiunto.");
}catch (RatingException ex) {
response.getWriter().println(ex.getMessage());
}
}else{
response.getWriter().println("Hai già espresso la preferenza per questa risorsa.");
}
}

//Il metodo verifica nei cookie se la risorsa è presente
private boolean alreadyRated(HttpServletRequest request, String id, int rate) {
Cookie []list=request.getCookies();
for (int i=0;i if (list[i].getName().equals(id))
return true;
}
return false;
}

//Aggiungiamo il cookie alla lista
private void setAsRated(HttpServletResponse response, String id, int rate) {
//Creo un cookie
Cookie cookie=new Cookie(id,String.valueOf(rate));
//e lo appendo alla lista
response.addCookie(cookie);
}
}

Il metodo che si occupa di gestire il flusso della funzione è il metodo rateResource(). Il flusso è il seguente:

Recupera l'identificativo della risorsa e il voto da assegnare;
Verifica che la risorsa non sia già stata votata;
In caso negativo chiama la funzione;
Restituisci un risultato testuale (successo o errore).

La gestione dei cookie è affidata ai metodi alreadyRated() e setAsRated(), che potete vedere nel codice. La scadenza del cookie è in questo caso lasciata al default (sessione utente) ma può essere estesa in base alle esigenze.
La parte AJAX, come ormai sappiamo, viene nell'interfaccia e ci permetterà di gestire in maniera dinamica gli elementi della pagina, definendo opportunamente le funzioni da utilizzare. Quello che cambierà è la pagina di rappresentazione della risorsa, aggiungendo l'elemento grafico per effettuare la votazione:

<%
String src=null;
int votes=res.getTotalVotes();
double rate=0;

if (votes>0)
rate=res.getTotalRating()/votes;

for (int i=1;i<=5;i++){
if (rate>=i)
src="./img/fullstar.gif";
else
src="./img/emptystar.gif";
%>
onmouseover="javascript:showStars(<%=i%>);" onmouseout="javascript:revertStars(<%=(int)rate%>);">

<%
}
%>




<%
if (votes>0)
out.println("("+votes+" voti ricevuti)");
else
out.println("(ancora nessun voto)");
%>

Identificheremo gli elementi della pagina con un id univoco, in modo da poterli manipolare correttamente; essi sono: STARLINKi e STARi che rappresentano la iesima stellina (con i da 1 a 5) e RATETIP e RATEMSG. Gli ultimi elementi rappresentano gli elementi contenitore dei messaggi che scambieremo.

Attraverso le funzioni javascript setStars(), showStars() e revertStars() gestiremo la logica di rappresentazione.

//ajax.js

function showStars(n){
clearStars();
for(i=1;i<=n;i++){
document.getElementById('STAR'+i).src="./img/fullstar.gif";
}
switch(n){
case 1:
replaceSimpleText('RATETIP',"Poor");
break;
case 2:
replaceSimpleText('RATETIP',"Nothing special");
break;
case 3:
replaceSimpleText('RATETIP',"Good");
break;
case 4:
replaceSimpleText('RATETIP',"Cool");
break;
case 5:
replaceSimpleText('RATETIP',"Awesome!");
break;
}
}

..//

function setStars(id,n){
hide("RATETIP");
caricaTesto("RATEMSG","./RatingController?op=rate&id="+id+"&rate="+n);
revertStars(n);
}
..//

E questo è tutto

ditemi precisamente come fare e dove mettere questo codici, mi sono interessato anche io!

TIGRE-INDIANA ha scritto:La tua guida..

Ok.. ottima giuda.. incasinatissima e quant'altro, ma ti sei dimenticato un particolare.. qui non è possibile usare il PHP ne accedere al database impedendo la memorizzazione e la lettura dei voti..

oh, cavoli! ecco ciò che odio leggere (senza offesa...)...

Il Database per forza bisogna modificarlo....

Se qui non è possibile, vien da sè che la richiesta non è fattibile....


Vabbè, almeno questa guida ci può essere utile per altre situazioni in futuro...

oppure può essere utile a chi ha il forum su un suo indirizzo (perchè chi ha un suo indirizzo può modificare il database, vero?).

ESATTO =)