[ GDRCD 5.2.1 ] Limite caratteri azioni + Toolbar in Forum & Scheda

[ GDRCD 5.2.1 ] Limite caratteri azioni + Toolbar in Forum & Scheda postato il 28/03/2018 23:47:43 nel forum programmazione, gdrcd e open source e modificato da weliketowrite il 28/03/2018 23:48:08

Ciao a tutti,

stiamo creando un gdr e avremmo bisogno di qualche consiglio ( non siamo esperte di codici, ma stiamo tentando di fare del nostro meglio! ).

1) Vorremmo implementare un limite di caratteri per le azioni in chat, che sia visibile anche per l'utente che scrive l'azione (quindi mentre scrive l'azione, può direttamente vedere il diminuire dei caratteri disponibili).

Abbiamo preso in considerazione per la modifica la pagina frame_chat.inc.php, ma non abbiamo dei codici a cui appoggiarci per la modifica. Qualcuno può aiutarci?

2) In più, vorremmo implementare una specie di toolbar per delle modifiche semplici sia per modificare il forum che per modificare la scheda del personaggio ( per capirci, una cosa di questo genere https://i.imgur.com/xyWHQR5.png ).

Grazie in anticipo a chi risponderà!

Pandora Upside Down High School ↗
La prima scuola per sovrannaturali al mondo vi attende! Scoprite il vostro cammino Ancestrale relazionandovi con i compagni e le attività dei club

quota

Pagine → 1

dyrr

SCRIVI

29/03/2018 03:29:19 e modificato da dyrr il 29/03/2018 03:29:46

per il punto 1 qui c'è un esempio semplice e veloce di come fare:
https://jsfiddle.net/Dyrr/mpw3uxye/ https://jsfiddle.net/Dyrr/mpw3uxye/

Per il punto 2 io di solito uso questa toolbar per i bbcode:
http://wysibb.com/ http://wysibb.com/

Ce ne sono tante di simili e anche più recenti, la cosa a cui dovete stare attenti è che sia una toolbar che quando viene poi inviatoil form mandi i dati in forma di bbcode con le parentesi quadre e non come tag html, perchè alcune toolbar fanno così invece.

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

quota

arisen

SCRIVI

29/03/2018 10:02:59

Conosciamo molto bene tinyMCE visto che lo stiamo utilizzando noi su Arisen.
Anche io come Dyrr ti consiglio un editor più semplice, alla tua portata, che puoi tranquillamente reperire sul web, in quanto tinyMCE necessita di adeguate competenze programmative, non tanto per integrarlo in un gdr ma soprattutto per attuare le dovute accortezze necessarie ad evitare spiacevoli conseguenze future. ;)

* Sii la versione originale di te stesso, non la brutta copia di qualcun altro. *

Gioca con noi https://www.arisen.it/ | Scheda https://www.gdr-online.com/arisen.asp

quota

sadly-noob

SCRIVI

29/03/2018 11:39:06 e modificato da sadly-noob il 29/03/2018 11:40:06

Ehilà!
Purtroppo credo di poterti aiutare solo sul primo punto - qui c'è il codice dei conta caratteri, che parte dalla quantità massima che hai settato (nel mio caso 2000) e fa il conto alla rovescia fino a zero, dopodiché non consente di inserire ulteriori caratteri.

Come dicevi il file sul quale intervenire è frame_chat.inc.php:

HTML:

<div class="char_count">

<span class="casella_info">

<?php echo gdrcd_filter('out',$MESSAGE['chat']['tag']['info']['msg']); ?>

</span>

<div id="count">

2000

</div>

</div>



<div class="casella_chat">

<div class="cont_formtestochat">

<textarea class="text_chat" name="message" id="message" maxlength="2000" placeholder="<?php echo $MESSAGE['chat']['placeholder']['msg']['action']; ?>"></textarea>

</div>

</div>



<div class="container_forms_invio">



<div class="cont_forminvioazione">

<button class="sendchat" type="submit" id="forminvioaz" title="INVIA">

<i class="fa fa-share fa-2x"></i>

</button>

<input type="hidden" name="op" value="new_chat_message" />

</div>

</div>



<div class="casella_chat">

<div class="cont_formtestochat">

<textarea class="text_chat" name="message" id="message" maxlength="2000" placeholder="<?php echo $MESSAGE['chat']['placeholder']['msg']['action']; ?>"></textarea>

</div>

</div>



<div class="container_forms_invio">



<div class="cont_forminvioazione">

<button class="sendchat" type="submit" id="forminvioaz" title="INVIA">

<i class="fa fa-share fa-2x"></i>

</button>

<input type="hidden" name="op" value="new_chat_message" />

</div>

</div>

JAVASCRIPT:

Se vuoi cambiare il limite massimo dei caratteri dovrebbe essere sufficiente cambiare questi due parametri (ricordati di entrambi!):

<textarea class="text_chat" name="message" id="message" maxlength="2000" placeholder

" Un ultimo monito giunge infine .. "

var chat = document.getElementById('message'); FA RIFERIMENTO A => <textarea class="text_chat" name="message" id="message" maxlength="2000" (...)

var count = document.getElementById('count'); FA RIFERIMENTO A => <div id="count">

var invio_azione = document.getElementById('forminvioaz'); FA RIFERIMENTO A => <button class="sendchat" type="submit" id="forminvioaz" title="INVIA">

" .. Se CLASSE e ID non renderai affini per te è la fine. "