December 26, 20091 Comment

TinyMCE 300x177 New installation instruction for tinybn in joomla1.5.14+
Here I am back with tinybn(bangla writing plugin for popular wysiwyw editor tinymce). Oh please don’t think that I am trying to show you smiley face with new version of tinybn but new installation instruction for joomla 1.5.14+. Today a new user informed that the raw installation instruction for joomla 1.5.x is not correct … code is not matching :(

I don’t have any earlier version of joomla installed now but joomla 1.5.14 and joomla 1.5.15. What I noticed that the code in tinymce.php file in plugins\editors\tinymce.php … that the it’s now udpated. No need to edit code to add custom plugin. Just need to copy paste the custom plugin folder to plugins\editors\tinymce\jscripts\tiny_mce\plugins and add the plugin name to tinymce plugin setting/configuration from admin panel. Let me show u how to install tinybn plugin in joomla 1.5.14+ without any code edit(actually it’s better way now).

Old instruction is here in ekushey.
note: path are all windows style here.

Step A: Download the plugin file(download link is at end of this post). Unzip it and check there is a folder in that named banlgafkb. Copy that folder and paste in plugins\editors\tinymce\jscripts\tiny_mce\plugins

Step B: Login to your joomla admin panel . Go to plugins. Open the plugin Editor – TinyMCE.
Step C: I think you are now in configuration page of Editor – TinyMCE . Look right side the options.
Change Functionality to Extended
tinybn1 New installation instruction for tinybn in joomla1.5.14+
You are close to end :D . Now click the advance tab(Advanced Parameters). Check there is option to put custom plugin name and button name(though some plugin doesn’t need button name). We need to put custom plugin name here(for more than one.. need to put with comma seperated)
OK, just write plugin name “banglafkb” and button name “banglafkb”. See screenshot bellow
tinybn2 New installation instruction for tinybn in joomla1.5.14+
I think these steps are just easy as boiling eggs.

Every thing is ok then when you are writing new article you should see the plugin action like bellow….
tiny0 New installation instruction for tinybn in joomla1.5.14+
Related Download links:

zip New installation instruction for tinybn in joomla1.5.14+  Tinybn-Banglafkb (18.5 KiB, 181 hits)



zip New installation instruction for tinybn in joomla1.5.14+  tinybn for jce based on tinymce3.x (16.1 KiB, 326 hits)



zip New installation instruction for tinybn in joomla1.5.14+  Wp tinybn plugin 2.0 (20.6 KiB, 326 hits)


note: First image courtesy ekushey.

October 26, 20093 Comments

newsticker 300x125 RSS news ticker using jquery and Slick RSS module in joomlaLet me clear first about what is Slick RSS

Slick RSS is a joomla module that Parse and Display RSS Feed News with DHTML Teaser Tooltip. For details pls visit this link.

ok , let me tell what I am going to do next. That module is great to show rss feed from another site and I want to use it as a news ticker and it can be named as rss news ticker. ok then let’s make it done.

I am going to use js library jQuery and it’s plugin BBCNewsTicker. Please download latest version of jquery and that plugin this the given link.

Now, install the module Slick RSS in your joomla site and publish in any module position. Now I am going to make little change in the module code so that it can be configured for newsticker.

open the file default.php from modules\mod_slick_rss\tmpl and check link near 39

…continue reading RSS news ticker using jquery and Slick RSS module in joomla

September 7, 20091 Comment

In phpxperts yahoo group there was a thread about how to submit a form in a iframe outside the iframe I mean from parent window. I replied my idea using js but the iframe should be in same domain. The js code is like

window.top.myframename.document.myformname.submit();

let me give u whole code. make a new file named frame.html and write the bellow code in that file

<form id="myformid" name="myformname" method="post" action="" target="_self" onSubmit="">
	Name: <input type="text" size="20" name="name" value="" id="namefield" />
</form>

and open a new file again and save in same dir with name index.html and write the bellow code in it

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Iframe form submit from outside</title>
</head>

<body>

<div id="infodivid"></div>
<iframe src ="frame.html" width="auto" height="40px" frameborder="0" id="myframeid" name="myframename">
</iframe>
<p><input onClick="submitiframeform(); return false;" type="button" name="submit" value="Submit" /></p>
<script type="text/javascript">

function submitiframeform(){
	window.top.myframename.document.myformname.submit();
}
</script>
</body>
</html>

now open the index.html in browser and click the submit button and see the form is getting submitted. I think If you just check the code then I don’t need to explain ‘what is why’.

thanks

August 8, 20094 Comments

Dear Friends,

I know there is no update on tinybn for many days and it has so many bugs but I am not gone yet ! heh heh. I think who are very familiar with joomla and it’s content editor tinymce, are also familiar with jce(joomla content editor), a joomla conent editor based on tinymce with lots of feature. You can get jce here. Please check their donwload section to download the jce component and jce plugin/mambot(editor).

hmm, please don’t get sleep … I just made a plugin for jce to use my tinybn plugin directly in jce. No manuall install needed , I mean editing files to work with default tinymce.
So , here is the download file of tinybn for jce.

zip tinybn for jce as a joomla plugin  tinybn for jce based on tinymce3.x (16.1 KiB, 326 hits)



How to install:
1. Install jce component (that will help you to modify or control jce editor and install new plugin and much more)
2. Install jce plugin
3. Now install tinybn plugin for jce. Go to Administrator-> Components-> JCE Administrations-> Install (see screenshot bellow)
4. Now browser the downloaded zip file and install it.

 tinybn for jce as a joomla plugin

that’s it.
Install finish :) . Ok now go to article manager and try to open/write any new article. I think you are intelligent enough to make your editor default to jce or even disabled tinymce from plugins. If jce is your current editor and you have install the tinybn for jce according to instruction then you should see like bellow. Select keyboard and type in diff bengali layout.

 tinybn for jce as a joomla plugin

