Premessa

L’idea è quella di usare php per memorizzare su file le informazioni relative ai commenti e richiamarle quando necessario.

Lo script non è adatto a gestire un traffico abnorme, ma funziona discretamente per i blog personali come questo, naturalmente è ulteriormente migliorabile, ma ho pensato di proporvelo così com’è per darvi un’idea di cosa si possa fare con iweb oggi.

Il nostro script dovrà

• Mostrare un form per inserire il commento insieme ad un link, indicante il numero di commenti, che apra una popup con gli stessi.
  
• Gestire l’inserimento 
  
• Mostrare i commenti in una popup

Visualizziamo il form

function show_form(){
	$ref = $_SERVER[HTTP_REFERER];
	$name_arr = explode("/",$ref);
	$page= $name_arr[count($name_arr)-4]."_".$name_arr[count($name_arr)-3]."_".$name_arr[count($name_arr)-2];
	$file = $_SERVER['DOCUMENT_ROOT']."/php/commenti/".$page.".dat";
	$commenti = file($file);
	$form = '
		<form name="commento" method="POST" action="">
		<b><a href="javascript:show_commenti();">Commenti (<span id="postcount">'.count($commenti).'</span>)</a></b>
		<div style="font-size:small">
		Titolo<br />
		<input type="text" name="titolo" value=""/><br />
			Commento<br />
			<textarea name="commento" rows="5" cols="50"></textarea><br />
			Nome / Email<br />
			<input type="text" name="email" value="" /><br />
			<input type="button" value="Commenta" onclick="add_commento();">
		</div>
		</form>';
	}
	echo $form;
}

Il primo passo per visualizzare il form è scrivere il server php che lo visualizzi, sarà poi compito di javascript visualizzarlo nella pagina.

 

I campi usati per il form sono i classici titolo, commento, email, mentre il pulsante per inserire il commento richiamerà la funzione add_commento()che analizzeremo in seguito, così come la funzione show_commenti() che si occupa di aprire la popup che mostrerà i commenti.

 

Vediamo ora come visualizzare il form nella pagina.

Inseriamo un widget web sotto il nostro topic come segue:

Subito dopo linkiamo il nostro script personalizzato in cui inseriremo le chiamate javascript per gestire i nostri commenti.

Il terzo blocco javascript invece richiama la nostra funzione php richiamando la funzione di default Ajax_Replace, sostituendo il risultato al nostro blocco “commenti”.

 

Dopo questi passaggi nella nostra pagina comparirà il form:

 

 

 

 

 

 

 

 

 

 

Cerchiamo di capire ora come gestire l’inserimento del commento e la visualizzazione dell’elenco dei commenti.

 

Inserimento commenti

Per prima cosa stabiliamo come vogliamo che i nostri commenti siano memorizzati. L’ideale sarebbe memorizzare il tutto in formato xml, ma per praticità al momento ho pensato di memorizzare il tutto in un file di testo nel seguente formato

Titolo|Testo commento|Autore|Timestamp.

Un commento per rigo.

Eccetto timestamp le altre informazioni vengono direttamente dal form, mentre quest’ultimo sarà inserito dallo script php al momento di salvare la stringa su file.

Guardiamo direttamente il nostro script php.

 

function add_node(){
	$id = $_POST[id];
	$ref = $_SERVER[HTTP_REFERER];
	$name_arr = explode("/",$ref);
	$pagina = $name_arr[count($name_arr)-4]."_".$name_arr[count($name_arr)-3]."_".$name_arr[count($name_arr)-2];
	$file = $_SERVER['DOCUMENT_ROOT']."/php/commenti/".$pagina.".dat";
	if (is_file($file)) $commenti = file($file);
	$commenti[count($commenti)] = $_POST[titolo]."|".$_POST[commento]."|".$_POST[email]."|".time()."
";
	$string_to_write = implode("",$commenti);
	file_put_contents($file,$string_to_write);
	echo count($commenti);
}

 

Dopo le opportune modifiche allo switch iniziale gestiamo analizziamo la funzione add_node().

Il primo passo è recuperare la pagina del post. La variabile globale $_SERVER[HTTP_REFERENCE], conterrà un riferimento assoluto alla pagina html inglobata nell’iframe.

