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 
Continue reading
Category Archives: Java script
New installation instruction for tinybn in joomla1.5.14+
Posted in Bangla Computing, Java script, Joomla, Joomla Extention Tagged banglafkb, Joomla, tinybn 7 Comments
RSS news ticker using jquery and Slick RSS module in joomla
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
Posted in Java script, Joomla, Joomla Extention, jquery, Rss, Tips and Tricks Tagged Joomla, jquery, Rss 3 Comments
Submit form of iframe from parent window
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
Tinybn for jce as a joomla plugin
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.
Download
Tinybn JCE Editor (12.1 KiB, 4,836 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.
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.
Posted in Java script, Joomla, Joomla Extention Tagged bangla, Bangla Computing, jce, tinybn, tinymce 9 Comments
Simple Ajax Tab for wordpress (Manchuwpajaxtab) v1.1
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. Continue reading
Posted in Ajax, Java script, Wordpress Plugin Tagged ajax tab widget for wp, ajax wp tab, wordpress ajax tab 26 Comments
childNodes problem in FF !!!
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
Detect browser name and version using js
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();
Posted in Java script Tagged browser, jquery, js, js browser detection, manchu, manchumahara 4 Comments
JS Tips and Definition…Personal Interest
typeof-returns indicating the type of operator
used in two format
-
typeof operand -
typeof (operand)
Javascript compressor
Here’s a tool to compress java script.
Bangla Virtual Keyboard Scripts for Web Pages is released
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.