mu ha ha…waiting for your feedback.

October 18, 200824 Comments

manchuajaxtabSimple Ajax Tab for wordpress or just Manchuwpajaxtab is a small plugin/widget for wordpress to show some important features of a blog in one place and make them ajax based so the loading time of blog is minimun. Here Recent Posts, Recent Comemnts, Tag clouds, Archives, Blogroll and Categories are packed together as tab..ajax based tab. I think it’s clear what the plugin does.

Demo: pls see the ajax tab in sidebar in my blog. Hope people using theme like me will like this plugin/widget.

How to install: Just download the attached file, unzip and upload to plugins folder. Activate the plugin from plugins  list , Now add the widget from Design->widgets. …continue reading Simple Ajax Tab for wordpress (Manchuwpajaxtab) v1.1

July 29, 2008Leave a Comment

I was working with js and got a peculiar problem (it’s was unknown to me :P :D :( ) about childNodes count in firefox and opera. Internet explorer showed perfectly. suppose my html is like

<ul id="ul_id">
<li id="id1"> One</li>
<li id="id2"> Two</li>
</ul>

Now the js:

objFather = document.getElementById('ul_id'); //get the father  ul' ID
arrayChildren = objFather.childNodes; //geting array of children
childNum = arrayChildren.length;

Here childNum will give diff values for diff browser. FF, Opera counts the whitespaces . textnodes as child but IE is normal in this case.

Usefull link: One

July 27, 20083 Comments

I was trying to detect browser version and browser name using java script. I got so many techniques but I am happy with jquery’s one. It’s pretty simple and small block of code. Just check the bellow code that I got from jquery. As it is not possible to use the whole js library all the time but I like to use some part of it or follow the techniques for cross browser tasks. :D

//Detect browser version
var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being used
var browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};
alert('Browser Version='+browser.version.toString()+ ' Safari='+(browser.safari? 'Yes': 'No')+' Opera='+(browser.opera? 'Yes': 'No')+' IE='+(browser.msie? 'Yes': 'No')+' FF='+(browser.mozilla? 'Yes': 'No'));
//end browser detection

Edit: Here one thing you may be confused about the test() method. It’s a builtin function in js. The test() method is used to search for a match of a regular expression in a string.

Here’s some links about Test();

  1. Email Address valiadtion
  2. W3 school link

June 23, 2008Leave a Comment

typeof-returns indicating the type of operator

used in two format

  1. typeof operand
  2. typeof (operand)

Link

January 10, 2008Leave a Comment

Here’s a tool to compress java script.

January 8, 200814 Comments

Lastly I completed the bengali virtual keyboard (both popup and inline) for web page. Ekushey.org released these scripts.

News from ekushey site:

Bangla Virtual Keyboard Scripts for Web Pages is released. Sabuj Kundu did an excillent job by making this release. Now people who don’t know any keyboard layout for typing Bangla can write Bangla on Web pages. Somewhereinblog, Amader Projukti forum is using this kind of Bangla input system. Now anyone can use these scripts and let user input with Bangla on their web pages.

Both scripts are available here.

BTW, I am working to integrate bangla writing scripts like phonetic,unijoy and probhat to tinyMCE. For this I have already developed a plugin . It’s like a popup virtual keyboard and have opportunity to insert text by from it with fixed keyboard options. Now I am trying to do it directly.

Thank you.

feedback