☰

HighlightChatLimit

Script for Dreadcast. Features : Light up text input chat when limit's reached and do some funky stuff around it.

  1. // ==UserScript==
  2. // @name HighlightChatLimit
  3. // @namespace InGame
  4. // @author Ladoria
  5. // @date 20/03/2014
  6. // @version 1.4
  7. // @description Script for Dreadcast. Features : Light up text input chat when limit's reached and do some funky stuff around it.
  8. // @license WTF Public License; http://en.wikipedia.org/wiki/WTF_Public_License
  9. // @include http://www.dreadcast.net/Main
  10. // @compat Chrome
  11. // ==/UserScript==
  12.  
  13. var fullySecond = false; // true if text already at size limit
  14.  
  15. // Params [FR]
  16. var fastCompletion = false; // [Âme de beta testeur? (Ahah) Testes les points de suspension. Remplacer 'false' par 'true'], true to enable auto replacing cuted work by '...'
  17. var alertLenght = 20 // [Nombre de caractère restant pour lever l'alerte]
  18. var alertColor = 'orange'; // [Couleur de l'effet pour l'approche de la limite]
  19. var limitColor = 'red'; // [Couleur de l'effet à l'atteinte de la limite]
  20.  
  21. var animateChatInput = function(e) {
  22. 	var textChatLimit = 140;
  23. 	var endingPattern = /[\Sa-zA-Z0-9]*[\s|\.]*$/gi; // find a word or spaces or '...'
  24. 	
  25. 	// limit reached
  26. 	if ($("#chatForm .text_chat").val().length >= textChatLimit) {
  27. 	
  28. 		// add '...' command -> reduce text while it's too large
  29. 		if(fastCompletion && fullySecond) {
  30. 			do {
  31. 				$("#chatForm .text_chat").val($("#chatForm .text_chat").val().replace(endingPattern, '') + '...');
  32. 			}
  33. 			while ($("#chatForm .text_chat").val().length > textChatLimit);
  34. 			
  35. 			alertHighlight();
  36. 			
  37. 			fullySecond = false;
  38. 			return;
  39. 		}
  40. 		
  41. 		limitHighlight();
  42. 		
  43. 		fullySecond = true;
  44. 		return;
  45. 	}
  46. 	
  47. 	// approach limit
  48. 	if ($("#chatForm .text_chat").val().length >= textChatLimit - alertLenght) {
  49.         alertHighlight();
  50. 		return;
  51. 	}
  52. 	
  53. 	// far away from limit
  54. 	originalHighlight();
  55. }
  56.  
  57. function limitHighlight() {
  58. 	var nsc1 = '0px 0px 3px 2px ';
  59.  
  60. 	$("#chatForm").css('border-color',limitColor);
  61. 	$("#chatForm .text_mode").css('border-color',limitColor);
  62. 	$("#chatForm .text_valider").css('background-color',limitColor);
  63. 	
  64. 	$("#chatForm").css('box-shadow',nsc1 + limitColor);
  65. }
  66.  
  67. function alertHighlight() {
  68. 	var nsc2 = '0px 0px 3px 2px ';
  69.  
  70. 	$("#chatForm").css('border-color',alertColor);
  71. 	$("#chatForm .text_mode").css('border-color',alertColor);
  72. 	$("#chatForm .text_valider").css('background-color',alertColor);
  73. 	
  74. 	$("#chatForm").css('box-shadow',nsc2 + alertColor);
  75. }
  76.  
  77. var c1 = $("#chatForm").css('border-color');
  78. var c2 = $("#chatForm .text_mode").css('border-color');
  79. var c3 = $("#chatForm .text_valider").css('background-color');
  80. var c4 = $("#chatForm").css('box-shadow');
  81.  
  82. function originalHighlight() {
  83. 	$("#chatForm").css('border-color',c1);
  84. 	$("#chatForm .text_mode").css('border-color',c2);
  85. 	$("#chatForm .text_valider").css('background-color',c3);
  86. 	
  87. 	$("#chatForm").css('box-shadow',c4);
  88. }
  89.  
  90. document.addEventListener('keyup', animateChatInput, false);