Evitare che la pagina si ricarichi

Shyson · 15 Gen 2013

Ho un codice per il sondaggio che quando l'utente vota poi la pagina si deve ricaricarsi per stampare il risultato, vorrei evitare il caricamento della pagina e ho pensato a jQuery che tra l'altro uso già

PHP:

<?php
$q="SELECT * FROM sondaggio WHERE id=1"; 
$risultato = mysql_query($q); 
$riga=mysql_fetch_assoc($risultato); 
$tot=0;//metto il totale a 0 
foreach($riga as $chiave => $valore) { 
    if($chiave !="id") {
        ${$chiave}=$valore;//valore del campo 
        $tot=$tot+$valore;//faccio il totale 
    } 
} 
if($tot >0) { 
     $internet= (int)($internet/$tot*100); $internet_pos=$internet-100;
     $depliant= (int)($depliant/$tot*100); $depliant_pos=$depliant-100; 
     $casualmente= (int)($casualmente/$tot*100); $casualmente_pos=$casualmente-100;
     $amici_o_conoscenti= (int)($amici_o_conoscenti/$tot*100); $amici_pos=$amici_o_conoscenti-100;
     $giornali_o_televisione= (int)($giornali_o_televisione/$tot*100); $giornali_pos=$giornali_o_televisione-100;   
}
else {
     $internet= 0; $internet_pos=-100;
     $depliant= 0; $depliant_pos=-100;
     $casualmente= 0; $casualmente_pos=-100;
     $amici_o_conoscenti= 0; $amici_pos=-100;
     $giornali_o_televisione= 0; $giornali_pos=-100;
}
if(isset($_POST['puls_invio'])) { 
if(isset($_POST['voto'])) {
    $voto=mysql_real_escape_string($_POST['voto']);
    $q="UPDATE sondaggio SET $voto = $voto + 1 WHERE id=1"; 
    if(mysql_query($q)) { 
    echo "<img src=\"http://localhost:8888/MIEI%20SITI/Alveo/immagini/ok.png\" width=\"40\" height=\"40\" alt=\"Ok\" title=\"Ok\" /><br /><div style=\"margin-top:10px; margin-bottom:20px;font-size:16px; color:#0000ff; text-align: center;\">Grazie, il tuo voto è stato inserito!</div>"; 
    echo "<meta http-equiv='Refresh' content='3; URL=".htmlspecialchars($_SERVER['PHP_SELF'])."'>";
       }
else { 
     echo "<img src=\"http://localhost:8888/MIEI%20SITI/Alveo/immagini/alert.png\" width=\"50\" height=\"50\" alt=\"Alert\" title=\"Alert\" /><br /><div style=\"margin-top:10px; margin-bottom:20px; font-size:16px; color:#ff0000; text-align: center;\">Devi selezionare una risposta!</div>"; 
     echo "<meta http-equiv='Refresh' content='3; URL=".htmlspecialchars($_SERVER['PHP_SELF'])."'>";
   }
}
else { 
    echo "<img src=\"http://localhost:8888/MIEI%20SITI/Alveo/immagini/stop.jpg\" width=\"70\" height=\"70\" alt=\"Stop\" title=\"Stop\" /><br /><div style=\"margin-top:10px; margin-bottom:20px; font-size:16px; color:#ff0000; text-align: center;\">Hai già votato, grazie!</div>";  
    echo "<meta http-equiv='Refresh' content='3; URL=".htmlspecialchars($_SERVER['PHP_SELF'])."'>"; 
   } 
}  
?>
...// FORM

criric · 2 Feb 2013

Ciao,
anche se in ritardo ti posto un semplice esempio di chiamata ajax con jquery con la quale puoi risolvere
ti occorreranno due pagine
nella prima il form e il codice javascript

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Jquery ajax</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#invia").click(function(){
                    $.ajax({
                        type: "POST",
                        url: "elaboraajaxpost.php",
                        data: "nome=" + $("#nome").val(),
                        success: function(response){
                            $("#risultato").html(response);
                        }
                    });
                });                
            });
        </script> 
    </head>
    <body>
        <form onsubmit="return false">
            <input type="text" id="nome" name="nome"/>
            <input type="button" id="invia" name="invia" value="Invia"/>
        </form>
        <div id="risultato"></div> 
    </body>
