1
Comments

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

You are close to end . 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

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….

Related Download links:
Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.

note: First image courtesy ekushey.

3
Comments

Let 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

<ul class="slick-rss-list<?php echo $params->get('moduleclass_sfx'); ?>" id="slick-rss-list< ?php echo $params->get('moduleclass_sfx'); ?>" style="margin-left:0px;padding-left:0px;">

here I am adding id to ul tag so that the jquery plugin can catch that and do newsticking

oh btw,$params->get(‘moduleclass_sfx’) that is the class sufix that u add to that module, it urgent to give module suffix here and don’t give same class sufix for another copy of same module in same page. In that the first module be working as newsticker as both more than one module’s ul tag is getting same id.

Next task is to add jquery and it’s plugin and do that newsticking…
I am putting them in index.php of the current active template. make folder named js in your current template folder if there is none and put the jquery file and it’s plugin in that folder . now put the these lines in your index.php template file

<script src="<?php echo $this->baseurl; ?>/templates/js/jquery-1.2.6.pack.js"></script>
<script src="<?php echo $this->baseurl; ?>/templates/js/newsticker.js"></script>
<script type="text/javascript">// < ![CDATA[
jQuery.noConflict();
jQuery(document).ready( function(){
var options = {newsList: "#slick-rss-list_rssnews", tickerRate: 80, loopDelay: 3000,	startDelay: 10, 		placeHolder1: "_"}
jQuery().newsTicker(options);
});
// ]]></script>

Look the above code I used the jquery file name jquery-1.2.6.pack.js and it’s plugin newsticker.js .So if u are using latest version of jquery or it’s news ticker plugin then put the file names carefull in the code…

another line check here

var options = {newsList: "#slick-rss-list_rssnews", tickerRate: 80, loopDelay: 3000,	startDelay: 10, 		placeHolder1: "_"}

here #slick-rss-list_rssnews # is jquery syntax to catch slick-rss-list_rssnews as id and _rssnews is the class suffix for the Slick RSS module that I put from admin panel in the module configuration. If you put any thing then the id will be like #slick-rss-list{class suffix here without 2nd bracket} in this format. I think you are clear.

Oh u may ask why I wrote that line jQuery.noConflict(); and jQuery in place of $ sign.. heh to avoid conflict with other js library. You can search jquery seach about this noConflict mode.

Another thing is put the above code in footer of yout index.php file so that the loading time of jquery and it’s plugin doesn’t make any problem for site loading. For first time before the site loaded completely(before the dom is ready) the rss feed will be shown as listed like

list1
list2
list2

so if u make the ul tag height as the the line height of list item from css then it will seems that before the dom ready first news is displayed. When the dom is ready jquery plugin will start to work

waiting for your feedback

wana see demo of my work ? ok check here .If this link doesn’t work in future then check main domain of that link as this is a demo site now

1
Comments

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

4
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.
Note: There is a file embedded within this post, please visit this post to download the file.
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.

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.

mu ha ha…waiting for your feedback.

26
Comments

Simple 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.

There are some setting to that u can set from Settings->Manchu Ajax Tab where you can set the width of tabs and container.

This is first stable release of this plugin/widget and I will add more features soon so that tabs are more flexibles and easily cusmizable from admin panel.

Plugin Name: ManchuAjaxTab
Description: Ajax tab plugin/widgets for wordpress sidebar
Version: 1.0
Author: Sabuj Kundu aka manchumahara
Tabs: Recent Posts, Recent Comments, Tag clouds, Blogroll, Archives and Categories. More are comming soon with more features
License: GPL2
Note: No ajax or js library is used here. I mean raw ajax/js code is used to make it simple and faster loading.
Download: Note: There is a file embedded within this post, please visit this post to download the file.

Change log v1.1(2nd release 02.11.08):

• Admin interface to give custom name for tabs. This will be help full to use local language. Though this is not fully supported for localization. Hope I will give this support in next release.
• Custom width for tab ‘div’ and container or result ‘div’. This will help to maintain sidebar width and theme design using div based concept.
• Fix for custom or SEO friend URL.

Don’t forget to make comment if this is help full for you or not. Hope I will add more features on it soon. So keep eye on my blog regularly.

Thanks

0
Comments

I was working with js and got a peculiar problem (it’s was unknown to me ) 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

3
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.

//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

0
Comments

typeof-returns indicating the type of operator

used in two format

1. typeof operand
2. typeof (operand)

Link

0
Comments

Here’s a tool to compress java script.

14
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.