Wordpress: come scrivere un reply to comment usando jQuery

Venerdì 3 Ottobre, 2008

Recentemente Cristiano Fino ha rilasciato un utile Plugin per Wordpress in grado di aggiugere due link ad ogni commento di un post (forse ne avete uno simile installato, visto che nella directory di Wordpress.org ne ho travati un paio, tuttavia essendo un software italiano sarebbe il caso di onorare l’ottimo lavoro fatto da Cristiano). Questi Link (reply & quote) permettono di rispondere e/o quotare l’autore di un commento, eseguendo quella noiosa operazione di inserire il carattere at (@) per indicare a chi ci si rivolge. In questo tutorial voglio illustrare - per gli utenti medio-esperti - il modo di aggiugere queste due funzionalità “a mano”, senza ricorrere all’istallazione di nessun Plugin. Inoltre sfrutterò le capacità di jQuery per la parte in Javascript. La tecnica che espongo è la medesima che ho usato per introdurre questa funzionalità in questo blog.

Nota: l’uso di un plugin è la miglior soluzione per chi tende a modificare spesso il proprio template Wordpress o, al limite, ha in previsione di farlo. Questo tutorial vuole solo mostrare come eseguire interventi mirati all’interno del codice Wordpress ed è dedicato ai più curiosi.

Modifica del file comments.php

La prima modifica che apportiamo è quella di inserire i link “reply” e “quote” all’interno di ogni commento. Per fare questo editiamo il file comments.php situato nella cartella del nostro tema. Questo file contiene tutte le istruzioni che consentono di visualizzare i commenti alla fine di un post. La sezione che ci interessa (che può variare leggermente da tema a tema) è il loop di creazione dei vari commenti, riconoscibile da:

Continua a leggere… »

Post correlati

Inserire filmati Flash in Wordpress con SWFObejct 2.0

Giovedì 1 Maggio, 2008

Dopo aver eseguito negli anni svariate patch e prove per trovare il modo migliore di inserire contenuti attivi - come Flash - nel Blog, penso finalmente di aver risolto una volta per tutte il problema. Avevo già parlato del rilascio della libreria SWFObject 2.0, utilissima nella realizzazione di siti con contenuto di tipo Adobe Flash. Fortunatamente Unijimpe ha realizzato un Plugin per Wordpress in grado di sfruttare le potenzialità di SWFObject e semplificare l'inserimento all'interno dei Post. Per usarlo, infatti, basta attivare il Plugin e inserire all'interno del post:

CODE:
  1. [SWF] /wp-content/uploads/2006/05/7762.swf, 231, 132 [/SWF]

È inoltre possibile utilizzare il Plugin per inserire contenuti Flash anche all'interno del Blog stesso, come ad esempio la Sidebar:

PHP:
  1. <div id="sidebar">
  2. <?php wp_swfobject_echo("boton.swf","100","22"); ?>
  3. </div>

Post correlati

Flash CS3: comunicazione con un Web Server

Venerdì 14 Dicembre, 2007

ActionScript 3.0 introduce tutta una serie di formidabili strumenti di comunicazione, alcuni totalmente nuovi, altri rivisitati e migliorati rispetto alla precedente versione di ActionScript. Cominciamo a vedere come cambia il modo di interagire con un Web Server nel caso di una semplice comunicazione tra Flash e una pagina PHP con risposta in XML. Prima di tutto l'oggetto XML non esiste più! In ActionScript 3.0 sono stati introdotte nuove classi, alcune delle quali dedicate alla "retrocompatibilità".

Nota: la classe XML (insieme alle classi correlate) di ActionScript 2.0 è stata rinominata XMLDocument e spostata nel pacchetto flash.xml. È inclusa in ActionScript 3.0 al fine di assicurare la compatibilità con le versioni precedenti.

In ActionScript 2.0 la comunicazione con un Web Server veniva spesso risolta sfruttando l'accoppiata degli oggetti LoadVars e XML, usando il metodo sendAndLoad() dell'oggetto LoadVars (vedi: Flash: LoadVars e XML per inviare dati in POST). Ora le cose cambiano, ma basta solo abituarsi ai nuovi nomi ed oggetti. Come indicato nel manuale, infatti:

Continua a leggere... »

Post correlati

RESTTest: utile estensione per FireFox

Venerdì 2 Novembre, 2007

RESTTest Ecco un'interessante estensione per FireFox (oggi rilasciata la patch 2.0.0.9) scritta da Kris Zyp. RESTTest permette di eseguire send e verificare le receive verso un URL utilizzando il protocollo REST, scegliendo tra i canonici metodi GET o POST (eventualmente personalizzabili).
RESTTest può essere utilizzato per verificare il funzionamento dell'oggetto XmlHttpRequest e quindi per testare le applicazioni che fanno uso di Ajax. Possiamo quindi simulare facilmente e velocemente richieste e risposte XHR.
Questa estensione è disegnata specificatamente per lavorare con risorse di tipo REST e supporta tutti i metodi HTTP.
Nel campo POST/PUT è possibile inserire tutti i parametri che intendiamo inviare alla nostra pagina di test, nella sintassi standard:

variabile1=valore1&variabile2=valore2&[...]variabilen=valoren

Questa estensione risulta utile anche nel test dei Feed RSS di un sito o nell'analisi dei paramteri di qualsiasi servizio RPC.

Post correlati

Flash: LoadVars e XML per inviare dati in POST

Venerdì 20 Luglio, 2007

Ecco un ottimo modo per inviare dati in POST ad un Web Server. Useremo due oggetti: un oggetto LoadVars per spedire e un oggetto XML per ricevere (nel caso ci aspettiamo un documento di ritorno formattato in XML). Utilizzare l'oggetto LoadVars di Flash è utile sia per la creazione runtime di proprietà che saranno viste come variabili POST sia per la possibilità di specificare il metodo si spedizione: POST o GET.

Prima di tutto creiamo l'oggetto LoadVars che sarà usato per spedire:

Actionscript:
  1. var s_lv:LoadVars = new LoadVars();

A questo possiamo aggiungere le variabili in POST in modo assai semplice:

Actionscript:
  1. s_lv.title = "Hello";
  2. s_lv.subtitle = "Hello World";

Prepariamo l'oggetto che riceverà la risposta dal Web Server (nella stdout) - se PHP basta fare un echo:

Actionscript:
  1. var r_xml:XML = new XML();
  2. r_xml.ignoreWhite = true;

A questo punto non ci rimane che inviare:

Actionscript:
  1. s_lv.sendAndLoad("http://miodominio.com/miapagina.php", r_xml, "POST");

Il metodo sendAndLoad() dell'oggetto LoadVars è molto ultile in quanto permette di specificare l'oggetto di ritorno (in questo caso il nostro oggetto XML r_xml) e il metodo di spedizione (nel nostro caso POST).
Per finire basta metterci in attesa:

Actionscript:
  1. r_xml.onLoad = function(success:Boolean) {
  2.     if(success) {
  3.         // elaborazione risultato
  4.     }
  5. };

Post correlati