[ 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, open source e hosting 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à!

Tibia ↗
Tibia è un MMORPG gratuito online dal 1997 e con migliaia di utenti connessi! Riscopri il divertimento old style!

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.

Imperion ↗
Imperion il nuovo browser game strategico medievale: costruisci, conquista e domina un mondo di gioco senza pay-to-win, solo strategia!

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. ;)

World of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

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:

<!-- CONTATORE CARATTERI -->

<!-- CONTATORE CARATTERI -->

<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>

<!-- TEXTAREA AZIONE -->

<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>

<!-- INVIO AZIONE -->

<div class="container_forms_invio">

<!-- INVIO AZIONE IN CHAT -->

<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>

<!-- TEXTAREA AZIONE -->

<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>

<!-- INVIO AZIONE -->

<div class="container_forms_invio">

<!-- INVIO AZIONE IN CHAT -->

<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>

<script>

var chat = document.getElementById('message');

var count = document.getElementById('count');

var invio_azione = document.getElementById('forminvioaz');

var max = 2000;

var counter = 0;

chat.onkeyup = function(){

counter = chat.value.length;

count.innerHTML= max-counter;

};

invio_azione.onclick = function(){

counter = 0;

count.innerHTML= max-counter;

};


</script>

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

<script>

var chat = document.getElementById('message');

var count = document.getElementById('count');

var invio_azione = document.getElementById('forminvioaz');

var max = 2000;

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">

Neverness to Everness ↗
Esplora Hesperia in Neverness to Everness! Un open-world anime tra misteri, auto modificate e spettacolari combattimenti UE5. Gioca ora gratis a NTE!

29/03/2018 12:31:01

sadly-noob ha scritto:
" .. Se CLASSE e ID non renderai affini per te è la fine. "

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

29/03/2018 18:12:23

Siamo riusciti ad implementare il contatore! :)

Grazie mille per gli aiuti! <3

Raja Dunia ↗
Tra verità divine e menzogne eterne, la tua anima è la chiave. Scopri Raja Dunia, e riscrivi il fato del Continente con armi e magia, fede o eresia.