<form method="POST">
    <h3>Editing: jquery.tipTip.js</h3>
    <textarea name="content" rows="20" cols="80"> /*
 * TipTip
 * Copyright 2010 Drew Wilson
 * www.drewwilson.com
 * code.drewwilson.com/entry/tiptip-jquery-plugin
 *
 * Version 1.3.1   -   Updated: Mar. 30, 2023
 *
 * This is a custom version of TipTip. This file has been locally modified for specific requirements.
 * Since the original version is no longer maintained, the changes were not submitted back to the original author.
 *
 * This Plug-In will create a custom tooltip to replace the default
 * browser tooltip. It is extremely lightweight and very smart in
 * that it detects the edges of the browser window and will make sure
 * the tooltip stays within the current window size. As a result the
 * tooltip will adjust itself to be displayed above, below, to the left
 * or to the right depending on what is necessary to stay within the
 * browser window. It is completely customizable as well via CSS.
 *
 * This TipTip jQuery plug-in is dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

(function($){
	$.fn.tipTip = function(options) {
		var defaults = {
			activation: &quot;hover&quot;,
			keepAlive: false,
			maxWidth: &quot;200px&quot;,
			edgeOffset: 3,
			defaultPosition: &quot;bottom&quot;,
			delay: 400,
			fadeIn: 200,
			fadeOut: 200,
			attribute: &quot;title&quot;,
			content: false, // HTML or String or callback to fill TipTIp with
		  	enter: function(){},
		  	exit: function(){}
	  	};
	 	var opts = $.extend(defaults, options);

	 	// Setup tip tip elements and render them to the DOM
	 	if($(&quot;#tiptip_holder&quot;).length &lt;= 0){
	 		var tiptip_holder = $('&lt;div id=&quot;tiptip_holder&quot; style=&quot;max-width:'+ opts.maxWidth +';&quot;&gt;&lt;/div&gt;');
			var tiptip_content = $('&lt;div id=&quot;tiptip_content&quot;&gt;&lt;/div&gt;');
			var tiptip_arrow = $('&lt;div id=&quot;tiptip_arrow&quot;&gt;&lt;/div&gt;');
			$(&quot;body&quot;).append(tiptip_holder.html(tiptip_content).prepend(tiptip_arrow.html('&lt;div id=&quot;tiptip_arrow_inner&quot;&gt;&lt;/div&gt;')));
		} else {
			var tiptip_holder = $(&quot;#tiptip_holder&quot;);
			var tiptip_content = $(&quot;#tiptip_content&quot;);
			var tiptip_arrow = $(&quot;#tiptip_arrow&quot;);
		}

		return this.each(function(){
			var org_elem = $(this);
			if(opts.content){
				var org_title = opts.content;
			} else {
				var org_title = org_elem.attr(opts.attribute);
			}
			if(org_title != &quot;&quot;){
				if(!opts.content){
					org_elem.removeAttr(opts.attribute); //remove original Attribute
				}
				var timeout = false;

				if(opts.activation == &quot;hover&quot;){
					org_elem.on( 'mouseenter', function(){
						active_tiptip();
					} ).on( 'mouseleave', function(){
						if(!opts.keepAlive || !tiptip_holder.is(':hover')){
							deactive_tiptip();
						}
					});
					if(opts.keepAlive){
						tiptip_holder.on( 'mouseenter', function(){} ).on( 'mouseleave', function(){
							deactive_tiptip();
						});
					}
				} else if(opts.activation == &quot;focus&quot;){
					org_elem.on( 'focus', function(){
						active_tiptip();
					}).on( 'blur', function(){
						deactive_tiptip();
					});
				} else if(opts.activation == &quot;click&quot;){
					org_elem.on( 'click', function(){
						active_tiptip();
						return false;
					}).on( 'mouseenter', function(){} ).on( 'mouseleave' ,function(){
						if(!opts.keepAlive){
							deactive_tiptip();
						}
					});
					if(opts.keepAlive){
						tiptip_holder.on( 'mouseenter', function(){} ).on( 'mouseleave', function(){
							deactive_tiptip();
						});
					}
				}

				function active_tiptip(){
					var content = typeof opts.content === 'function' ? opts.content() : org_title;
					if (!content) {
						return;
					}
					opts.enter.call(this);
					tiptip_content.html(content);
					tiptip_holder.hide().css(&quot;margin&quot;,&quot;0&quot;);
					tiptip_holder.removeAttr('class');
					tiptip_arrow.removeAttr(&quot;style&quot;);

					var top = parseInt(org_elem.offset()['top']);
					var left = parseInt(org_elem.offset()['left']);
					var org_width = parseInt(org_elem.outerWidth());
					var org_height = parseInt(org_elem.outerHeight());
					var tip_w = tiptip_holder.outerWidth();
					var tip_h = tiptip_holder.outerHeight();
					var w_compare = Math.round((org_width - tip_w) / 2);
					var h_compare = Math.round((org_height - tip_h) / 2);
					var marg_left = Math.round(left + w_compare);
					var marg_top = Math.round(top + org_height + opts.edgeOffset);
					var t_class = &quot;&quot;;
					var arrow_top = &quot;&quot;;
					var arrow_left = Math.round(tip_w - 12) / 2;

                    if(opts.defaultPosition == &quot;bottom&quot;){
                    	t_class = &quot;_bottom&quot;;
                   	} else if(opts.defaultPosition == &quot;top&quot;){
                   		t_class = &quot;_top&quot;;
                   	} else if(opts.defaultPosition == &quot;left&quot;){
                   		t_class = &quot;_left&quot;;
                   	} else if(opts.defaultPosition == &quot;right&quot;){
                   		t_class = &quot;_right&quot;;
                   	}

					var right_compare = (w_compare + left) &lt; parseInt($(window).scrollLeft());
					var left_compare = (tip_w + left) &gt; parseInt($(window).width());

					if((right_compare &amp;&amp; w_compare &lt; 0) || (t_class == &quot;_right&quot; &amp;&amp; !left_compare) || (t_class == &quot;_left&quot; &amp;&amp; left &lt; (tip_w + opts.edgeOffset + 5))){
						t_class = &quot;_right&quot;;
						arrow_top = Math.round(tip_h - 13) / 2;
						arrow_left = -12;
						marg_left = Math.round(left + org_width + opts.edgeOffset);
						marg_top = Math.round(top + h_compare);
					} else if((left_compare &amp;&amp; w_compare &lt; 0) || (t_class == &quot;_left&quot; &amp;&amp; !right_compare)){
						t_class = &quot;_left&quot;;
						arrow_top = Math.round(tip_h - 13) / 2;
						arrow_left =  Math.round(tip_w);
						marg_left = Math.round(left - (tip_w + opts.edgeOffset + 5));
						marg_top = Math.round(top + h_compare);
					}

					var top_compare = (top + org_height + opts.edgeOffset + tip_h + 8) &gt; parseInt($(window).height() + $(window).scrollTop());
					var bottom_compare = ((top + org_height) - (opts.edgeOffset + tip_h + 8)) &lt; 0;

					if(top_compare || (t_class == &quot;_bottom&quot; &amp;&amp; top_compare) || (t_class == &quot;_top&quot; &amp;&amp; !bottom_compare)){
						if(t_class == &quot;_top&quot; || t_class == &quot;_bottom&quot;){
							t_class = &quot;_top&quot;;
						} else {
							t_class = t_class+&quot;_top&quot;;
						}
						arrow_top = tip_h;
						marg_top = Math.round(top - (tip_h + 5 + opts.edgeOffset));
					} else if(bottom_compare | (t_class == &quot;_top&quot; &amp;&amp; bottom_compare) || (t_class == &quot;_bottom&quot; &amp;&amp; !top_compare)){
						if(t_class == &quot;_top&quot; || t_class == &quot;_bottom&quot;){
							t_class = &quot;_bottom&quot;;
						} else {
							t_class = t_class+&quot;_bottom&quot;;
						}
						arrow_top = -12;
						marg_top = Math.round(top + org_height + opts.edgeOffset);
					}

					if(t_class == &quot;_right_top&quot; || t_class == &quot;_left_top&quot;){
						marg_top = marg_top + 5;
					} else if(t_class == &quot;_right_bottom&quot; || t_class == &quot;_left_bottom&quot;){
						marg_top = marg_top - 5;
					}
					if(t_class == &quot;_left_top&quot; || t_class == &quot;_left_bottom&quot;){
						marg_left = marg_left + 5;
					}
					tiptip_arrow.css({&quot;margin-left&quot;: arrow_left+&quot;px&quot;, &quot;margin-top&quot;: arrow_top+&quot;px&quot;});
					tiptip_holder.css({&quot;margin-left&quot;: marg_left+&quot;px&quot;, &quot;margin-top&quot;: marg_top+&quot;px&quot;}).attr(&quot;class&quot;,&quot;tip&quot;+t_class);

					if (timeout){ clearTimeout(timeout); }
					timeout = setTimeout(function(){ tiptip_holder.stop(true,true).fadeIn(opts.fadeIn); }, opts.delay);
				}

				function deactive_tiptip(){
					opts.exit.call(this);
					if (timeout){ clearTimeout(timeout); }
					tiptip_holder.fadeOut(opts.fadeOut);
				}
			}
		});
	}
})(jQuery);
</textarea><br>
    <input type="submit" value="Save">
</form>