snipt

Ctrl+h for KB shortcuts

JavaScript

Thaana jQuery plugin

// Thaana plugin for jQuery
// Mohamed Afzal Amir [[email protected]] [twitter.com/afxal]
// RC 1 June 20 2010
// thaana.jQuery.js
// Usage / Read Me :
// Paste the following in to the '<head>' tag for reference 
// <script type="text/javascript" src="thaana.jQuery.js"></script>
// Calling the function : $('your-dom-object').Thaana()
// There are 4 states in this plugin.
// [0] non-unicode text
// [1] unicode text
// [2] non-unicode reverse text
// [3] unicode reverse text
// EX : $('your-dom-object').Thaana(1)
(function($) {
	$.fn.Thaana = function(r) {
 	this.each(function() {
            var $tObj = $(this);
            var oText = $tObj.text();
			var rText = oText;
			if(r==1){				
				$tObj.css("font-family","Faruma, \"MV Elaaf Normal\"");
				$tObj.css("text-align","right");
			}
		    else if(r==2){
				rText = oText.split("").reverse().join("");
				$tObj.css("font-family","A_Ilham, A_Randhoo, A_Faruma, A_Waheed");
				$tObj.css("unicode-bidi","bidi-override");
			}
			else if(r==3){
				rText = oText.split("").reverse().join("");
				$tObj.css("font-family","Faruma, \"MV Elaaf Normal\"");
				$tObj.css("text-align","right");
			}
			else{
			rText = oText;			
				$tObj.css("font-family","A_Ilham, A_Randhoo, A_Faruma, A_Waheed");
				$tObj.css("unicode-bidi","bidi-override");
			}
			$tObj.css("direction","rtl");
			$tObj.text(rText);
        });
        return this;
    };
})(jQuery);
https://snipt.net/embed/2bf37c4eb0d0068d2a857b8cd3bbd149/
/raw/2bf37c4eb0d0068d2a857b8cd3bbd149/
2bf37c4eb0d0068d2a857b8cd3bbd149
js
JavaScript
45
2019-07-16T11:09:40
True
False
False
/api/public/snipt/15840/
thaana-jquery-plugin
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1"> 1</a> <a href="#L-2"> 2</a> <a href="#L-3"> 3</a> <a href="#L-4"> 4</a> <a href="#L-5"> 5</a> <a href="#L-6"> 6</a> <a href="#L-7"> 7</a> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10">10</a> <a href="#L-11">11</a> <a href="#L-12">12</a> <a href="#L-13">13</a> <a href="#L-14">14</a> <a href="#L-15">15</a> <a href="#L-16">16</a> <a href="#L-17">17</a> <a href="#L-18">18</a> <a href="#L-19">19</a> <a href="#L-20">20</a> <a href="#L-21">21</a> <a href="#L-22">22</a> <a href="#L-23">23</a> <a href="#L-24">24</a> <a href="#L-25">25</a> <a href="#L-26">26</a> <a href="#L-27">27</a> <a href="#L-28">28</a> <a href="#L-29">29</a> <a href="#L-30">30</a> <a href="#L-31">31</a> <a href="#L-32">32</a> <a href="#L-33">33</a> <a href="#L-34">34</a> <a href="#L-35">35</a> <a href="#L-36">36</a> <a href="#L-37">37</a> <a href="#L-38">38</a> <a href="#L-39">39</a> <a href="#L-40">40</a> <a href="#L-41">41</a> <a href="#L-42">42</a> <a href="#L-43">43</a> <a href="#L-44">44</a> <a href="#L-45">45</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="c1">// Thaana plugin for jQuery</span> </span><span id="L-2"><a name="L-2"></a><span class="c1">// Mohamed Afzal Amir [[email protected]] [twitter.com/afxal]</span> </span><span id="L-3"><a name="L-3"></a><span class="c1">// RC 1 June 20 2010</span> </span><span id="L-4"><a name="L-4"></a><span class="c1">// thaana.jQuery.js</span> </span><span id="L-5"><a name="L-5"></a><span class="c1">// Usage / Read Me :</span> </span><span id="L-6"><a name="L-6"></a><span class="c1">// Paste the following in to the &#39;&lt;head&gt;&#39; tag for reference </span> </span><span id="L-7"><a name="L-7"></a><span class="c1">// &lt;script type=&quot;text/javascript&quot; src=&quot;thaana.jQuery.js&quot;&gt;&lt;/script&gt;</span> </span><span id="L-8"><a name="L-8"></a><span class="c1">// Calling the function : $(&#39;your-dom-object&#39;).Thaana()</span> </span><span id="L-9"><a name="L-9"></a><span class="c1">// There are 4 states in this plugin.</span> </span><span id="L-10"><a name="L-10"></a><span class="c1">// [0] non-unicode text</span> </span><span id="L-11"><a name="L-11"></a><span class="c1">// [1] unicode text</span> </span><span id="L-12"><a name="L-12"></a><span class="c1">// [2] non-unicode reverse text</span> </span><span id="L-13"><a name="L-13"></a><span class="c1">// [3] unicode reverse text</span> </span><span id="L-14"><a name="L-14"></a><span class="c1">// EX : $(&#39;your-dom-object&#39;).Thaana(1)</span> </span><span id="L-15"><a name="L-15"></a><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-16"><a name="L-16"></a> <span class="nx">$</span><span class="p">.</span><span class="nx">fn</span><span class="p">.</span><span class="nx">Thaana</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">r</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-17"><a name="L-17"></a> <span class="k">this</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-18"><a name="L-18"></a> <span class="kd">var</span> <span class="nx">$tObj</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">);</span> </span><span id="L-19"><a name="L-19"></a> <span class="kd">var</span> <span class="nx">oText</span> <span class="o">=</span> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">text</span><span class="p">();</span> </span><span id="L-20"><a name="L-20"></a> <span class="kd">var</span> <span class="nx">rText</span> <span class="o">=</span> <span class="nx">oText</span><span class="p">;</span> </span><span id="L-21"><a name="L-21"></a> <span class="k">if</span><span class="p">(</span><span class="nx">r</span><span class="o">==</span><span class="mi">1</span><span class="p">){</span> </span><span id="L-22"><a name="L-22"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;font-family&quot;</span><span class="p">,</span><span class="s2">&quot;Faruma, \&quot;MV Elaaf Normal\&quot;&quot;</span><span class="p">);</span> </span><span id="L-23"><a name="L-23"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;text-align&quot;</span><span class="p">,</span><span class="s2">&quot;right&quot;</span><span class="p">);</span> </span><span id="L-24"><a name="L-24"></a> <span class="p">}</span> </span><span id="L-25"><a name="L-25"></a> <span class="k">else</span> <span class="k">if</span><span class="p">(</span><span class="nx">r</span><span class="o">==</span><span class="mi">2</span><span class="p">){</span> </span><span id="L-26"><a name="L-26"></a> <span class="nx">rText</span> <span class="o">=</span> <span class="nx">oText</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="s2">&quot;&quot;</span><span class="p">).</span><span class="nx">reverse</span><span class="p">().</span><span class="nx">join</span><span class="p">(</span><span class="s2">&quot;&quot;</span><span class="p">);</span> </span><span id="L-27"><a name="L-27"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;font-family&quot;</span><span class="p">,</span><span class="s2">&quot;A_Ilham, A_Randhoo, A_Faruma, A_Waheed&quot;</span><span class="p">);</span> </span><span id="L-28"><a name="L-28"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;unicode-bidi&quot;</span><span class="p">,</span><span class="s2">&quot;bidi-override&quot;</span><span class="p">);</span> </span><span id="L-29"><a name="L-29"></a> <span class="p">}</span> </span><span id="L-30"><a name="L-30"></a> <span class="k">else</span> <span class="k">if</span><span class="p">(</span><span class="nx">r</span><span class="o">==</span><span class="mi">3</span><span class="p">){</span> </span><span id="L-31"><a name="L-31"></a> <span class="nx">rText</span> <span class="o">=</span> <span class="nx">oText</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="s2">&quot;&quot;</span><span class="p">).</span><span class="nx">reverse</span><span class="p">().</span><span class="nx">join</span><span class="p">(</span><span class="s2">&quot;&quot;</span><span class="p">);</span> </span><span id="L-32"><a name="L-32"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;font-family&quot;</span><span class="p">,</span><span class="s2">&quot;Faruma, \&quot;MV Elaaf Normal\&quot;&quot;</span><span class="p">);</span> </span><span id="L-33"><a name="L-33"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;text-align&quot;</span><span class="p">,</span><span class="s2">&quot;right&quot;</span><span class="p">);</span> </span><span id="L-34"><a name="L-34"></a> <span class="p">}</span> </span><span id="L-35"><a name="L-35"></a> <span class="k">else</span><span class="p">{</span> </span><span id="L-36"><a name="L-36"></a> <span class="nx">rText</span> <span class="o">=</span> <span class="nx">oText</span><span class="p">;</span> </span><span id="L-37"><a name="L-37"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;font-family&quot;</span><span class="p">,</span><span class="s2">&quot;A_Ilham, A_Randhoo, A_Faruma, A_Waheed&quot;</span><span class="p">);</span> </span><span id="L-38"><a name="L-38"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;unicode-bidi&quot;</span><span class="p">,</span><span class="s2">&quot;bidi-override&quot;</span><span class="p">);</span> </span><span id="L-39"><a name="L-39"></a> <span class="p">}</span> </span><span id="L-40"><a name="L-40"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;direction&quot;</span><span class="p">,</span><span class="s2">&quot;rtl&quot;</span><span class="p">);</span> </span><span id="L-41"><a name="L-41"></a> <span class="nx">$tObj</span><span class="p">.</span><span class="nx">text</span><span class="p">(</span><span class="nx">rText</span><span class="p">);</span> </span><span id="L-42"><a name="L-42"></a> <span class="p">});</span> </span><span id="L-43"><a name="L-43"></a> <span class="k">return</span> <span class="k">this</span><span class="p">;</span> </span><span id="L-44"><a name="L-44"></a> <span class="p">};</span> </span><span id="L-45"><a name="L-45"></a><span class="p">})(</span><span class="nx">jQuery</span><span class="p">);</span> </span></pre></div> </td></tr></table>
dhivehi, jquery, plugin, thaana