Add an Urdu Editor to your vBulletin forum - Urdu OpenPad integration
Mod Version: 1.00, by simunaqv
This modification is in the archives.
| vB Version: 3.6.8 | Rating:  (8 votes - 4.88 average) |
Installs: 21 |
| Released: 07 Aug 2007 | Last Update: 09 Aug 2007 | Downloads: 207 |
 Not Supported
Is in Beta Stage
|
||
Description:
This hack integrates Urdu OpenPad in your vBulletin forum. At the moment this hack is only available in the form of template modification instructions. These changes are aimed at converting specific edit areas into Urdu edit areas. You can use the same procedure to convert any other edit area into an Urdu edit area. Please note that this integration is available for textarea-mode i.e. it does not work for the wysiwyg mode.
NOTE: It has been brought to my notice that users on some forums are having problems logging in with Urdu user names. This is because of the way Unicode data is handled in a non-Unicode forum. I recommend skipping the modifications in the navbar, STANDARD_ERROR, STANDARD_ERROR_LITE, STANDARD_ERROR_LOGIN and the register templates on these forums.
Demo: http://www.urduweb.org/mehfil
Upload files:
Upload the contents of the upload folder to your forum root.
Template Changes:
in the headinclude template
===========================
FIND:
AFTER ADD:
in the navbar template
======================
FIND:
REPLACE WITH:
FIND:
REPLACE WITH:
in the STANDARD_ERROR template
==============================
FIND:
REPLACE WITH:
in the STANDARD_ERROR_LITE template
===================================
FIND:
REPLACE WITH:
in the STANDARD_ERROR_LOGIN template
====================================
FIND:
REPLACE WITH:
in the register template
========================
FIND:
REPLACE WITH:
FIND:
REPLACE WITH:
in the editor_toolbar_off template
=================================
FIND:
REPLACE WITH:
FIND:
REPALCE WITH:
in the editor_toolbar_on template
================================
FIND:
ADD AFTER:
FIND:
REPLACE WITH:
in the newreply template
========================
FIND:
REPLACE WITH:
<
in the newthread template
=========================
FIND:
REPLACE WITH:
in the showthread_quickreply template
=====================================
FIND:
ADD AFTER:
FIND:
REAPLCE WITH:
in the pm_newpm template
========================
FIND:
REAPLCE WITH:
FIND:
REAPLCE WITH:
FIND:
REPLACE WITH:
Adding custom css classes:
Add the following css definitions to the additional css classes
Updates:
August 08, 2007: Added instructions for modifiying the register template
This hack integrates Urdu OpenPad in your vBulletin forum. At the moment this hack is only available in the form of template modification instructions. These changes are aimed at converting specific edit areas into Urdu edit areas. You can use the same procedure to convert any other edit area into an Urdu edit area. Please note that this integration is available for textarea-mode i.e. it does not work for the wysiwyg mode.
NOTE: It has been brought to my notice that users on some forums are having problems logging in with Urdu user names. This is because of the way Unicode data is handled in a non-Unicode forum. I recommend skipping the modifications in the navbar, STANDARD_ERROR, STANDARD_ERROR_LITE, STANDARD_ERROR_LOGIN and the register templates on these forums.
Demo: http://www.urduweb.org/mehfil
Upload files:
Upload the contents of the upload folder to your forum root.
Template Changes:
in the headinclude template
===========================
FIND:
HTML Code:
<if condition="$vboptions['externalrss']"> <link rel="alternate" type="application/rss+xml" title="$vboptions[bbtitle] RSS Feed" href="external.php?type=RSS2" /> <if condition="$show['foruminfo'] OR $show['threadinfo']"> <link rel="alternate" type="application/rss+xml" title="$vboptions[bbtitle] - $foruminfo[title_clean] - RSS Feed" href="external.php?type=RSS2&forumids=$foruminfo[forumid]" /> </if> </if>
HTML Code:
<script type="text/javascript" src="clientscript/OpenPad.js"></script> <script type="text/javascript"> initUrduEditor(); </script>
======================
FIND:
HTML Code:
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td> <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
HTML Code:
<td colspan="3"><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /><br /><script language="javascript" type="text/javascript">writeToggleControl("vb_login_username");makeUrduEditor("vb_login_username", 11)</script></td> <td class="smallfont" colspan="3" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
HTML Code:
<div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
HTML Code:
<div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /> <script language="javascript" type="text/javascript">makeUrduEditor("query", 11)</script> </div>
==============================
FIND:
HTML Code:
<td>$vbphrase[username]:<br /><input type="text" class="bginput" name="vb_login_username" size="50" accesskey="u" tabindex="1" /></td>
HTML Code:
<td>$vbphrase[username]:<br /><input type="text" class="bginput" name="vb_login_username" id="vb_login_username_2" size="50" accesskey="u" tabindex="1" /> <br /><script language="javascript" type="text/javascript">makeUrduEditorById("vb_login_username_2", 11);writeToggleControl("vb_login_username_2", true)</script> </td>
in the STANDARD_ERROR_LITE template
===================================
FIND:
HTML Code:
<td>$vbphrase[username]:<br /><input type="text" class="bginput" name="vb_login_username" size="35" accesskey="u" tabindex="1" /></td>
HTML Code:
<td>$vbphrase[username]:<br /><input type="text" class="bginput" name="vb_login_username" id="vb_login_username_2" size="35" accesskey="u" tabindex="1" /> <br /><script language="javascript" type="text/javascript">makeUrduEditorById("vb_login_username_2", 11);writeToggleControl("vb_login_username_2", true)</script> </td>
in the STANDARD_ERROR_LOGIN template
====================================
FIND:
HTML Code:
<td>$vbphrase[username]:<br /><input type="text" class="bginput" name="vb_login_username" size="50" accesskey="u" tabindex="1" /></td>
REPLACE WITH:
HTML Code:
<td>$vbphrase[username]:<br /><input type="text" class="bginput" name="vb_login_username" id="vb_login_username_2" size="50" accesskey="u" tabindex="1" /> <br /><script language="javascript" type="text/javascript">makeUrduEditorById("vb_login_username_2", 11);writeToggleControl("vb_login_username_2", true)</script> </td>
========================
FIND:
HTML Code:
<div class="smallfont" style="margin-bottom:$stylevar[formspacer]px"> <strong>$vbphrase[username]</strong>:<br /> <input type="text" class="bginput" name="username" size="50" maxlength="$vboptions[maxuserlength]" value="$username" /> </div>
REPLACE WITH:
HTML Code:
<div class="smallfont" style="margin-bottom:$stylevar[formspacer]px"> <strong>$vbphrase[username]</strong>:<br /> <input type="text" class="bginput" name="username" size="50" maxlength="$vboptions[maxuserlength]" value="$username" /> <br /><script language="javascript" type="text/javascript">writeToggleControl("username");makeUrduEditor("username", 11)</script></td> </div>
FIND:
HTML Code:
<div id="referrerfield"><input id="referrerfield_txt" type="text" class="bginput" name="referrername" value="$referrername" size="50" maxlength="$vboptions[maxuserlength]" /></div>
REPLACE WITH:
HTML Code:
<div id="referrerfield"><input id="referrerfield_txt" type="text" class="bginput" name="referrername" value="$referrername" size="50" maxlength="$vboptions[maxuserlength]" /> <br /><script language="javascript" type="text/javascript">writeToggleControl("referrername");makeUrduEditor("referrername", 11)</script></td> </div>
in the editor_toolbar_off template
=================================
FIND:
HTML Code:
<div style="text-align:$stylevar[left]" style="padding-right:8px"> <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%; height:{$editor_height}px" tabindex="1">$newpost[message]</textarea> <!--width:$stylevar[messagewidth]--> </div>
HTML Code:
<div style="text-align:$stylevar[left]" style="padding-right:8px"> <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%; height:{$editor_height}px" tabindex="1">$newpost[message]</textarea> <!--width:$stylevar[messagewidth]--> <br /><script language="JavaScript" type="text/javascript">writeToggleControl("{$editorid}_textarea", true);</script> <br /><script language="JavaScript" type="text/javascript">writeKeyboard();</script> </div>
HTML Code:
<script type="text/javascript"> <!-- vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie'); //--> </script>
REPALCE WITH:
HTML Code:
<script type="text/javascript"> <!-- vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie'); <if condition="$bbuserinfo['showvbcode'] != 2"> makeUrduEditorById('{$editorid}_textarea', 18); </if> //--> </script>
in the editor_toolbar_on template
================================
FIND:
HTML Code:
<tr valign="top"> <td class="controlbar"> <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="display:block; width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea> </td> <if condition="$smiliebox"><td class="controlbar">$smiliebox</td></if> </tr>
HTML Code:
<if condition="$bbuserinfo['showvbcode'] != 2"> <tr> <td> <script language="JavaScript" type="text/javascript"> writeToggleControl("{$editorid}_textarea", true); </script> </td> </tr> <tr> <td> <script language="JavaScript" type="text/javascript"> writeKeyboard(); </script> </td> </tr> </if>
HTML Code:
<script type="text/javascript"> <!-- vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie', undefined, '$ajax_extra'); //--> </script>
HTML Code:
<script type="text/javascript"> <!-- vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie', undefined, '$ajax_extra'); <if condition="$bbuserinfo['showvbcode'] != 2"> makeUrduEditorById('{$editorid}_textarea', 18); </if> //--> </script>
========================
FIND:
HTML Code:
<td><input type="text" class="bginput" name="title" value="$title" size="50" maxlength="$vboptions[titlemaxchars]" tabindex="1" title="$vbphrase[optional]" /><td>
<
HTML Code:
td><input type="text" class="bginput" name="title" value="$title" size="50" maxlength="$vboptions[titlemaxchars]" tabindex="1" title="$vbphrase[optional]" /> <br /><script language="javascript" type="text/javascript">writeToggleControl("title");makeUrduEditor("title", 14)</script> </td>
=========================
FIND:
HTML Code:
<td><input type="text" class="bginput" name="subject" value="$subject" size="40" maxlength="$vboptions[titlemaxchars]" tabindex="1" /></td>
HTML Code:
<tr> <td><input type="text" class="bginput" name="subject" value="$subject" size="40" maxlength="$vboptions[titlemaxchars]" tabindex="1" /> <br /> <script language="javascript" type="text/javascript">writeToggleControl("subject");makeUrduEditor("subject", 14)</script> </td>
=====================================
FIND:
HTML Code:
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]"></textarea> </if> </fieldset> <!--width:$stylevar[messagewidth]-->
HTML Code:
<if condition="$bbuserinfo['showvbcode'] != 2"> <br /><script language="JavaScript" type="text/javascript">writeToggleControl("{$editorid}_textarea", true);</script> <br /><script language="JavaScript" type="text/javascript">writeKeyboard();</script> </if>
HTML Code:
<script type="text/javascript"> <!-- vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie'); var QR_EditorID = '$editorid'; //--> </script>
HTML Code:
<script type="text/javascript"> <!-- vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie'); var QR_EditorID = '$editorid'; <if condition="$bbuserinfo['showvbcode'] != 2"> makeUrduEditorById('{$editorid}_textarea', 18); </if> //--> </script>
========================
FIND:
HTML Code:
<div id="pmrecips"><textarea id="pmrecips_txt" name="recipients" rows="<if condition="is_browser('mozilla')">1<else />2</if>" cols="50" tabindex="1">$pm[recipients]</textarea></div>
REAPLCE WITH:
HTML Code:
<div id="pmrecips"><textarea id="pmrecips_txt" name="recipients" rows="<if condition="is_browser('mozilla')">1<else />2</if>" cols="50" tabindex="1">$pm[recipients]</textarea> <br /><script language="javascript" type="text/javascript">makeUrduEditor("recipients", 14);writeToggleControl("recipients")</script> </div>
FIND:
HTML Code:
<div id="bccpmrecips"><textarea id="bccpmrecips_txt" name="bccrecipients" rows="<if condition="is_browser('mozilla')">1<else />2</if>" cols="50" tabindex="1">$pm[bccrecipients]</textarea></div>
HTML Code:
<div id="bccpmrecips"><textarea id="bccpmrecips_txt" name="bccrecipients" rows="<if condition="is_browser('mozilla')">1<else />2</if>" cols="50" tabindex="1">$pm[bccrecipients]</textarea> <br /><script language="javascript" type="text/javascript">makeUrduEditor("bccrecipients", 14);writeToggleControl("bccrecipients")</script> </div>
HTML Code:
<td><input type="text" class="bginput" name="title" value="$pm[title]" size="50" maxlength="85" tabindex="1" /></td>
HTML Code:
<td><input type="text" class="bginput" name="title" value="$pm[title]" size="50" maxlength="85" tabindex="1" /> <br /><script language="javascript" type="text/javascript">makeUrduEditor("title", 14);writeToggleControl("title")</script> </td>
Adding custom css classes:
Add the following css definitions to the additional css classes
HTML Code:
.btnFlat {
background: #ECECEC;
border: 1px solid #D3D3D3;
cursor: pointer;
cursor: hand;
text-align:center;
font-family:Urdu Naskh Asiatype;
font-size:12px;
}
.btnRaised, .btnFlat:hover {
background: #D3D3D3;
border: 1px outset;
cursor: pointer;
cursor: hand;
text-align:center;
font-family:Urdu Naskh Asiatype;
font-size:12px;
}
.btnLowered, .btnFlat:active {
background: #D3D3D3;
border: 1px inset;
cursor: pointer;
cursor: hand;
text-align:center;
font-family:Urdu Naskh Asiatype;
font-size:12px;
}
.hiddentext {display:none}
.outline {cursor:hand; text-decoration:underline}
a.switch
{
font-family: Times New Roman;
color:#0000FF;
font-size:xx-small;
direction:rtl;
text-decoration:none;
unicode-bidi:embed;
}
a.switch:hover
{
background-color:#FF6699;
}
August 08, 2007: Added instructions for modifiying the register template
Download
This modification is archived, downloads are still allowed.
OpenPad_Integration_Beta_0.1.zip (9.2 KB, 226 downloads)
Addons
Screenshots
