smile/emoticons in una pop-up

Versione Completa   Stampa   Cerca   Utenti   Iscriviti     Condividi : FacebookTwitter
Noam
00venerdì 28 marzo 2008 23:10
condivido codice
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.
Questa è la versione 'lo-fi' del Forum Per visualizzare la versione completa clicca qui
Tutti gli orari sono GMT+01:00. Adesso sono le 15:09.
Copyright © 2000-2024 FFZ srl - www.freeforumzone.com