1) su un proprio spazio web, creiamo una cartella che chiameremo "smile";
2) al suo interno, inseriamo tutte le faccine che vogliamo purchè tutte abbiano la stessa estensione, quindi, o tutte *.gif, o tutte *.jpg, o tutte *.png;
3) il nome di ogni faccina deve essereun numero ordinale da 1 a 'n', dove 'n' rappresenta il numero dell'ultima facciana, quindi, 1.gif, 2.gif, 3.gif, etc.
4) Prendiamo il seguente codice e adattatelo al vostro caso:
// ISTRUZIONI:
// Le emoticons devono essere ordinate secondo una sequenza numerica crescente da 1 in poi.
// Ad esempio: 1.gif, 2.gif, 3.gif, 4.gif, etc.
// ############
// IMPOSTAZIONI
// ############
//inserire indirizzo della cartella contenente le emoticons
var indirizzo = "http://www.nomesito.it/smile/";
// specificare il numero di emoticons
var numero = "100";
// specificare il tipo: *.gif, *.jpg, *.png
var tipo = "gif";
// altezza pop up (in pixel)
var altezza = "550";
// larghezza pop up (in pixel)
var larghezza = "400";
// titolo pop up
var titolo = "SdC - OpenForum :: Emoticons";
// ###############
// FINE IMPOSTAZIONI
// ###############
function popup() {
var n = (numero+1);
var generator=window.open("","name","height="+altezza+",width="+larghezza+",scrollbars=1");
generator.document.write('<html><head><title>'+titolo+'</title>');
generator.document.write('<sc'+'ript type="text/javascript">');
generator.document.write('function DoSmiley(smiley){ parent.opener.document.aspnetForm.ctl00$CPH1$TestoMessaggio.value=parent.opener.document.aspnetForm.ctl00$CPH1$TestoMessaggio.value+"[img]"+smiley+"[/img]";}');
generator.document.write('</sc'+'ript>');
generator.document.write('</head><body>');
generator.document.write('<p style="text-align:center"><a href="javascript:self.close()">Close</a></p>');
for (i=1; i<n; i++){
generator.document.write('<img src="'+indirizzo+i+'.'+tipo+'" onmousedown="DoSmiley(this.src)" style="cursor:pointer"> ');
}
generator.document.write('<p style="text-align:center"><a href="javascript:self.close()">Close</a></p>');
generator.document.write('</body></html>');
generator.document.close();
}
5) prendiamo il codice, e salviamolo in un file *.js, che chiameremo: smile.js;
6) carichiamo il file "smile.js" su un nostro server;
7) andiamo nel pannello di ammistrazione del forum, e inseriamo il seguente codice per richiamare il file "smile.js":
<script type="text/javascript" language="javascript" src="http://www.nomesito.it/smile.js"></script>
8) ora inseriamo il codice per far comparire il link, per aprire la pop-up:
<a href="#" onclick="popup()">Emoticons</a>
fine
come potrete constatare, clikkando sulle smile, queste verranno inserite nella textarea, quindi, saranno fruibili con il minimo sforzo da parte dell'utente.
[Modificato da Noam 28/03/2008 23:11]