Il riferimento terminerà con Blog/Voci/Anno/Mese/Giorno_TitoloPost/widget1_markup.html

Spezzando la stringa ad ogni slash con explode possiamo identificare la data del post e il suo titolo (ciò che identifichiamo nella variabile$pagina.

Aggiungere un commento al file è abbastanza semplice. Tramite la funzione file importiamo tutti i commenti in un array, quindi formattiamo la stringa e la inseriamo nell’ultima posizione dell’array, quindi uniamo l’array tramite la funzione implode e la inseriamo nel file del commento tramite file_put_content().

L’ultima riga invece manda in output il numero di commenti da renderizzare nella nostra pagina.

 

Diamo un’occhiata alla funzione javascript che aggiunge il commento. 

 

function add_commento(){
    var id = document.commento.id;
    var time = document.commento.time;
    var titolo = document.commento.titolo;
    var commento = document.commento.commento;
    var email = document.commento.email;
	
    if ((titolo.value!="") && (commento.value!="") && (email.value!="")){
        ajaxPost("/php/commenti.php?op=add","commento", Ajax_Replace,"postcount");
        id.value="";
        time.value="";
        titolo.value="";
        commento.value="";
        email.value="";
    }else{
        alert('Tutti i campi sono obbligatori');
    }
}

Il cuore della funzione è nella riga che chiama lo script php e passa i dati via POST.

Il risultato finale sarà l’aver aggiunto il commento al file in questione e aggiornare il numero di commenti nella pagina.

 

Elenco dei commenti

L’ultima operazione da descrivere è la visualizzazione dei commenti.

Il server PHP deve scorrere il file dei commenti e renderizzarlo in maniera corretta. Il Javascript invece deve recuperare la pagina di pertinenza e aprire la popup.

 

function show_list(){
    $mesi = Array("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre");
    $giorni = Array(1=>"Domenica","Lunedi","Martedi","Mercoledi","Giovedi","Sabato");
    $string_to_page = "<html>
<head>
<title>Commenti</title>
<script language='javascript' src='/js/ajaxInterface.js'>/**/</script>
<script language='javascript' src='\js\commenti.js'>/**/</script>
</head>
<body>
";
    $pagina = $_GET[page];
    $string_to_page.= "<input type='hidden' id='page' value='$pagina' /><span style='display:none' id='postcount'></span>";
    $file = $_SERVER['DOCUMENT_ROOT']."/php/commenti/".$pagina.".dat";
    $commenti = file($file);
    foreach($commenti as $i=>$arr_post){
        $rigo = explode("|",$arr_post);
        $titolo = utf8_decode($rigo[0]);
        $commento = utf8_decode($rigo[1]);
        $email = str_replace("@", " at ", $rigo[2]);
        $data = $giorni[date("w",$rigo[3])];
        $data.= " ".date("j",$rigo[3]);
        $data.= " ".$mesi[date("n",$rigo[3])];
        $data.= " ".date("Y",$rigo[3]);
        $data.= ", ".date("G:i",$rigo[3]);
        $string_to_page.= "<div id='commento_$i' style='font-size:small;'>
				<b>$titolo</b><br />
			   	$email<br />
			   	<div style='width:100%;text-align:right;'>$data</div><br />
			   	$commento
			   	<hr />
	            	      </div>";
       }
    $string_to_page.="</body></html>";
    echo $string_to_page;
}

function get_page(){
    $pagina = $_SERVER[HTTP_REFERER];
    $name_arr = explode("/",$pagina);
    echo $name_arr[count($name_arr)-4]."_".$name_arr[count($name_arr)-3]."_".$name_arr[count($name_arr)-2];
}

 

Il file viene analizzato rigo per rigo per rendere in html il risultato.

Il javascript che lancia la popup è il seguente:

 

function show_commenti(){
    ajaxGet("/php/commenti.php?op=getPage", show_commenti_support);
}
function show_commenti_support(content){
    var page = content;
    window.open('/php/commenti.php?op=list&page='+page, 'commento', 'width=400,height=600,top=0,left=0, scrollbars= 1,resizable=1');
}

 

La funzione show_commenti() (richiamata dalla pagina principale) recupera il riferimento alla pagina e passa il dato ottenuto alla funzione di supporto che semplicemente apre la popup.

 

Download