☰

Kongregate Textbox Extender

Enlarges texbox areas when writing PMs, shouts, your About Me section, and when replying to messages. Simply double-click to toggle normal/extended textbox. Custom length available in User Script Commands.

  1. // ==UserScript==
  2. // @name           	Kongregate Textbox Extender
  3. // @namespace     	http://matthewammann.com
  4. // @description   	Enlarges texbox areas when writing PMs, shouts, your About Me section, and when replying to messages. Simply double-click to toggle normal/extended textbox. Custom length available in User Script Commands.
  5. // @include        	http://www.kongregate.com/accounts/*
  6. // @exclude        	http://www.kongregate.com/accounts/*/monitored
  7. // @author			Matthew Ammann
  8. // @version			1.1
  9. // @date 			01/11/12
  10. // ==/UserScript==
  11.  
  12. var mainShoutBox = document.getElementById("shout_content")
  13. var path = location.pathname;
  14. var pathArray = path.split("/");
  15. var isWhisperPage = new Boolean(false);
  16. var isShoutPage = new Boolean(false);
  17. var firstClick = new Boolean(true);
  18. var messagesArray;
  19.  
  20. GM_registerMenuCommand("Input Extended Texbox Length", inputPrompt)
  21. var extendedLength = GM_getValue("textboxLength", "300px");
  22.  
  23. if(!parseInt(extendedLength, 10)) 
  24. 	extendedLength = "300px";
  25.  
  26. function inputPrompt()
  27. {
  28. 	var input = prompt("Please enter the the desired texbox length (in pixels) as a number. The default extended length is 300.");
  29. 	var parsedInput = parseInt(input, 10);
  30. 	if(!parsedInput) 
  31. 		input = "300";
  32. 	
  33. 	input = String(input + "px");	
  34. 	extendedLength = input;
  35. 	GM_setValue("textboxLength", input);
  36. }
  37.  
  38. if(mainShoutBox)
  39. {
  40. 	addEvent(mainShoutBox);
  41. 	mainShoutBox.addEventListener("blur", blurHandler, false);
  42. }
  43.  
  44. if(pathArray[3])
  45. {
  46. 	if(pathArray[3] == "private_messages")
  47. 	{
  48. 		isWhisperPage = true;
  49. 		messagesArray = document.getElementsByClassName("whisper user_message");
  50. 		traverseMessages();
  51. 	}
  52. 	else if(pathArray[3] == "messages")
  53. 	{
  54. 		isShoutPage = true;
  55. 		messagesArray = document.getElementsByClassName("shout user_message");
  56. 		traverseMessages();
  57. 	}
  58. 	else if(pathArray[3] == "edit_profile")
  59. 	{
  60. 		var aboutMe = document.getElementById("user_about");
  61. 		aboutMe.addEventListener("dblclick", function(){toggleExpand(aboutMe)}, false);
  62. 	}
  63. }	
  64. else if(pathArray[1] == "accounts")
  65. {
  66. 	messagesArray = document.getElementsByClassName("shout user_message");
  67. 	
  68. 	if(messagesArray)
  69. 		traverseMessages();
  70. }
  71. 	
  72. function traverseMessages()
  73. {	
  74. 	for(i=0; i < messagesArray.length; i++)
  75. 	{
  76. 		var messageComments = messagesArray[i].getElementsByClassName("message_reply_container")[0].getElementsByClassName("message_comments")[0];	
  77. 		var replyTextbox = messageComments.getElementsByTagName("textarea")[0]
  78. 		addEvent(replyTextbox);
  79. 	}
  80. }
  81.  
  82. function addEvent(element)
  83. {
  84. 	if(firstClick)
  85. 		element.addEventListener("focus", function(){focusHandler(element)}, false);
  86.  
  87. 	element.addEventListener("dblclick", function(){toggleExpand(element)}, false);
  88. }
  89.  
  90. function focusHandler(element)
  91. {
  92. 	firstClick = false;
  93. 	
  94. 	if(element.value.length == 0)
  95. 		element.style.setProperty("height", "auto" , "important");
  96.  
  97. 	element.removeEventListener("focus", function(){focusHandler(element)}, false);
  98. 	
  99. }
  100.  
  101. function toggleExpand(element)
  102. {
  103. 	if(element.id == "shout_content") 
  104. 	{
  105. 		if(element.style.height == "24px" || element.style.height == extendedLength || firstClick == true)	
  106. 			element.style.setProperty("height", "auto" , "important");
  107. 		else
  108. 			element.style.setProperty("height", extendedLength , "important");
  109. 		
  110. 		firstClick = false;
  111. 	}
  112. 	else if(element.id == "user_about")
  113. 	{
  114. 		element.cols = "62"
  115. 		element.style.setProperty("height", extendedLength , "important");
  116. 	}
  117. 	else if(element.style.height == "55px" || element.style.height == "" || element.style.height == "auto")
  118. 		element.style.setProperty("height", extendedLength , "important");
  119.  
  120. 	else
  121. 		element.style.setProperty("height", "55px" , "important");
  122.  
  123. 	element.addEventListener("blur", blurHandler, false);
  124. 	element.focus();
  125. }
  126.  
  127. function blurHandler()
  128. {
  129. 	if(this.value.length == 0)
  130. 	{
  131. 		if(this.id == "shout_content")
  132. 			this.style.setProperty("height", "24px" , "important");
  133. 		else
  134. 			this.style.setProperty("height", "15px" , "important");
  135. 	}
  136. 	
  137. 	firstClick = true;
  138. }