</html>

nella seconda che ho chiamato elaboraajaxpost.php le query e la stampa del risutlato

PHP:

<?php

echo $_POST['nome']
?>

Shyson · 2 Feb 2013

criric ha scritto:

Ciao,
anche se in ritardo ti posto un semplice esempio di chiamata ajax con jquery con la quale puoi risolvere
ti occorreranno due pagine
nella prima il form e il codice javascript

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Jquery ajax</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#invia").click(function(){
                    $.ajax({
                        type: "POST",
                        url: "elaboraajaxpost.php",
                        data: "nome=" + $("#nome").val(),
                        success: function(response){
                            $("#risultato").html(response);
                        }
                    });
                });                
            });
        </script> 
    </head>
    <body>
        <form onsubmit="return false">
            <input type="text" id="nome" name="nome"/>
            <input type="button" id="invia" name="invia" value="Invia"/>
        </form>
        <div id="risultato"></div> 
    </body>
</html>

nella seconda che ho chiamato elaboraajaxpost.php le query e la stampa del risutlato

PHP:

<?php

echo $_POST['nome']
?>

L'ho provato, ma non funziona, non si può mettere tutto nella pagina che ho postato all'inizio?

criric · 3 Feb 2013

Questo esempio in pratica scrive nel div "risultato" l'echo che c'è nel file php senza ricaricare la pagina, a me funziona
cosa non ti funziona ? ha controllato il nome del file php? i file devono essere nella stessa directory altrimenti devi cambiare il percorso

Codice:

url: "elaboraajaxpost.php",

Devi per forza usare due file non puoi mettere tutto in una pagina

Shyson · 3 Feb 2013

criric ha scritto:
Questo esempio in pratica scrive nel div "risultato" l'echo che c'è nel file php senza ricaricare la pagina, a me funziona
cosa non ti funziona ? ha controllato il nome del file php? i file devono essere nella stessa directory altrimenti devi cambiare il percorso

Codice:

url: "elaboraajaxpost.php",

Devi per forza usare due file non puoi mettere tutto in una pagina

Ituo codice crea un campo da riempire, il mio sondaggio non ha campi, puoi vederlo qui a destra Sito

criric · 3 Feb 2013

Il mio infatti era solo un esempio di una chiamata ajax con jquery
ovviamente bisogna adattarla al tuo caso
non ho capito com'e strutturata la tua tabella ma credo ti possa bastare un ulteriore esempio

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Jquery ajax</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $.ajax({
                    type: "POST",
                    url: "elaboraajaxpost.php",
                    success: function(response){
                        $("#risultato").html(response);
                    }
                });
                
                $("#vota").click(function(){
                    var valore = $('[name=idvoto]:checked').val();
                    $.ajax({
                        type: "POST",
                        url: "elaboraajaxpost.php",
                        data: "idvoto=" + valore,
                        success: function(response){
                            $("#risultato").html(response);
                        }
                    });
                });                
            });
        </script> 
    </head>
    <body>
        <div id="risultato">

        </div> 
        <input type="button" id="vota" name="vota" value="Vota"/>
    </body>
</html>

elaboraajaxpost.php

PHP:

<?php

include_once 'connessione.php';

if (isset($_POST["idvoto"])) {
    $q = "UPDATE sondaggio SET voti = voti + 1 WHERE id = " . $_POST["idvoto"];
    $res = mysql_query($q);
    
}

$q = "SELECT * FROM sondaggio";
$res = mysql_query($q);
while ($row = mysql_fetch_assoc($res)) {
    echo '<input type="radio" name="idvoto" value="' . $row['id'] . '"/>' . $row['nome'] . ' n voti ' . $row['voti'] . '<br/> ';
}
?>

ho usato la seguente tabella

Codice:

