Widget con funzione Notepad

Tutorial Widget con funzione Notepad

Messaggio Da Teodor Sab 10 Dic 2016 - 17:23

Widget con funzione Notepad

Carissimi utenti,

Andiamo a vedere come creare un widget che ha la stessa funzione del notepad nel pannello di amministrazione.  cheers Ovviamente esso, sarà disponibile a tutti, e ogni membro potrà salvarci sopra qualsiasi testo.  cheers

Installazione



Pannello di amministrazione ► moduli ► Widget ►  

Se non lo avete già fatto, andiamo ad attivare gli widget, e andiamo a crearne uno nuovo:

Nome: Notepad
Usare un indice tipo : Si
codice:
Codice:
<!--
DEVELOPED BY ANGE TUTEUR
-->
<style type="text/css">
#fa_notepad {
  color:#333;
  background:#FFF;
  border:1px dotted #CCC;
  font-size:13px;
  font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  width:150px !important;
  height:150px !important;
  resize:none;
  overflow:hidden;
  overflow-y:auto;
  outline:none;
  display:block;
  padding:3px;
  margin:0 auto !important;
}
</style>
<textarea id="fa_notepad"></textarea>
<script type="text/javascript">//<![CDATA[
(function() {
  var notepad = document.getElementById('fa_notepad');
  if (notepad) {
    var key = 'fa_notepad_u' + _userdata.user_id,
        storage = window.localStorage,
        handler = function() {
          var key = 'fa_notepad_u' + _userdata.user_id,
              val = this.value,
              storage = window.localStorage;
        
          storage ? storage[key] = val : my_setcookie(key, val);
        };
  
    notepad.value = (storage ? storage[key] : my_getcookie(key)) || _userdata.username + '\'s personal notes...';
    notepad.oninput ? notepad.oninput = handler : notepad.onkeyup = handler;
  }
}());
// par ange tuteur
//]]></script>

:new: andiamo dunque a salvare le modifiche, e inseriamo il nostro widget sul forum. :good:

Risultato



Widget con funzione Notepad Captur10

Ed ecco fatto, alla prossima!  :zen:
avatar
Teodor
@ Super attivo @

Sesso : Maschio
Età : 27
Messaggi : 1873
Località : Cremona

http://Ilforumditutti.net
Teodor è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.