CREATE TABLE IF NOT EXISTS `sondaggio` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nome` varchar(55) NOT NULL,
  `voti` int(11) NOT NULL DEFAULT '0',
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

--
-- Dump dei dati per la tabella `sondaggio`
--

INSERT INTO `sondaggio` (`id`, `nome`, `voti`) VALUES
(1, 'giornali', 2),
(2, 'radio', 2),
(3, 'tv', 1),
(4, 'amici', 2);

Shyson · 3 Feb 2013

Non ci riesco, è un gradino un po alto per me, ti ringrazio...lo terrò come prima

Shyson · 5 Feb 2013

criric ha scritto:
include_once 'connessione.php';

if (isset($_POST["idvoto"])) {
$q = "UPDATE sondaggio SET voti = voti + 1 WHERE id = " . $_POST["idvoto"];
$res = mysql_query($q);

}

$q = "SELECT * FROM sondaggio";
$res = mysql_query($q);
while ($row = mysql_fetch_assoc($res)) {
echo '<input type="radio" name="idvoto" value="' . $row['id'] . '"/>' . $row['nome'] . ' n voti ' . $row['voti'] . '<br/> ';
}
?>
[/PHP]

Il punto che non mi trovo è questo

PHP:

...
<?php
$q="SELECT * FROM sondaggio WHERE id=1"; 
$risultato = mysql_query($q); 
$riga=mysql_fetch_assoc($risultato);
$tot=0;//metto il totale a 0  
foreach($riga as $chiave => $valore) { 
    if($chiave !="id") {
        ${$chiave}=$valore;//valore del campo 
        $tot=$tot+$valore;//faccio il totale 
    } 
} 
if($tot >0) { 
     $giornali= (int)($giornali/$tot*100); $giornali_pos=$giornali-100; 
     $depliant= (int)($depliant/$tot*100); $depliant_pos=$depliant-100;
     $televisione= (int)($televisione/$tot*100); $televisione_pos=$televisione-100;
     $web_banner= (int)($web_banner/$tot*100); $web_banner_pos=$web_banner-100;  
     $casualmente= (int)($casualmente/$tot*100); $casualmente_pos=$casualmente-100;
     $motori_di_ricerca= (int)($motori_di_ricerca/$tot*100); $motori_di_ricerca_pos=$motori_di_ricerca-100;
     $amici_o_conoscenti= (int)($amici_o_conoscenti/$tot*100); $amici_o_conoscenti_pos=$amici_o_conoscenti-100;
}
else {
     $giornali= 0; $giornali_pos=-100;
     $depliant= 0; $depliant_pos=-100;
     $televisione= 0; $televisione_pos=-100;
     $web_banner= 0; $web_banner_pos=-100;
     $casualmente= 0; $casualmente_pos=-100;
     $motori_di_ricerca= 0; $motori_di_ricerca_pos=-100;
     $amici_o_conoscenti= 0; $amici_o_conoscenti_pos=-100;
}
if(isset($_POST['puls_invio'])) { 
if(!isset($_COOKIE['votato'])) { //Setta il cookie (2/4), il primo si trova in connessione.php
if(isset($_POST['voto'])) {
    $voto=mysql_real_escape_string($_POST['voto']);
    $q="UPDATE sondaggio SET $voto = $voto + 1 WHERE id=1"; 
    if(mysql_query($q)) { 
    echo "<div style=\"background-color:#ffffff; box-shadow:0px 0px 15px #999999; border-radius:10px;\"><hr style=\"background-color:#ffffff;height:1px;width:90%;border:0px;\" /><img src=\"http://gruppoalveo.altervista.org/immagini/ok.png\" width=\"50\" height=\"50\" alt=\"Ok\" title=\"Ok\" /><br /><div style=\"margin-top:10px; margin-bottom:20px;font-size:16px; color:#0000ff; text-align: center;\">Grazie, il tuo voto è stato inserito!<hr style=\"background-color:#ffffff;height:1px;width:90%;border:0px;\" /></div></div><br />"; 
    echo "<meta http-equiv='Refresh' content='3; URL=".htmlspecialchars($_SERVER['PHP_SELF'])."'>";
    setcookie("votato", "si", time()+5*365*24*60*60); //Dura 5 anni, setta il cookie (3/4)
     }
  } 
else { 
     echo "<div style=\"background-color:#ffffff; box-shadow:0px 0px 15px #999999; border-radius:10px;\"><hr style=\"background-color:#ffffff;height:1px;width:90%;border:0px;\" /><img src=\"http://gruppoalveo.altervista.org/immagini/alert.png\" width=\"60\" height=\"60\" alt=\"Alert\" title=\"Alert\" /><br /><div style=\"margin-top:10px; margin-bottom:20px; font-size:16px; color:#ff0000; text-align: center;\">Devi selezionare una risposta!<hr style=\"background-color:#ffffff;height:1px;width:90%;border:0px;\" /></div></div><br />";  
     echo "<meta http-equiv='Refresh' content='3; URL=".htmlspecialchars($_SERVER['PHP_SELF'])."'>";
   }
}
else { 
    echo "<div style=\"background-color:#ffffff; box-shadow:0px 0px 15px #999999; border-radius:10px;\"><hr style=\"background-color:#ffffff;height:1px;width:90%;border:0px;\" /><img src=\"http://gruppoalveo.altervista.org/immagini/stop.png\" width=\"65\" height=\"65\" alt=\"Stop\" title=\"Stop\" /><br /><div style=\"margin-top:10px; margin-bottom:20px; font-size:16px; color:#ff0000; text-align: center;\">Hai già votato, grazie!<hr style=\"background-color:#ffffff;height:1px;width:90%;border:0px;\" /></div></div><br />";   
    echo "<meta http-equiv='Refresh' content='3; URL=".htmlspecialchars($_SERVER['PHP_SELF'])."'>"; 
   } 
}  
?>
<p style="font-size:13px; text-align:center; margin-top:-5px; margin-bottom:30px; color:#e40202;">Come hai conosciuto i prodotti Akuna?</p>

<div style="margin-top:-10px; margin-left:3px; text-align:left;">
<form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">

<div class="fra">
<input type="radio" name="voto" value="giornali"> Giornali
<br />
<div class="a" style="background-position:<?php echo $giornali_pos;?>px"></div><div class="percentuale"><?php echo $giornali;?>%</div>
<br />
<input  type="radio" name="voto" value="depliant"> Depliant
<br />
<div class="a" style="background-position:<?php echo $depliant_pos;?>px"></div><div class="percentuale"><?php echo $depliant;?>%</div>
<br />
<input type="radio" name="voto" value="televisione"> Televisione
<br />
<div class="a" style="background-position:<?php echo $televisione_pos;?>px"></div><div class="percentuale"><?php echo $televisione;?>%</div>
<br />
<input type="radio" name="voto" value="web_banner"> Web banner
<br />
<div class="a" style="background-position:<?php echo $web_banner_pos;?>px"></div><div class="percentuale"><?php echo $web_banner;?>%</div>
<br />
<input type="radio" name="voto" value="casualmente"> Casualmente
<br />
<div class="a" style="background-position:<?php echo $casualmente_pos;?>px"></div><div class="percentuale"><?php echo $casualmente;?>%</div>
<br />
<input type="radio" name="voto" value="motori_di_ricerca"> Motori di ricerca
<br />
<div class="a" style="background-position:<?php echo $motori_di_ricerca_pos;?>px"></div><div class="percentuale"><?php echo $motori_di_ricerca;?>%</div>
<br />
<input type="radio" name="voto" value="amici_o_conoscenti"> Amici o conoscenti
<br />
<div class="a" style="background-position:<?php echo $amici_o_conoscenti_pos;?>px"></div><div class="percentuale"><?php echo $amici_o_conoscenti;?>%</div>

<div style="margin-top:30px; text-align:center;"><input type="submit" name="puls_invio" value="Vota" class="manina-guest"></div>
</div><!-- fra -->
</form>
</div><!-- div style -->

...

Autore	Titolo	Forum	Risposte	Data
A	Evitare che una pagina sia accessibile digitando l'url	PHP	2	24 Feb 2011
G	Evitare che mi continui ad arrivare in alice mail spam	Posta Elettronica	2	29 Dic 2019
	Evitare che la mia idea venga rubata	Leggi, Normative e Fisco	5	9 Set 2018
	TAG HTML: Come evitare che venga riprodotto un file .mp3 senza cancellarlo	HTML e CSS	1	30 Dic 2016
	Evitare che span finisca sopra i bordi	HTML e CSS	9	24 Dic 2009
I	Come evitare che il preload compaia 2 volte?	Flash	1	19 Feb 2008
B	Evitare che explorer blocchi pulsanti flash	Flash	3	25 Ago 2006
D	evitare di inserirre duplicati in mysql	PHP	4	17 Ott 2020
W	Evitare ridondanza dei dati	Classic ASP	3	1 Lug 2020
U	Posizionamento Rack nel locale tecnico ed eventuali accortezze per evitare incendi	Reti LAN e Wireless	1	18 Ott 2019
D	consiglio evitare truffe	Annunci servizi di Social Media Marketing	11	4 Apr 2019
C	[PHP] Ricerca multipla, evitare if	PHP	4	21 Giu 2018
	[PHP] Evitare la visualizzazione del carattere di nuova linea \r\n	PHP	5	1 Lug 2017
A	[Javascript] [CSS] elenco affiancato per evitare scorrimento pagina	Javascript	4	5 Gen 2017
M	Evitare la compilazione automatica NomeUtente e Password con Chrome	PHP	2	3 Mag 2016
M	Evitare rischio assunzione programmatori per nuove aziende?	Leggi, Normative e Fisco	3	12 Ago 2015
	Cookie rendirizamento per evitare la loro scrittura	Javascript	1	4 Giu 2015
A	Evitare estrazione record doppioni	PHP	2	13 Gen 2015
	Scambio link: consigliato o meglio evitare?	SEO e Posizionamento	0	4 Ago 2014
	Evitare Meta Tag duplicati su paginazione php	PHP	2	18 Apr 2014
A	[risolto] evitare refresh index dopo recaptcha sbagliato	PHP	7	12 Feb 2014
J	Evitare al refresh della pagina la ritrasmissione di un form	PHP	1	7 Dic 2013
G	come evitare l'a capo del testo nelle tabelle	HTML e CSS	4	9 Ago 2013
M	Evitare SQL Injection senza deformare testo	PHP	3	1 Giu 2013
M	Confrontare data, ora e aula per evitare sovrapposizioni	PHP	8	27 Mag 2013
L	Paginazione file evitare di inserire questi \ o altro nella get	PHP	1	15 Apr 2013
Z	evitare il download diretto di file	PHP	2	4 Giu 2012
	evitare inserimento dati già presenti in DataBase	PHP	20	23 Apr 2012
	Evitare records duplicati nel database	PHP	6	18 Mar 2012
S	urgentissimo necessità di script per evitare di far visualizzare immagini "rubate"	Javascript	12	13 Set 2011
L	invio multiplo e refresh pagina come evitare?	PHP	3	25 Mag 2011
R	Evitare SPAM nelle tabelle DI MYSQL	MySQL	6	11 Ott 2010
T	Evitare refresh pagina	Javascript	7	20 Set 2010
	Evitare doppio click nelle pagine	ASP.NET	5	30 Ago 2010
I	Evitare inserimento dati in database con refresh	PHP	5	16 Nov 2009
	Evitare lo scatto di fine foto e aumentare la velocità	Flash	2	5 Ago 2009
P	[checkbox e className] evitare di richiamare più volte la stessa funzione	Javascript	0	16 Apr 2009
M	Evitare i frames	HTML e CSS	6	1 Apr 2009
Z	Evitare la ridondanza	PHP	3	9 Ott 2008
	evitare doppioni	PHP	9	29 Mag 2008
G	Come evitare in Excel messaggio per apertura pdf?	Windows e Software	2	6 Dic 2007
G	Stampante canon: evitare il taglio nel caricare?	Hardware	0	12 Set 2007
T	come evitare file ldb	Database	4	6 Apr 2007
I	Menu in flash è da evitare?	SEO e Posizionamento	2	22 Mar 2007
E	modifica js per evitare il blank	Javascript	0	15 Dic 2006
P	Help filtraggio input...Evitare caratteri	Javascript	0	11 Dic 2006
B	Evitare i motori di ricerca	HTML e CSS	2	9 Nov 2006
A	Controllo per evitare inserimenti di spazi	Javascript	1	9 Mag 2006
M	Evitare blocco pop-up	Classic ASP	0	9 Set 2005
P	evitare la scrittura in un campo	Javascript	5	20 Feb 2005

Cerca

Cerca

Evitare che la pagina si ricarichi

Shyson

Utente Attivo

criric

Super Moderatore

Shyson

Utente Attivo

criric

Super Moderatore

Shyson

Utente Attivo

criric

Super Moderatore

Shyson

Utente Attivo

Shyson

Utente Attivo

Discussioni simili