Endless Beginning

Online Mastercard Account To Cross Local Withdrawal Limits

noreply@blogger.com (Rana) — Tue, 18 Jan 2011 23:49:23 PST

I have come to know an amazing information. I live in bangladesh and here no banks allowed to withdraw more than 50,000 BDT(around $750 USD). So, if you want more than that, you will either have to withdraw from different banks or will have to withdraw by check.

Few days ago payoneer(online mastercard accounts provider) chnaged/upgraded their mastercard facility and increase withdrawal limit to $5000 USD. I recently tested to withdraw >$750 USD(to test cross the local limit) and became successful. I could do that. So, I think, its much better to keep the money on mastercard rather than to transfer unnecessarily to our local bank account, as we can withdraw more than local bank account. Moreover, sometimes when the value of USD grows at international forex market, i use to get better rate and atm (68.xx including fee cut by payoneer).

If you are very new and not sure about how to get this mastercard online, please refer to my ealier post about how to get mastercard online. Hope this helps.

Godaddy is giving away big discount on hosting purchase

noreply@blogger.com (Rana) — Tue, 26 Oct 2010 02:45:12 PDT

I have purchased web hosting plan from godaddy. And I am quite satisfied with their service except only one issue, the site loads slow, so my dashboard,domain manager.hosting control center - all are loading slowly. Although, I have overcome this problem as I have fast internet connection, but I am sure, if anyone is using slow internet connection, he will be disturbed/disappointed on this issue. I am telling this so that if anyone deciding to get godaddy service, should keep this in mind before doing anything else.

Now, When I purchased, I purchased economy plan(i have upgraded that to delux plan later on) that costed me around $4.24/month . Recently, godaddy is running a discount period, where the same package I bought is costing only $2.99/month , which is enormous amount of save. I think. this is a better option to purchase, as their service is much better than other hosting provider and now its taking lower cost to start with also....

Freelancer.com account got verified at at last

noreply@blogger.com (Rana) — Sun, 26 Sep 2010 02:52:43 PDT

At last , I got released from the problems was occurring with my freelancer.com account. They made my account verified and re-activated. They suggested me to continue regular works on 'full time' type projects. I got an good direction from here. I think this will also allow you to become safe at freelancer.com. If you are also doing regular works for a clients and getting paid via freelancer.com , then you should get that work via a full time project. There are some important concerns about this type of projects:

* This kind of projects costs $99 for the employer to post it.So, employer must should decide that he/she going to hire a full time employee, otherwise this is a huge cost comparing normal project costs.

* NO other fees will be deducted from any side, neither from employer, nor employee. I think its simply great for an employee as he/she isn't suffering from any commission deduction problem at all then. Before knowing this, i was paid directly from my buyer, i was charged 3% fee of all payments i received(as golden member, standard member will be charged 10%).

Waiting Long time for my freelancer.com account verificaiton

noreply@blogger.com (Rana) — Thu, 23 Sep 2010 00:23:44 PDT

Few months earlier, I have an permanent job offer via freelancer.com, which I am continuing till now. As paypal wasn't gonna work at my country, I had to recieve my weekly payments at freelancer.com. I was paid with "other option" selected as 'payment reason' regularly.

Last week, I have requested an withdrawal to my freelancer.com-payoneer debit master card with big amount. After the very next day, my freelancer.com account was flagged as temporarily suspended. I was asked to upload my id/passport scanned copy for verification. I did that. After one day, getting no update from them, I contacted their live support. They told me upload another picture of myself holding my id and a security number and send a support ticket. I did so. Then I contacted live support again and told the situation. They told me to wait 1 day. Now, Its been more than one day after doing so, still getting no response :(

Don't know why this kind of situation occurred as I didn't anything wrong and they are getting 3% of all my payment already(+ withdrawal fee etc). Also, I am disappointed about the delay as I am already at the door of another weekend payment :( . Wish I could get this resolved soon...

New Transfer Fee From Moneybookers to Bangladesh

noreply@blogger.com (Rana) — Sat, 21 Aug 2010 00:30:42 PDT

Till present, as far I know, moneybookers is the best online payment processor for Bangladeshi people as paypal isn't supported. And I was quite happy with its service.I transferred my income on freelancer.com to moneybokers and then from there to my Bangladeshi bank account. The rate i was getting was also not much less, it was around 68.xx Tk/$ .

However, since last 1-2 months, i am facing problem. I did recieved money at very low rate like 64.xx Tk/$ to 65.xx Tk/$ while transferring money to my dbbl and hsbc account. I wondered with the rate and surprisingly noticed on my bank statement that payment was done using euro instead of usd. So, I made an general inquiry about this to moneybookers customer service department. After 1-2 days, i got reply and a shocking news like follows:

"
Dear Mr. Rana,

Thank you for contacting the Moneybookers Team.

We apologize for the inconveniences caused, however, please note that all of the payments to our customers in Bangladesh are now sent in EUR due to processing restrictions.

However, as your Moneybookers account is in USD and the payment is sent in EUR, you are subject to currency conversion. Please note that for transactions involving currency conversion Moneybookers adds 1.99% to our wholesale exchange rates for foreign currency. This charge serves as a protection against the volatility and risk associated with FX markets. The Moneybookers exchange rates are updated on a regular basis throughout the day. Please visit our 'Fees' section for more details.

Please note that this procedure is only imposed in order our customers to receive their payments without further obstacle
"

So, perhaps, you already understood that, you are going to get almost around 1.99% less than you did before.For this reason, i am now thinking alternative. I am thinking of using my freelancer.com mastercard(powered b payoneer) and see how much I am getting there from ATM. Another issue of Bangladeshi ATM is that, we can't withdraw no more than 20,000 BDT(in case of dbbl/standard chartered/hsbc) and thus I am having to pay $2.xx as transaction fee each time I withdraw a 20,000 BDT. But still, I think it worth as it offers fixed rate fee and not cutting percentage like moneybookers.

How to show website page rank dynamically?

noreply@blogger.com (Rana) — Thu, 19 Aug 2010 02:56:50 PDT

I was working on a small module that requires to show member's website's page rank. However, I didn't find any suitable web service that can provide me the exact solution that i wanted.

So, I had to do some small hack on an existing third party page rank service. http://www.mypagerank.net provides such service which i was able to make edits on. They provides a javascript link that actually does all their works. Its as follows:

<script src="http://www.mypagerank.net/services/pagerankbutton/servicepr_js.php"></script>

Problem is this show some texts/textbox/button to enter url and click to retrieve the resultant page rank, which wasn't my expectation. The main clue i got here is that, this doesn't require any captcha entry to verify myself, so trying to automate worth a try.

So, i added some JavaScript code snippet(actually jquery) those are as follows:

var int_id;
$(document).ready(function(){
if($("#surl").length){
$("#surl").val("url; ?>");
$("input[type='button'][value='Check PR']").click();
int_id = setInterval(show_pr,2000);
}
});
function show_pr(){
var images = $("img[align='absmiddle']");
if(images.length>0){
images.css('display','none');
images.eq(0).css('display','block');
clearInterval(int_id);
}
}

Notice the "url; ?>" portion, here will be the dynamic url we need page rank of. This code will remove the required action to enter url and click the button and also show only the first result instead of all that the script provides. So, this might help you if you require such customization and want to show page rank.

How to see specific source code of html page?

noreply@blogger.com (Rana) — Fri, 06 Aug 2010 13:16:56 PDT

Sometimes many internet users/surfers(not have knowledge in html/css programming at all) needs to view source of html page, but fails to find specific part of the page. Also, not only general surfers, some beginners of html/css programmers also fall in such situation. Its a very very geeky stuff and for such reasons somebody may not find exact talk about this on internet very quickly. I am sharing this only for those to provide a quick help.

TO see such a situation try right click of mouse and select 'view page source' option, you will get all the source code of the html file. Then try find some text from my recent post/related post widget, you won't find anything there on the source view.

Why source doesn't exist?

Because source is the only html text portion that browser get while requesting the url. However there may a lot of elements that exist on a page even after a while of page load. Those aren't viewable by this technique.

Then How to see those dynamic html portion?

Simple solution is, first select the texts of the portion by mouse and then right click, you will see options 'view selected source' besides the usual option(I am talking about firefox browser). click that, then you will be able to see that portion's html source.

Another way, best for html/css designers, get firebug add-on. After successfull install and restarting Firefox browser, just click anywhere in the porton of which you want to see view source, right click, click option 'inspect element'(new exclusive option by firebug), you will be able to see html/dom elements, css styles that were applied, all there in a window at the bottom of the page. Luckily, firebug has also ie versions(start from ie7) to get it working on internet explorer.
Thus your problem of viewing source of html page comes to an end:)

Problem launching web administration tool

noreply@blogger.com (Rana) — Wed, 14 Jul 2010 03:39:13 PDT

Just caught an interesting problem. I was working on a asp.net mvc web application project and tried to launch the web administration tool from project->asp.net configuration menu. It showed me an error:

"An error was encountered. Please return to the previous page and try again"

I didn't understand why it did so as i never faced this problem before and also didn't got a clue to solve this.

However I was lucky enough to find a thread online facing exactly same problem as mine, not only the problem was same, the issue reason why it was acting wrong is also same.

The issue was, my project was under a folder named 'c#', the '#' was not acceptable and thus happened that problem. Just changing the 'C#' to 'cs' solved the problem immediately :D

Want to develop Iphone applications using c#?

noreply@blogger.com (Rana) — Wed, 14 Jul 2010 01:20:41 PDT

If you are a .net developer and finding a way to develop iphone application development using c#, then for your kind information, its possible, so cheer up. There is a software named monotouch that will allow you to do accomplish this task.

Are you thinking that, you will make and desktop application for windows pc/mobile and just convert that to iphone application, no that's not going to work. However its not on the way you think. From monotouch, you will get a api library/dlls for iphone app that you will be using in your c# code.

Problem is that, it still requires mac os. You won't be able to run your program in windows environment(as far i checked, plz correct me if I am wrong). Because the .NET Framework fundamentally is dynamically compiled at runtime. This is the justin-time compilation of the .NET Framework. This is a violation of the Apple license and the operating principles of the iPhone OS.

However, good thing is, you can use your all .net libraries etc for the application whenever needed.

Having offsetLeft problem on crossbrowsers?

noreply@blogger.com (Rana) — Tue, 13 Jul 2010 23:12:36 PDT

While working with a dynmic object positioning work using javascript, i was using jquery and was retrieving position using like this:

var leftPos = jQuery("#content").attr('offsetLeft');

However, this value was giving me two different values for firefox and ie. So, I had to digg more about this problem and tried with a jquery built in function position():

var position = jQuery("#content").position();
//use position.left and position.top for use

This returned me perfect result.
I am not sure why the previous code snippet didn't work as ie and firefox both should support 'offsetLeft'/'offsetRight' attribute. Actually both were working, only was giving different values. But I am happy with this easy solution that jquery provided.

Get your payoneer card verified with moneybookers

noreply@blogger.com (Rana) — Wed, 07 Jul 2010 02:48:25 PDT

There is a interesting issue that I faced while adding my payoneer master card to my moneybookers account and then tried to verify it. Moneybookers changes a random amount to the credit/debit card and asks user to enter the exact amount after checking the bank statement to make the card verified. I did so. Checked my payoneer statement that is generated online and enter that amount. It showed 'Wring amount'.

As far i understood while researching about this issue, they use different currency standard(although both of them are usd) that differs few cents(2-6 cents for moneybookers verification which charges between $1.01-$2.99). Here is my idea with which I was successful:

* moneybookers amount is less than the amount showed in payoneer statement. Like if you are charged $1.95 according to payoneer statement, then actual moneybooekrs amount will be few cents less than that.

* How many cents to deduct? I am also not sure about this confidently. But it will be equal or less than 6 cents for maximum $2.99 charge. Like, for my case, it charged $1.81 according to payoneer and moneybookers accepted the amount as $1.78.
Here difference is 3 cents. Previously I faced same situation where payoneer charged $1.51 and moneybookers accepted $1.49. So, if your charged amount is less than $2 you can have a try with 1,2 or 3 cents less(get the idea from my experience) for the following 3 days as moneybookers will force you to wait 1 day before you try with another amount if your current guess is wring. Same, for greater than $2, you can try with 3,4,5,6 that means 4 days/4 tries. And you are done.

So, don't just give up if you are in such kind of problem, because you now know what to do :)

Showing blogger post on google news search

noreply@blogger.com (Rana) — Wed, 07 Jul 2010 02:12:04 PDT

I am not a seo specialist, instead I am a geek in this field and till not know much about this as my most of the time is being spent behind programming and development. However, I go for gathering seo knowledge as much as I can. Recently I have learned a trick for Google news.

Do you know that, if you want your article to be crawled by google news, you must need to have a specific url format for that? That is described here:

Technical Requirements of Article URLs

Most interesting one is the last point: A requirement of 3 digit(or more) unique number. That means, your article's url must need to be end with a unique 3 number like article123.html.

How to achieve it in blogger post?:

This can be achieved in your blogger post also. You will notice that blogger posts' url are generated automatically, taking first 35 characters of your post title. It won't change next time if you change your post tile, that means permanent. So, Just do this:

* Write a url friendly title within 35 characters and giving a 3 digit number in the title and publish the post. This time url will be generated. Just after this, go to edit your post, change the title for your actual post title and we are done.

On which type of posts this format should be applied?:

This type of format should be used for only news type article. Like, if you are writing an tutorial about php programming, its not a news and using the above technique here will be of no use as people won't search about the tutorial on the news section. Rather, you should use this when you are discussing about a just launched product, recent finished sports match, recent natural disasters, new added feature of a website etc.

Is there any other benefit of changing post tile twice?:

yes, this should be a great help. As you know about the most important elements of a page, page url, h1 tag are two of them. If you have different combination of related keywords in these two place, then search engine visibility for a broad range keywords are increasing naturally, so try to use this technique for all posts also just leaving the 3 digit number.

Facebook like button for blogger

noreply@blogger.com (Rana) — Sat, 26 Jun 2010 11:14:52 PDT

If you are a blog writer and using blogger.com for writing your blogs, then you might be interested in placing a facebook like button on your blog posts. This may increase your blog traffic in a wide range via facebook. As soon as someone likes your post, his/her friends get about this notified by facebook news feed. So, there is a lot more chance to get some of those come and visit your post, may be they also like it, resulting a huge scope.

So, now you are extremely interested to place the button. Lets place it. Go to the link: http://developers.facebook.com/docs/reference/plugins/like . There you will have a widget to create a button. url link, width etc options. Fill them up and click get code, you will receive an html iframe code.

You might be thinking, there you used only homepage url, so everybody will get the homepage url only, not individual post url, yes its true. We have to do a little hack to make our needs happen, that's the main target of this post.

Now login to your blogger account, goto 'design' section, then 'edit html' sub section, tick the checkbox 'Expand Widget Templates'. now find the div with id 'post-body' section in the template html. Place your facebook button code there. Now comes the small tricky part. place your code as lke the following code:

<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
<b:else/>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:blog.homepageUrl + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

Notice that we have used data:blog.homepageUrl and data:post.url instead of static url to achieve our needs and make it compatible for blogger blog. These are code from blogger's markup language which returns the actual url when rendering. Although i am not blogger markup expert, but managed this code snippet easily as its not that tough :)

Now as result you will get facebook like button on your post page and also home page(on each post of home page), just like my blog. So, do you like my article? Then prove it :D

Show data in associative array from mysql database

noreply@blogger.com (Rana) — Fri, 25 Jun 2010 02:37:01 PDT

If you are retrieving data from mysql db and showing them to result page in raw php coding, then associative array retrieving is best way to be chosen. To achieve this, you have to write like:

$result = mysql_query($query);
$rows = mysql_fetch_assoc($result);

Then you can use it like:

echo $row["id"];
echo $row["name"];

I use associative array instead of normal 0-indexed array as they are more meaningful and understandable by seeing the code only. However I have seen an interesting thing regarding this today while working on a enhancement small project on an existing raw php application. This is a very simple issue and you will get a quick help if you are facing a problem like you are showing data using associative array to web page, but no data are being showed, although you are sure that spelling is correct.

The main fact was, the associative indexes are 'case sensitive'. If you are writing insert,update,delete query, then case won't matter, in any case will be accepted. however, when you are retrieving data using mysql_fetch_assoc($result), then the returned is a associative array and that array will be case sensitive indexed, that means, then $row["Id"] and $row["id"] will be different. Just by copy-pasting the index names with my incorrect code solved me the problem. SO, i had to write:

echo $row["Id"]
instead of
echo $row["id"]
as the database had column "Id".

I think, in these kind of case, it is best to copy paste the data column name from database table to your code to get rid of this kind of unexpected errors. Also, case sensitivity also be occurred in some sql queries, i found this problem also, where table structures are copy-pasted, but worked differently(local version is case insensitive and server version was case sensitive), so its better to use always the same case.

Just recieved my new freelancer.com debit mastercard powered by payoneer

noreply@blogger.com (Rana) — Tue, 15 Jun 2010 21:40:04 PDT

Yesterday, i received my new freelancer.com debit Mastercard that i have ordered at the last week of the month. So, it took around 2-3 weeks to receive it here in Bangladesh. I have already discussed about the extended features of new debit Mastercard .

An interesting thing that i noticed, this new mastercard doesn't include the freelancer.com new logo. May be it hasn't been processed yet.

If you are member of freelancer.com, then few days ago, you might have received an email about the announcement of the new card. If not, then may be you are not eligible for this :). Also, if you have ordered the card, then you need to know one thing, your new card number will be different than your existing one.

This facility(use of mastercard) has bring the most efficiency in roaming around the world. If you make a withdrawal request, it will be processed within a week(usually processed every monday/tuesday; so, if you request it in wednesaday, it will take a week, if you request on saturday,it will take 2 days :)). And after that, you have the money to be withdrawn from anywhere in the world!!!! So, it is taking up to only 2 days to receive money to your pocket from freelancer.com account just using the mastercard. So, why wait? Become a proud owner of payoneer mastercard...

Get better page indexing on google using webmaster tool

noreply@blogger.com (Rana) — Tue, 08 Jun 2010 11:57:17 PDT

I didn't know about google web master tools or what google page indexing is, at the beginning when i started blogging around 1.5 years ago. But, day by day, i just wanted to get my bog focused to search engine without any manual effort like link sharing to social network sites, link building or blog commenting etc, i was not either interested about page rank of my site. Only interested was to get focused to search engine, specially google, this covers the majority consumers those reach to site from search results.

While surfing around, studying little about search engine optimization, i came to know about the term 'page indexing'. As i was mainly concerned about google page index, i came to know how much my pages are indexed to google by searching like "site:ranacseruet.blogspot.com". Using your site url this will result all the indexed page that google currently have for your site only. But, later on forums, i also came to know about a free online tool that google currently serving its users to determine their details site status on google, which is google webmaster tools.

This helps a lot more for a site owner. Such as, if you see that google haven't yet crawl your site yet, you can submit your sitemap to google using this tool, from where google will check your site very soon. And thus the probability of quick indexing of pages on google increases much more. Where, indexing of page doesn't occur even after a long time although the page has better content only because of site's overall position to google.

You can also find out if there is any broken links(in/out) on your site, those are recorded on the 'diagnostics' section. You can see, how much page impressions occurred for a specific keywords even after a visitor didn't visit your site for that keywords, but this will let you know which keywords are doing better. Also, you will also be given keywords strength/significance for particular keywords. You can see details in linking of your pages, that means which pages links to your site pages.

Another important useful of this tool is that, although you can see the pages indexed by google using "site:yoursiteurl" search, but remember that, google is showing from its cached database, not from the latest crawler reports. As, google also do De-indexing also, you won't be able to know for a lot of time that your particular page aren't being liked by google, you must improve that. But, this info can be gathered on on webmaster tool. There you can check how much pages are submitted and how much are indexed currently, result you how much weak pages you have presently.

So, if you havn't yet, start using google web master tools and focus yout site/blog to the search engine giant 'Google' on the web very fast by getting pages of your sites indexed and diagnosis about recommended actions given as feedback. If you are having any problem in sitemap submission, you can checkout my another post describing solving webmaster sitemap submission problem

New Freelancer.com Prepaid Debit Mastercard

noreply@blogger.com (Rana) — Sat, 29 May 2010 21:06:03 PDT

Recently I have got an email from freelancer.com support acknowledging me about the upcoming new prepaid debit master card from them and payoneer with enhanced features.

The most interesting feature is enhanced spend/purchase/atm withdraw limit. You can withdraw up to $2500 using this card from any atm around the world that supports mastercard. Also, you can purchase up to $2500 per day. SO, your total spending limit is now $5000 a day!!!!!

This is really amazing. Also, they have reduced in the fee structure that I am happy of. Like as, you had to pay 3% fee for atm withdrawal, for big amount withdrawal which results a extremely high fee. Now they have reduced it to $2.13 per transaction, that means its a fixed rate and you can withdraw any amount with this fee. Also, their monthly maintenance fee was $3 for 0-5 transaction and $1 for more than 5 transaction. Now it has reduced to $3 for 0-2 transaction. So, there is more probability to get the minimum fee($1) if you can have your transaction least 3 times a month.

If you don't know anything about this freelancer.com debit master card(powered by payoneer), then please visit my previous post on prepaid debit mastercard for a better demonstration.

Jquery Ajax Form Validation and Submission

noreply@blogger.com (Rana) — Mon, 24 May 2010 11:30:05 PDT

A form is a most general and important requirements of all websites. Several kinds of forms are used on websites like registration form, contact form , subscription form, survey form, price calculator form etc. To get this requirements done more easily/flexibly, to give the visitors most optimized performance experience without refreshing the page you can use Jquery and its plugins. To get this full process done successfully, you will need to have two plugin:

* First one is Jquery form validation plugin. This will help you to validate the form fields to their suitable form of data. You will get many complex validation like email validation, phone number validation etc already integrated in it, so you won't have to think much.

* Second one is Jquery form submission plugin. This will help you to submit the form in ajax mode, without worrying anything about the form fields.

Here is a short code snippet to use these both two:

var validator;
$(document).ready(function(){
validator = $("#contactForm").validate({ rules:{
captcha:{remote: "captcha/captcha.php"}
},
messages:{
captcha: "Invalid captcha"
},
submitHandler: function(form){
$(form).ajaxSubmit({success:ShowResponse}); $("#loading").css('visibility','visible'); return false; } });});

function ShowResponse(data){
alert(data);
validator.resetForm();
}

Here you will see that, you can even validate captcha in ajax mode preventing automated robot submission. To set custom error message, you will have to use the name of the form fields. to make a field required, just simply put the class name 'required' in the input field. It will validate that automatically.

And, yes, sure, You don't need to bind yourself only these 2 plugin, if you find a better one,simply go ahead with that.

How to Detect Operating System Using Javascript

noreply@blogger.com (Rana) — Mon, 24 May 2010 03:47:57 PDT

Sometimes we may require operating system detection on client computer to take few several actions like redirect them to different landing page, save operating system to database along with other data for future references, allow visitors to download the suitable form of a software etc. However, there is no direct attribute where this is saved. But you will get the idea of the operating system from "navigator.appVersion". To identify correctly, you can use the following small code snippet easily:

function getOperatingSystemName(){
var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";

return OSName;
}

this function will check the browsers navigator object to detect the correct operating system and will return the full name for easy reference. If it doesn't found the appropriate version from the four versions, then will return as 'Unknown OS'.

Twitter Tips For Beginners

noreply@blogger.com (Rana) — Sat, 22 May 2010 22:25:32 PDT

If you are a twitter user, then, you may wonder if there is any certain ways to catch the most while using twitter, what are the rules, tips/tricks? Actually, there is no rules of thumbs about this. But still you can follow these that i have came to know while studying about twitter:

* You should never follow more than around 300 people as you won't be keep up with others twit easily in real time if you do that.

* You should follow 1 person for every 10 who follow you. This apply for general anonymous twitter users, not for your friends though :)

* Don't follow people you’ve never met. Here 'met' means, you don't know anything about him/her. But, sure if you know that his/her expertise is related to your area and you can get useful info, its always wise to follow him/her.

* Never tweet more than five times a day. People may get disappointed to see all your twits only rather than others.

* Migrate your real-world conversation to Twitter. This is what most of all actually do.

* You shouldn't try to share your political, religious, or business views in 140 characters.

* Don't gunk up your stream with machine-readable crapola like "#" or "L:".

* Remember that the Twitter question is, "What are you doing?" and try to be with up with this.

Google External Keyword Tool For SEO

noreply@blogger.com (Rana) — Thu, 20 May 2010 01:09:25 PDT

Do you know that google has an extensive featured tool for you to gather knowledge of people's interest around the world. If you are trying to make your site popular, then you must have to first focus on the keywords related your site contents that people search about everyday. So, if you want to know about this details, then this tool will help you a lot.

The address of the keyword tool is :

https://adwords.google.co.uk/select/KeywordToolExternal

Google is currently improving this tool and also have a beta version running, that you can test from here:

https://adwords.google.co.uk/o/Targeting/Explorer?__u=1000000000&__c=1000000000&stylePrefOverride=2#search.none!ideaType=KEYWORD&requestType=IDEAS

This tool is primarily developed for advertisers those wish to advertise on google's adwords program. There people can search for which keywords suites perfectly for their site content, which cost how much to advertise etc.

But, this tool can be a very helpful tool for site owner/content publishers also. Here is how:

There is a statistics given about the monthly search volume(global and local both), from which you can know how popular a keyword is. The more a keyword is popular, the more advertisers tends to advertise on it, resulting a high competing among those keywords. You should also know that, when an advertiser advertise on a certain keywords, that means they are also trying all other SEO techniques also to get more focused on that/those keywords. So, if you are in beginning level, you are going to be in a big competition, you won't be able to get much success with that keywords quickly.

So, now what you will do? You will see, what keywords are in less competition but monthly average search volume is higher comparatively(may be not so much higher as popular one, but will be enough for a start). So, you can be assure that very few people are trying to be focused with these keywords, so you can try it for your site.

-Find few slightly different keywords but similar and use them as a part of the title tag of your site pages and also use them in visible page title(you should use h1,h2 tag as page title).

-Also use them in meta keywords/descriptions.

-Use them on the contents here and there(may be a word or a phrase depend on the keyword you choose).

-Update you site with new contents frequently.

-Submit site map to google, yahoo,bing and other search engines.

-Ping you site max once a day after updating/adding contents to site/blog.

-Also get google analytics account from google and put analytics code on your sites pages(may be only one page if you are using templates).

Try with this technique and hope you will get results via your analytics account. Good luck for your online success :)

Dynamic HTML Textbox Using Jquery On User Interaction

noreply@blogger.com (Rana) — Wed, 19 May 2010 03:10:30 PDT

sometimes, we want to add more than one items(no limit, can be as more dynamically) but not in a text box, usually we use list box for that. User type one, click a button, it goes to the list, then we save.

However, for a better user experience we can use dynamic text box where a new dynamic text box will be created as soon as someone is typing on the current one. When, user finishes putting data, they can also delete as many as they want also. Here is a simple jquery implementation of this task:

we first, need a div as container ,a text box for putting data and an anchor for close button.

<div class="any_classname">
<input type="text" name="txtAuthor" class="author" size="23">
<a href="#">X</a>
</div>

to make our code a reusable plugin, write like follows:

(function($){
jQuery.fn.auto_input = function(){
$(this).children("input").keypress(InsertInput);
$(this).children("a:first").hide();
}
function InsertInput(){
var target = $(this).parent("div");
var input = target.clone();
if($(target).next().html()=='' ||$(target).next().html()===null){
input.insertAfter(target); input.find("input").keypress(InsertInput).val(""); input.find("a").show().click(function(){ input.remove();
});
}
}
})(jQuery);
make this as seperate js file and import.
now you have to write it on your main html/js file where all other works are done like as follows:

$(document).ready(function(){
$(".any_classname").auto_input();
})

now, we are done. start trying it. write something on the existing textbox, a new one will be created which can also be closed by clicking the x. you can also change the template by replacing 'x' with your own image, nothing will differ.

Understanding Joomla Table Prefix

noreply@blogger.com (Rana) — Tue, 18 May 2010 23:19:43 PDT

Sometimes, while debugging code, you may see, most of the queries using "#__" before the name of the database table excluding the table prefix. You might be wonder, why is this and will this really works as there is no database table starting with this

when you install joomla, among the several steps, you get option on one step to define the table prefix, by default it stays as 'jos_'. people can change it as their own wish. So, now think, you are developing a component for sale. while developing it, you may want to make your table prefix to be same like as existing tables. Then, you can't simply hard code the queries with a prefix. This is the situation, where you can get release by using "#__", so while executing these types of query, joomla automatically converts this part by the defined table prefix by administrators.

Another situation, where it helps. You may think that, you can hard code the tables to avoid this situation and don't want to follow best practice conventions etc.Now, if you have multiple joomla installation using same joomla database, so hard coding won't be able to offer this multiple installation compatibility.

So, its always better to use the facilitate this. Also, remember that, if you use this "#__" prefix and try to use mysql_query($query), it won't work as here you are directly communicating with database. You must have to use joomla api's database function to do that perfectly.

Implement Authentication And Caching Using Asp Net MVC

noreply@blogger.com (Rana) — Wed, 12 May 2010 22:10:58 PDT

authentication with asp.net mvc is much more simpler then ever as i experienced. Before, you had to check with condition like

If(User.Role=='Admin'){
//Do something
}
else{
//Do other things
}
or using web.config in the administrative content's folders.

Asp.net 3.5 with mvc have been enhanced a this with a much more simpler way. Write a controller function in the following way to achieve authentication automatically:

[Authorize(Roles = 'Admin')]
public ActionResult Authenticated_Content(int id, ...)
{
// logic that edits content
return View();
}

Now only user with admin will be able to call to this controller function(in other words, will be able to access this page), public visitors or users with other role won't be able to view this.

Same way, implementation of caching is also similar and simpler as well. Use a function like as follows:

[OutputCache(Duration = 60)]
public ActionResult SomeControllerMethod()
{
// some Logic
}

this will make the out keep in cache for 60 seconds. Any request within this time will get the same result instead of retrieving data from database every time.

Its cool, isn't it?

IIS PHP URL Rewrite

noreply@blogger.com (Rana) — Mon, 10 May 2010 01:59:25 PDT

I bought a windows hosting and at the primary stage planned to place a simple joomla made cms for portfolio. After made it, to make it search engine friendly, i enabled joomla's built in search engine friendly url. However there are other 2 options also, one of them to enable mod_rewrite(Apache only). But as my windows hosting was on iis, it was not possible, so i tried to find a way to use mod_rewrite's functionality. After google it, found a software that does this, but i had to buy that for around $25(starting price), bur i didn't wanted to do that. So, finally i made a partial solution that take the use of server's 404 redirect feature. Here is how:

* Got your server settings and find the settings for 404 custom behavior. Set this to a file named index3.php(or whatever you want). Inside that script, please write the following codes:


<?php
$url = $_SERVER['REQUEST_URI'];
$url = str_replace("/", "/index.php/", $url);
$_SERVER['REQUEST_URI'] = $url;
include "index.php";
?>

when a url will not be found, then this will make it to execute index.ph with a custom made valid url.

now, from you joomla admin, enable the mod_rewrite option on(ignore the warning 'Apache only') along with 'search engine friendly url' option turned on.

now test your site. The urls will be like 'http://yoursite.com/about' instead of 'http://yoursite.com/index.php/about' and thus you have ahead one step to seo on windows hosting while you are using php and have no option to use mod_rewrite.Enjoy using this tricks on your site too :)

What is Asp net MVC

noreply@blogger.com (Rana) — Tue, 04 May 2010 02:15:08 PDT

Asp.net MVC is comparatively new than others. Many people still aren't aware of it that much and beginners become confused about its concept, specially those who didn't studied design pattern yet. I was reading a book about asp.ent mvc and decided to share some words from that to let all know about the basic concepts of asp.net MVC.

ASP.NET was often overlooked as a viable platform for modern, highly interactive websites that required a very granular control over the output of the HTML because of the lack of control over the rendered HTML. This granularity of control was sacrificed in Web Forms to make it more like Windows Forms development — in other words, easier for the drag-and-drop developers. The drag-and-drop nature of Web Forms had upsides for new developers, but had major downsides for advanced developers.

The most notable downside is the lack of control over the HTML rendering. This forced these advanced developers to move to other platforms such as PHP and Ruby on Rails, which offered a higher level of control that they required and the MVC programming model that provided a necessary separation of concerns for their highly complex web applications.

This led Microsoft to announce in the fall of 2007 that it was going to create a platform based on the core of ASP.NET that would compete against these other popular MVC web-centric platforms. Microsoft implemented ASP.NET MVC to be a modern web development platform that gives a "closer to the metal" experience to the developers that program with it, by providing full control and testability over
the output that is returned to the browser. This is the main and most important difference between Web Forms and MVC, in our opinion. MVC has many strengths and weaknesses:

Strengths
* Provides fine control over rendered HTML
* Cleaner generation of HTML (well, as clean as you keep it)
* Clear separation of concerns
* Provides application-layer unit testing
* Can support multiple view engines, such as Brail, NHaml, NVelocity, XSLT, and so on
* Easy integration with JavaScript frameworks like jQuery or Yahoo UI frameworks
* Ability to map URLs logically and dynamically, depending on your use
* RESTful interfaces are used by default (this helps out with SEO)
* No ViewState and PostBack model
* Supports all the core ASP.NET features, such as authentication, caching, membership, and so on
* Size of the pages generated typically much smaller because of the lack of the View State

Weaknesses
* Not event driven by the framework, so it may be more difficult for ASP.NET Web Form developers
to understand
* Requires the need to understand, at least at the basic level, HTTP, HTML, CSS, and JavaScript
* Third-party library support is not as strong
* No direct upgrade path from Web Forms
* No ViewState and PostBack model (makes it more difficult to preserve state)
As you can see, the pros and cons of MVC have to be weighed just as much as those of Web Forms, and MVC is not always the logical choice.

My portfolio website

noreply@blogger.com (Rana) — Fri, 30 Apr 2010 13:55:21 PDT

At last, i made my portfolio site. I started to realize the need of a portfolio site from the very beginning of my freelancing career. There most of the clients look for good number of reviews and 'portfolio' site link. Day by day, i mad a number of feed backs(made half century recently :) ). Then, came the idea for the portfolio site. I took hosting/domain support from godaddy.

It was under development for last several days, was hard to manage time to complete it :)

Now, it has become to a stage that i can show to my clients. Although there are a lot of things still need to do there, but its in a stage now. I will upgrade it day by day with my growing experience/knowledge as much as possible.

Hope, from now on, clients will have some much better impact than before and thus i can get more good quality projects :)

Please visit my portfolio site here. Its open for al of yours comments, feedbacks, inquery, quotes..

i2dev.com

Increment Id Without Auto Number While Inserting

noreply@blogger.com (Rana) — Wed, 12 May 2010 01:44:00 PDT

Sometimes, auto increment doesn't meet our expectation. we want to insert the next highest id than the latest one exist on table. However auto increment will always increment whether the data with that id exists or deleted. So, many unused ids could be there those are deleted after insertions. To achieve this, we have to identify the current maximum id in the table and then insert the next highest id. To achieve this we may have to execute two sql statement in normal sense. One is to identify the max id and then the insert query that will insert data.

This can be much simpler and can be done in a single sql query. The query will be as follows:

INSERT into tblname(id,name) Select (isnull(MAX(id),0)+1),'test' from tblname

/*Edited the query to test whether id is null or not(set result to 1 if so) after getting feedback from one visitor*/

It will execute much faster than the individual sql queries. This is actuall a modified version of a select and insert type queries where data are selected from a table and inserted to another table.

Jquery slide toggle

noreply@blogger.com (Rana) — Thu, 22 Apr 2010 00:29:45 PDT

I was making a small effect of sliding up and sliding down. It will toggle on every click to a single link/button. I was first planning to make the toggle code myself and taking help of slideUp() and slideDown() functions of jquery. But, Very soon, i came to know about the new function of jquery slideToggle() that actually do my requirements automatically. As a result i got my job done in a single line of code:

$("#linkId").click(function(){
$("#divId").slideToggle().
});

There are details documentation and options on jquery's main documentation site. Find reference of this funciton here:

jquery toggle slide

Moreover what i liked about this function, its works and shows a div automatically if its hidden initially(i needed that as on page loading a div is shown until script execution).

New Review Milestone As Freelancer On Freelancer.com

noreply@blogger.com (Rana) — Wed, 21 Apr 2010 08:12:08 PDT

I just reached a small milestone in getting ratings/reviews as a freelancer service provider on freelancer.com. Its a half century. Currently, total number of ratings are 51. Check my ratings here, http://www.bit.ly/freelance_web_developer

I am enjoying working on freelancer.com. As I already have a full time job, and doing freelancing part time besides the job, its hard to gather reviews/rating that much quickly or work on many freelance sites. That's why, till now, I am only working with freelancer.com and no other sites yet although i have accounts on several sites.

The only things that i didn't like about freelancer.com till now, is that it has increased its golden membership fees from $12 to $20. All others are considerably satisfactory.This site is comparatively new among the freelance websites, but it has already taken its own place. Its upgrading itself day by day with exclusive new features.

I want to go much more ahead in this site. Wish me good luck :)

Database Normalization Concepts

noreply@blogger.com (Rana) — Tue, 13 Apr 2010 11:41:29 PDT

Database Normalization:

The main goal of Database Normalization is to restructure the logical data model of a database to:

* Eliminate redundancy
* Organize data efficiently
* Reduce the potential for data anomalies.

Data Anomalies:

Data anomalies are inconsistencies in the data stored in a database as a result of an operation such as update, insertion, and/or deletion.Such inconsistencies may arise when have a particular record stored in multiple locations and not all of the copies are updated.

We can prevent such anomalies by implementing 7 different level of normalization called Normal Forms (NF), first 3 of them are mostly used.

1st Normal Form:

The requirements to satisfy the 1st NF:
* Each table has a primary key: minimal set of attributes which can uniquely identify a record.
* The values in each column of a table are atomic (No multi-value attributes allowed).
* There are no repeating groups: two columns do not store similar information in the same table.

2nd Normal Form:

The requirements to satisfy the 2nd NF:

* All requirements for 1st NF must be met.
* Redundant data across multiple rows of a table must be moved to a separate table.
* The resulting tables must be related to each other by use of foreign key.

3rd Normal Form:

The requirements to satisfy the 3rd NF:

* All requirements for 2nd NF must be met.
* Eliminate fields that do not depend on the primary key;
* That is, any field that is dependent not only on the primary key but also on another field must be moved to another table.

My Father Died

noreply@blogger.com (Rana) — Sun, 11 Apr 2010 11:26:05 PDT

Last week, on 4rth april, I have lost my father. This death caused by a sudden heart stroke. I listened the news of stroke while on office work. Very quickly, after a while, i came to listen the news of his death. This is the ever most tragedy in my life till now. I just can't even believe sometimes, how was happened. I am here thereby beg all the readers to pray at least once for a few moments for my father. May allah keep him in peace. I will try to follow my fathers all good advises throughout my life...

wimax in bangladesh, I am using Qubee

noreply@blogger.com (Rana) — Mon, 29 Mar 2010 00:41:35 PDT

Wimax has started its journey in Bangladesh. However, although the journey started last year, till now, there are only two wimax provider company in Bangladesh; They are Qubee and Banglalion.

Unfortunately, my current residential area(north circular road) isn't under coverage of Banglalion. So, forcely, I have only one option left, Qubee. So, I simply subscribed to it recently. I am using 256Kb sky package.

How is the Modem?

The only surprise was that, I didn't know that wimax modems can be such big in size. Its not usb. Its used by lancard of my laptop. Also, It has to be powered by external power cable. So, in a word, not so portable. However, my provider branch said me that, there is another version(small in size and may be usb), that will be available soon.

How is the speed?

Speed is in satisfactory till now. Its up most of the time. I got connection problem 2-3 times for about 10-15 minutes. Also, download speed is most of the time is around 30 KB, however sometimes, its reduced to around 10 KB for around 20-30 minutes.

So, if you are interested, then , you can use this too. However i can't tell anything about the service of banglalion, you have to collect information from others for that, if you wish to compare between them.

Also, wimax is much better than cellular internet as its only dedicated for internet and is up 99%, where mobile phone internet causes connection problem/speed problems very often.

My new laptop with core i7 processor

noreply@blogger.com (Rana) — Fri, 26 Mar 2010 12:20:59 PDT

Just fulfilled another urgent requirements, that means, i have bought a new laptop with core i7 processor. Model is 'Dell studio 1557'. It just reached in our country recently.

I was in a urgent need of a laptop. My computer is about 6 years old and now became very slow to work for. So, i was fond of a new good configured laptop for development work. Recently i checkout the above model and liked very much. So, in a short period of time, i simply bought it.

I bought it from 'Computer Source', BCS Computer city,IDB Bhaban, Agargao, Dhaka. It cost me 89500 BDT. Also, I have added extra 2 GB RAM while purchasing(3800 BDT). However, the printed price lists showed 95000 BDT(May be for some business related reasons), but when i told them, i am interested to buy it, the deducted the price and sold to me at the above rate.

Basic configuration:

* Intel Core i7QM 1.6 GHz processor(1.6, upto 2.8 as turbo mode)
* 320 GB HDD
* 2 GB DDR3 Ram(1333 bus speed)
* 512 MB Dedicated graphics. 2 GB including shared memory.
* 15.6 inch Display(Up to 1920*1080 resolution).
* 2 MP web cam.
* Malaysian parts, assembled in china.
* Windows 7 Home basic.
* It has 1 year international warranty.

You can checkout more details here, http://bit.ly/9I9GMr

What is escrow service

noreply@blogger.com (Rana) — Thu, 18 Mar 2010 04:45:14 PDT

While working on internet or at payment processing, you may have listened this term 'escrow service'. This is really an safe,secure and reliable ways for payment processing online. You can take help of this service from sites/payment processors those offer this service.

How escrow works:

working strategy of escrow system is quite simple. If you are a service provider, then before start a work, you should ask your service buyer to make an escrow payment for you. The amount buyer make escrow for provider, will be kept safe by the website authority. Here two key rules applies:

* Only buyer can release the escrow and then amount will be transferred to provider's account.

* Only provider can cancel the escrow and then amount will be transferred back to buyer.

that means, after completion of work, buyer will simply request to release and website authority will transferred the amount to provider account. The provider can't never/don't have right to take the amount to his own account himself. Also, buyer can't take the amount to his account back himself.

In freelance job sites, freelancer.com, elance.com, rentacoder.com etc have this system. In payment processors, as far my knowledge, only moneybookers is providing this facilities to their customers. There are also sites like escrow.com for only this kind of payment purpose.

If you are working around any of those sites, don't forget to take this super safe escrow service opportunity. This will save both buyers and providers from being scammed online.

Actionscript Image Load

noreply@blogger.com (Rana) — Wed, 10 Mar 2010 02:35:40 PST

You can load an external image to your flash application very easily via actionscript 3.0. This is very common requirements when making a dynamic image gallery using actionscript/flash. As images may be changed, they need to be loaded somehow dynamically. Here is the place actionscript helps.

First, what you will need a loader object that is actually being used for many other purposes also. You will also need to add an event listener which will be triggered whenever the images loading completed.

var __loader = new Loader();
__loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onThumbnailLoaded);

To request, you will also need an another class object named 'UrlRequest' object. As soon as its done, you can request to load the image:
__request = new URLRequest(urlpath);
__loader.load(__request);

When the loading is completed, you can use the loader object as your received data
and use this anywhere you want. If you are currently in a movieclip now. You can add this as child movieclip like as follows:

function onThumbnailLoaded(evnt:Event){
addChild(__loader);
}

Now run your application and notice the loaded image on the swf movie.

Points to remember:

* URL must need to be valid. otherwise no image will be loaded. If there is possibility to be the URL wrong, then please use error event handler to track that. if you want the image loaded from clients pc. There will be need to add some more code with FileReference class.

* if you want to scale/provide a specific position to your image. use loader objects property to do that.

* You can also track the loading info, how much loaded. This is required when you are using progress bar to show the progress stat of image loading.

New Page On Blogger

noreply@blogger.com (Rana) — Fri, 26 Feb 2010 00:06:12 PST

Do you know, blogger has recently added a new feature to add standalone page to your blogger blog? This page are different from traditional posts. You can add new pages like 'about','contact','terms' etc to your blogger blog and these won't be shown on posts category.

This feature is just like the page feature of wordpress. You can add new page on wordpress those are not belongs to other blog posts. However in blogger, you can add up to 10 pages max, not more than that.

Adding page on blogger blog is quite easy. log in to your blogger account, goto the 'posting' tab of your specific blog; Under this there is a sub menu that contains an option along with others named 'Edit Pages'. Click on it. There you will find all options to view your existing page, create a new page, edit an existing page just like any other blogger post.

Now just add important pages that you want to show to your visitors. You can add a page gadget to your blogger layout to show all the pages or just the specific pages that you want. In other ways, you can add menu items manually in your template to give them a better view.

Their location are located in shorte format like urblog/p/page-name.html . Enjoy using page on your blogger blog.

Nested Master Pages

noreply@blogger.com (Rana) — Thu, 25 Feb 2010 01:29:17 PST

We know that masterpage is used to share some common content all over every page so that we don't have to write the same things over and over. But, in many cases we need the same thing that resides in the content place.

We can take this a step forward and have a master page be the content for another master page. In other words, we can have nested master pages, whereby a master page inherits the visual appearance of another master page, and the .aspx content pages inherit from this second master page. The secondlevel master page can look something like the following:

<%@ Master Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="MasterPage2.master.cs" Inherits="MasterPage2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
Some other content...
<hr style="width: 100%;" />
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
</asp:Content>

Because we can use the same ID for a ContentPlaceHolder control in the base master page and for another ContentPlaceHolder in the inherited master page, we wouldn’t need to change anything in the content page but its MasterPageFile attribute, so that it uses the second-level master page.

This possibility has great promise because we can have an outer master page that defines the very common layout (often the companywide layout), and then other master pages that specify the layout for specific areas of the site, such as the online store section, the administration section, and so on. The only problem with nested master pages was that they didn’t have design-time support from within the
Visual Studio IDE (as we do for the first-level master page). However, with the release of Visual Studio 2008 and the related Express products this is no longer a problem.

To be honest, we prefer editing content pages in the Source view in the editor, because it gives us more control over the HTML and we can structure it as we see fit, so not having design support never really bothered us as developers. Additionally, this is not much of a problem for most developers who prefer to write the code themselves. It will give us a deeper understanding of what the structure of our HTML looks like and ways we can cut down on the messy code that the visual editor generates.

Basic Model of Master Page

noreply@blogger.com (Rana) — Wed, 24 Feb 2010 23:10:11 PST

This tutorial is only for those who don't understand masterpage properly yet. Masterpage is a new feature of asp.net introduced in version 2.0. Here are some basic concepts of masterpage that is explained following the description from a book i was studiying:

A master page enables us to put the common layout code in a single file and have it visually inherited in all of the content pages. In a sentece, A master page contains the overall layout for your site. All other Content pages can inherit the appearance of a master page, and place their own content where the master page has defined a ContentPlaceHolder control. Although this has the effect of providing a form of visual inheritance, it’s not really implemented with inheritance in an OOP sense — instead, the underlying implementation of master pages is based on a template model.

An example is worth a thousand words, so let's see how this concept turns into practice. A master page has a .master extension and is similar to a user control under the covers. The following is some code for a master page that contains some text, a header, a footer, and defines a ContentPlaceHolder control between the two:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs"
Inherits="MasterPage" %>

<html>
<head id="Head1" runat="server">
<title>TheBeerHouse</title>
</head>
<body>
<div id="header">The Beer House</div>
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
<div id="footer">Copyright © 2008 Nicholas Berardi</div>
</body>
</html>

As we can see, it is extremely similar to a standard page, except that it has a @Master directive at the top of the page instead of a @Page directive, and it declares one or more ContentPlaceHolder controls where the .aspx pages will add their own content. The master page and the content page will merge together
at runtime — therefore, because the master page defines the common contents and tags, we can easily guess that the content pages must not define them again. Content pages will only define the content for the master’s ContentPlaceHolder controls, and nothing else. The following extract shows an example of a content page:

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
CodeFile="MyPage.aspx.cs" Inherits="MyPage" Title="The Beer House - My Page" %>
<asp:content contentplaceholderid="MainContent" id="MainContent" runat="Server">
My page content goes here...</asp:content>

The first key point is that the @Page directive sets the MasterPageFile attribute to the virtual path of the master page. The content is placed into Content controls whose ContentPlaceHolderID must match the ID of one of the ContentPlaceHolder controls of the master page. In a content page, we can’t place anything but Content controls, and other ASP controls that actually define the visual features
must be grouped under the outermost Content controls. Another point to note is that the @Page directive has a new attribute, Title, which allows us to override the value specified in the master page’s <title> metatag. If we fail to specify a Title attribute for a given content page, the title specified on the master page will be used instead.

The figure below provides a graphical representation of the master page feature:

When we edit a content page in Visual Studio, it properly renders both the master page and the content page in the form designer, but the master page content appears to be "grayed out". This is done on purpose as a reminder to us that we can’t modify the content provided by the master page when we’re editing a content page.

It is important to point out that our master page also has a code-behind file that
could be used to write some C# properties and functions that could be accessed in the .aspx or code-behind files of content pages.

When we define the ContentPlaceHolder in a master page, we can also specify the default content for it, which will be used in the event that a particular content page doesn’t have a Content control for that ContentPlaceHolder. Here is a snippet that shows how to provide some default content:

<asp:ContentPlaceHolder ID="MainContent" runat="server">
The default content goes here…
</asp:ContentPlaceHolder>

Default content is helpful to handle situations in which we want to add a new section to a number of content pages, but we can’t change them all at once. We can set up a new ContentPlaceHolder in the master page, give it some default content, and then take our time in adding the new information to the content pages — the content pages that haven’t been modified yet will simply show the default content provided by the master.

The MasterPageFile attribute at the page level may be useful if we want to use different master pages for different sets of content pages. If, however, all pages of the site use the same master page, it’s easier to set it once for all pages from the web.config file, by means of the element, as shown here:

<pages masterPageFile="~/Template.master" />

If we still specify the MasterPageFile attribute at the page level, that attribute will override the value in web.config for that single page.

Experience with domain/hosting package of godaddy

noreply@blogger.com (Rana) — Wed, 24 Feb 2010 21:31:07 PST

Recently, I have purchased a domain and hosting package from godaddy.com . I was y=using free hosting on 000webhost and byethost before this. Both free hosting were good, but was also having problems in various aspects. So, I decided to get a new paid hosting. And as godaddy is a renowned name in this industry, so i just chose them and purchased a limited package(As I have no commercial site to host, i will have nothing useful purchasing unlimited hosting :) ). Another reason behind this is to get a windows hosting. As I do work with asp.net also, I needed a iis/asp.net based hosting to host some work.

So far I am using there package, they are working well to me. I was having a problem of ftp users creation those are permitted to use a specific folder and those users couldn't access their directory. So, I submitted a support ticket and they promptly replied and solved the problem.

Another great thing about them is that, they use highly secured server/ssl for users accounts. In this case, my suggestion is that, if your internet connection is slow, then you will have big trouble using your account on godaddy as with ssl/https , user experience is much slower even with high internet connection; So, be careful.

TO purchase a domain and mange that, godaddy should be your first choice, even if you don't choose this as your hosting provider.

Main reason behind is security and flexibility. Moreover, you won't have to pay much higher than other domain provider.

Hope you will have a good experience with godaddy as like me.

Advantages of using css over table layout

noreply@blogger.com (Rana) — Tue, 23 Feb 2010 22:06:56 PST

I knew about very little before I came to know in details while studying this in a book. Some points that were mentioned are as follows:

* If we use DIVs(and similar html tag elements) and a separate style sheet file(.css file) to define appearance and position, we won’t need to repeat this definition further more, for each and every page of our site. This leads to a site that is both faster to develop and easier to maintain later.

* The site will load much/significantly faster for end users! We should remember that the style sheet file will be downloaded by the client only once, and then loaded from the cache for subsequent requests of pages until it changes on the server. If we define the layout inside the HTML file using tables, the client browser instead will download the table’s layout for every page, and thus download more bytes, with the result that downloading the whole page will require a longer time and cost we more in bandwidth. Typically, a CSS-driven layout can trim the downloaded bytes by up to 50%, and the advantage of this approach becomes immediately evident. Furthermore, this savings has a greater impact on a heavily loaded web server — sending fewer bytes to each user can be multiplied by the number of simultaneous users to determine the total savings on the web server side of the communications.

* Screen readers, software that can read the text and other content of the page for blind and visually impaired users, have a much more difficult job when tables are used for layout on the page. Therefore, by using a table-free layout, we can increase the accessibility of the site. This is a very important requisite for certain categories of sites, such as those for public administration and government agencies. Few companies are willing to write off entire groups of users over simple matters like this. An easy way to see how a screen reader for the blind will read our site is to remove all the style sheets from our website. If it doesn’t flow straight down and is broken up into content sections, they are going to have a tough time figuring out which content is important and how it should be read.

* CSS styles and DIVs provide greater flexibility than tables. we can, for example, have different style sheet files that define different appearances and positions for the various objects on the page. By switching the linked style sheet, we can completely change the appearance of the page, without changing anything in the content pages themselves. And it’s not just a matter of colors and fonts — we can also specify positions for objects in CSS files, and thus have a file that places the menu box on the upper-left corner of the page, and another one that puts it on the bottom-right corner. Because we want to allow users to pick their favorite styles from a list of available themes, this is a particularly important point.

* CSS even enables we to create a specific layout for the printer. This is a very important point, because the user is usually interested in printing only the content of the page and not the sidebars and login information that is presented in the browser. These elements of the page can be easily set to not be displayed through CSS when they are being printed. Also, if we use a lot of dark background colors that would just use up ink, we can change the dark backgrounds to white to save the end user some money on the cost of ink and still have our website print in a way that we control.

* CSS enables us to target different classes of devices in some cases without requiring new HTML markup, such as mobile devices like PDAs or smartphones. Due to their constrained screen size, it is necessary to adapt the output for them, so that the content fits the small screen well and is easily readable. we can do this with a specific style sheet that changes the size and position of some containers (placing them one under the other, rather than in vertical columns), or hide them completely. For example, we might hide the container for the banners, polls, and the header with a big logo. Try to do this if we use tables — it will be much more difficult. we’ll have to think about a custom skinning mechanism, and we’ll need to write separate pages that define the different layouts available; this is much more work than just writing a new CSS file.

Model, VIew and controller definition

noreply@blogger.com (Rana) — Wed, 17 Feb 2010 01:56:58 PST

MVC is the most popular software development approach. I knew about this from long before. But, became familiar with it more deeply while learning asp.net mvc that was launched on later 2008 with .net 3.5 sp1.

The most popular definition for MVC(Model View Controller) design pattern by Reenskaug is as follows:

Model: Represents knowledge. A model can be in the simplest case a single object in your
application, or in a complex case a combination of objects. It should represent the world as seen
by the developer for the application that is being developed; in other words, your database or
domain.

View: Visual representation of the model. It should highlight specific aspects of the model while
minimizing the others where possible. According to Reenskaug, it should act as a presentation filter.
What he describes as a presentation filter is the notion of a contract created between the model
and the view that will provide the parts of the model requested for the presentation by the view.

Controller: A controller provides a link between the user and the system. It provides the user
with actions that can be taken against the model, which in other words creates a set of inputs that
can be acted upon and represented to the user in one or more ways through a view.

If you are interested to get example to understand, you can visit here to get an old example that actually deals with the very basic idea to be understood.

MVC example

I have become married

noreply@blogger.com (Rana) — Sun, 31 Jan 2010 06:42:43 PST

Last week(22th january,2010), I become married from single. My wife's name is 'Mahfuja nilufar'(nickname: nila). This is the modest ceremony ever I have participated(may be i couldn't even this time if it wasn't my marriage :D).

I don't what is on my future life, but I always pray to almighty god to give me a happy and honest life to live along with my wife. Also wish to get all happiness of a married life and get rid of all pains of bachelor life...

How To Hide The Blogger Navigation Bar?

noreply@blogger.com (Rana) — Mon, 18 Jan 2010 10:48:48 PST

Blogger blog has a common feature. Google set a navigation bar to the top of the page by default for navigate to next blog, goto account etc. This is public and whenever it is visited by someone he/she will see this navigation bar even if he/she not a google account holder or not signed in. This may disappointed some blogger. I myself, don't like it. So, Now we are going to remove that.

If you are familiar with web programming/development(specially html/css), you should solve this problem very easily.

* View source, check/inspect which element is that, set that elements visibility property to 'hidden' or display property to 'none'

If you are a pure blogger, don't know anything about html/css programming, then for you here is the simple solution:

* Go to You blog admin panel's 'layout' tab, then 'edit html' section. Find the <style> tag just after that, add the following code snippet:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Now save your template and you should get your job done. Enjoy!!!!!!!!!

Test Driven Development(TDD) basic theory..

noreply@blogger.com (Rana) — Tue, 12 Jan 2010 22:53:39 PST

I saw many people having a wrong idea about tdd. Many people thinks it to develop a code first and then write code that tests its validity. But, in real, they are wrong. Actually, Test Driven Development, or TDD, is a software development technique that is made up of short iterations where tests are written first and then code is written to satisfy the test condition. To use a more concrete example, if we wanted to write a method to validate an email address, we would write the test first that covers this use case and then write the method to make the test pass.
The very basic TDD life cycle consists of the following sequences:

1. Add a test: Create a test to satisfy a requirement. In our example, we would create a test that
calls the email validation method with an invalid email address.
2. Run the tests: Since we haven’t written any code, the test should fail. This is an important step because it validates that the test won’t always pass, which would make it worthless. Initially, you can’t even run the tests because you will have compiler errors, since you haven’t written the code your test is calling yet.
3. Write code: Write code to satisfy the test condition. In this case, you will create the IsValidEmail method to validate an email address.
4. Run the tests: The tests should now pass. If they fail, then repeat step 3 until they pass.
5. Refactor: Now that the requirement is met, we can refactor our code. Re-run the tests as you refactor the code to make sure that you have not broken anything. The preceding cycle is repeated throughout the development process for each new feature that needs to be added.

Jquery Forum

noreply@blogger.com (Rana) — Sun, 17 Jan 2010 01:30:49 PST

I am working with Jquery for few months. Since the very beginning , I was very pleased with their very very rich and strong live documentation. But, this isn't always enough. We always fell in critical problems and need others help. For this purpose, I found their google group. I joined. That helped me getting response of all my queries. But it created another problem, that is, my email Inbox started become flooded with Jquery group emails. I then created a filter with the Jquery email address and skipped my inbox. Although it helped a little, but still, I just didn't like getting that much emails on my mailbox anymore. I was just wondered why they aren't opening any official forum.

May be, now they/most other members are having problem also and they just launched their official forum. I am very much glad with this because, forums are a very helpful and user friendly platform for discussing problems doubts. If you are having same problem or even didn't know about the group either, just be relax as you can be a part of the Jquery developers community more easily from now on. Please visit Jquery Forum and get your account now, get discussing with other Jquery experts Instanly, get your problems solved!!!!!!

Attaching Event Handler with DOM Element with Javascript

noreply@blogger.com (Rana) — Sun, 17 Jan 2010 01:31:32 PST

There are more than one ways to attach an event with an element. Like, you can attach a focus event with an input box as like follows:

<input type="text" id="testName" onclick="EventHandlerFunction()" />

Also, it can be done in another way, inside script tag like as follows:

<script type="text/javascript" >
window.onload=function(){
document.getElementById('testName').onfocus = function(){
                    //do something
    }
}
<script>

Remember, window.onload part is crucial. The attaching events are always need to be attached after the document object model(DOM) loaded properly. If you try to attach event outside this function, you will get an script error like stating that no such element found(this is natural as before the this element loaded, script won't found anything as this).

The above functionality can also be done in jquery easily as follows:

$(document).ready(function({
     $("testName").bind('focus',fucntion({
//do something
                           }));
}));

the $().bind() is the most generic form for attaching event. However you can do shortcuts for several common event like

$("testName").focus(fucntion({
//do something

                           });)

Now consider this situation, you are making some DOM element on the fly, dynamically with your JavaScript. You want to attach event with them. You can do this in either of the following way:

//basic javascript
var dynamic_element = "<input type="button" onclick="ClickhandlerFnction()"></input>";
obj.innerHTML = dynamic_element;

//jquery
var dynamic_element = $("<input>");
dynamic_element.attr("type","button");
dynamic_element.click(ClickhandlerFnction);

now, think, if you have to make several elements(but of same type, like same tag name or same class), you will have to go thorough a loop or have to attach event to all of them manually.

Another situation, you are getting html response through ajax request and you are interested to attach event to some of those elements, either you have to do it after receiving the ajax response or have to run a continuous function with setting interval to check whether any object of the specific type has been on the document.

You can have a better solution with jquery. From jquery 1.3.x , there is a new method implemented name live that do our this kind of complex jobs simply. you can attach event to an element that not yet on the DOM, but will be available anytime in future, jquery will keep track of that and will attach that event handler as soon as it find an element of that particular type. simply write:

$(element).live('click',EventHandlerFucntion);

and you are don't be worry about whether this element is currently exist or not, or when some request is going to bring it, you just got it. You can read more about live function on jquery's live documentation.

Using eval() Method with PHP/JavaScript

noreply@blogger.com (Rana) — Wed, 06 Jan 2010 22:09:14 PST

In two most popular programming scripting language, php and JavaScript, do support an interesting function, eval(). Its functionality is quite simple, converts a string representation of some scripting statements into real scripting statements. Another scripting language, Action Script, also did support this method until Action Script 3.0 version. Its been avoided in Action Script 3.0, latest version.

So, this function will be very very useful for you while you are working with php or JavaScript. Lets try a simple example. Suppose you are getting a string like as follows:

$str = 'echo "hellow world"';

you need to print only the hello world part, not along with echo(echo is a php output helper for printing/writing response on documents, web services etc). Here if you use the following way:

eval($str);

this will perfectly o your job. This will convert your string into function PHP scripting language statement and thus executes it.

Another example. You are doing Ajax operation on your application and getting JSON data from server as response. Most of the times, you will get the response as string Like

var response = "{'data':{'name':'evalFunctionTester'}}"

if you try it to be use like JSON notation, you will get nothing. Now try the following:

eval("var jsonObject="+response);
alert(jsonObject.data);

now you can use temp as an functional JSON object.

But, you need to be careful while using this function, specially when you are using this function on third party data(just like the JavaScript example), because they can return harmful/security-breaker code, you need to be sure that that code is safe to be parsed. In this case, the following function will help you:

decode: function(string, secure){
if ($type(string) != 'string' || !string.length) return null;
if (secure && !(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''))) return null;
return eval('(' + string + ')');
}

in the first parameter, send your data, and the second parameter, send a Boolean value whether you want it to be secure or not. You will get it correctly.

Accessing asp.net Web Service using Jquery AJAX

noreply@blogger.com (Rana) — Mon, 04 Jan 2010 04:12:12 PST

The two most popular data type are supported by asp.net web service are XML data and JSON data. To access a asp.net web service and get response in a particular format, we have give some special instructions through Jquery.

* Url is to be correct format.
* Data has to be posted using POST method.
* Parameter names and also types must be similar as of web service arguments.
* have to define data type.
* Have to define content type.
* Has to check the response type correctly.

to make up the url, you have use first the service file location and then the function name like as follows:


http://mydomain.com/servicefile.asmx/service_method_name

to post data to server asynchronously, Jquery has multiple methods. Such as, you can either use $.post() method or $.ajax({type:"POST"}) method.

suppose we are sending a number and a string, then data must be like as follows:


data: "{textData:'test text',numberData:100}"

notice the double quote around the data, its required, unless it won't work.

Suppose we are interested to get JSON data and also sending data in JSON format as well(most standard format to manipulate in javascript), they will be like as follows:


dataType:"json"
contentType:"application/json"

if you are interested to get XML data, use "text/xml" instead.

You will be able to receive data using response.d property. So, in summary, the code snippet can be as follows:


$.ajax({
type: "POST",
contentType: "application/json",
dataType: "json",
url: options.url,
data:"{textData:'test text',numberData:100}",
success:          function(data){        
mydata = data.d;
//do whatever you need to.... 
},
error: function(result) {
alert("Failed " + result.status + ' ' + result.statusText);
}
});

Your Jquery code should now be able to talk with asp.net web service.

Happy New Year 2010

noreply@blogger.com (Rana) — Mon, 18 Jan 2010 00:28:13 PST

Another year is going to be lost for ever from our life. As well, I am also exited about the upcoming unknown facts about my life. Now, what I got in 2009?

* I graduated for around 1.5 years before from now on. So, 2009 is the year, where I passed the full year in employment(in 2008, part of that year, i was student, and partly employed).

* 2009 was a great year for me for learning development. I learned a lot of things this year. May be I didn't meet what i should have learned actually, but though, at least, learn something that will help me in future.

* It was a great year for me on freelance career. I am working on freelacer.com site as part time freelancer. I started this freelance career on 2008,around end of the year. But due to lacking of enough knowledge on development knowledge and also due to no feedback/very few feedback, didn't got that much projects on 2008. But, comparatively, got a lot of projects/works in 2009. So, this is obviously a great year.

* Changed my residence three times in 2009 :(

* Another year passed by, couldn't get married yet :(

I wish to have something better on the next year. A proverb is known like "passed days were good, upcoming days are worse". I wish to get this reversed, "get better time than past days":

* Want to get married this year, don't want to be single anymore :)

* Wanna buy a good laptop. I am feeling a great need of this thing. Waiting for a good one with windows 7.

* Want to make a rapid growth on my freelance career. More than past year. I wish to make this improvement significant, lets see what happens.

* Want to get more advanced with what I know and wish to learn many many new things that will help me growing well.

At last, Wish you all a very very Happy New Year 2010!!!!!!!

MySql Database manipulation using Java JDBC

noreply@blogger.com (Rana) — Sun, 17 Jan 2010 01:33:03 PST

To connect to mysql database from java, you have to first have the mysql-jdbc connector jar file from hre,mysql jdbc connector.

Download the file, get the jar and import that to your current project.

Prepare your mysql db, create a new database named 'testdb', make a table 'mytable', make some column, insert some data. Or if you want to work with some existing database,tables etc, that will also be fine.

After mysql preparation completed and database server is running, open a java file for testing, write the following lines:


Connection conn = null;
try{
String userName = "username";
String password = "passsword";
String url = "jdbc:mysql:portnumber//localhost/databasename";
//here we are using the library
Class.forName ("com.mysql.jdbc.Driver").newInstance ();
conn = DriverManager.getConnection (url, userName, password);
System.out.println ("Database connection established");
}
catch (Exception e){
System.err.println ("Couldn't connect to mysql database");
}

now we have completed connecting. Also don't forget to close the connection at the end of your code.

Here is some example code for manipulating your db from java:


if (conn != null){
try{
String id="id";
String val="value"; 
PreparedStatement ps;
ps = conn.prepareStatement("INSERT INTO animal (name, category) VALUES(?,?)");
ps.setString (1, id);
ps.setString (2, val);
int count = ps.executeUpdate ();      
}
catch (Exception e){ 
//if you need to do something upon error
}
finally{
conn.close ();
System.out.println ("Database connection closed");
}
}

You can also use this for connecting to other databases, just use different connection library for each.

Call by Value and Call by reference in C#/JAVA

noreply@blogger.com (Rana) — Sat, 26 Dec 2009 20:30:47 PST

JAVA:

As we know call by value and call by reference is an important features of c/c++. JAVA eliminate the call by reference features because if security reasons. But still, if we work with JAVA objects, we can use something similar to call by references. Try the following java code snippet:

public static void main(String[] args) {
// TODO code application logic here
A a = new A();
a.a = 1;
changeValue(a);
System.out.println(a.a);
}

public static void changeValue(A obj){
obj.a = 10;
}

public static class A{
public int a;
}

this will print 10. Here it seems like doing call by reference, but actually not. obj object is initiating a new object space where its placing a objects location. By this way, we just having a ways to access and change the properties of a object.
Try with the following example for more understanding:

public static void main(String[] args) {
// TODO code application logic here
A a = new A();
a.a = 1;
changeValue(a);
System.out.println(a.a);
}

public static void changeValue(A obj){
obj = new A();
obj.a = 15;
}

public static class A{
public int a;
}

Now, you will see, output is 1 rather than 15. Because, whenever obj is making a new object its loosing a's location and allocating another space, so now, obj has no effect on a' object.

C#:

Same like JAVA, C# will also doing the same. In addition, its also reserving the reference features. This is accomplished by a 'ref' keyword before the both parameter and argument. Try the following code:

public class A
{
public int x = 10;
}

static void Main(string[] args)
{
A obj = new A();
Change(ref obj);

Console.WriteLine(obj.x.ToString());
Console.ReadLine();
}

public static void Change(ref A obj)
{
obj = new A();
obj.x = 1;
}

Now, its going to print 1 as obj is referring to a's location and creating a new object at the same location.

Hope you have understood this call by value and call by reference features in these two major programming language.

Understanding JQuery DOM Object

noreply@blogger.com (Rana) — Mon, 18 Jan 2010 00:30:11 PST

Here I am going to give a few words on using and manipulating Jquery DOM object. Actually, this is agreed by most of the developers that, regular expression for referencing selector of Jquery framework is the most powerful feature.To point/refer to an DOM object is pretty much easier using jquery than standard javascript.

To get the DOM object you can use either $ or JQuery. suppose the document object can be referenced by using "$(document)" or by JQuery(document). to execute an function on document load, you can use the following code
$(document).ready(FUNCTIONNAME);
or
$(document).ready(function(){
//codegoes here
});

This is actually a replacement of standard javascript code like:

window.onload = function(){
//code goes here
}

not much useful, right? You will know the real importance very soon.

Lets assume, we are going to get all div element with classname 'test' and set their border color to red. in standard javascript, you have to do something similar as follows:

var elements = document.getElementsByClassName('test');
for(var i=0;i<elements.length;i++)
{
elements[i].style.border = "#FF0000";
}

but, in jquery, you can do it by a single code snippet as follows:

$(".test").css('border','#FF0000');

interesting right?

Also, another efficiency that, to select an dom object, you can use exactly like css selector expression. Like, to get element of specific id name you can use $("#idname"), to get element of specific classname, you can use $(".classname"), to select all child div of a parent div you can use, $("div#id div") etc.

you can apply attribute/css using $("object expression").attr('propertyname','value')
and $("object expression").css('propertyname','value');

Another interesting thing is, to get a value, just use first parameter, to set, add second parameter to the function, its that easy.

Another important thing is that, javascript objects work by reference, always point to same object. On the other hand, in jquery, copy of object is created. so, if you have done var obj = $('#idname') and next time obj not working, use $(obj), to reference it again.

Another thing, before using expression you must be sure that, object for that exist, otherwise you shouldn't apply any property value to it. to become sure about it, use

if($("expression").length>0){
//set style/property
}
if there is no object and you are trying to set something, javascript will stop executing and no other code after this will be executed.

To ready more about jquery, read their online documentation

Manipulation of XML Document Using Jquery

noreply@blogger.com (Rana) — Mon, 18 Jan 2010 00:31:04 PST

XML are being used more and more day by day. Their main featres are portability and recognized by most of the programming languages. JavaScript is not away from it. JavaScript also can parse/manipulate XML files. Jquery, the ultimate JavaScript library just made it more simple and easy to use. By this, you can traverse a XHTML(its XHTML, not HTML, your file must be w3valid) file and/or a XML file very similarly. I will be used common example for both.

First, you have to call to your file to be loaded, either an HTML or an XML file. You can do call with three options with Jquery, $.get, $.post or $.ajax. Generally get or post options are used for sending data to server, although that doesn't mean, we can't use them, but we will use $.ajax simply. The code will be like as follows:

$.ajax({type: "GET",url: "simpleXMLData.xml",success:GetResponse});

here you can see,first parameter: we can use the type get or post, of our own choice. Second parameter: you can use HTML file, even php/aspx file(any url also unless you have security restrictions) that results a XHTML code, you can load them also. Actually, you can call to any file type, just for now, we are concerned about xml/xhtml file and parse/traverse them using jquery. Third parameter, we name a function that will be executed after browser get the response from requested file/url
. If you simply alert the response data in that function you will see the full response code:
function GetResponse(data){
alert(data);
}
now, first we have to convert our response to a DOM object to be able to traverse by jquery. that's not big deal, $(data) will simply be the expected object we want. now suppose we have a XML file like as follows:
<?xml version="1.0" encoding="iso-8859-1"?>
<xmlobject>
<item>
test xml data
</item>
<item>
test xml data 2
</item>
//.......... so on
</xmlobject>

now you can traverse to each with this following simple code:

$(data).find('item').each(function(){
alert($(this).text());
})
remember, if you try to use $(this).html(), this won't work(specially on server, on local HTML and script file, it will work fine), you have catch them as child. If you are looking for getting the index of current item, use this code
$(this).parent().index($(this));
if you are looking for get a specific indexed child, without going all loop and check, try this:
$(data).find('item').eq(index)
you will get the specific item Dom object you want.
You can also go one item ahead, or back using $(current).next() and $(current).prev()

If you understand these clearly, you can have a look for Jquery XML Travers documentation of jquery. There you can checkout all functions,properties that Jquery supports and will understand very quickly as you have the basic understanding now.

Localtime PHP, Get Visitor's Timezone

noreply@blogger.com (Rana) — Sun, 17 Jan 2010 01:34:17 PST

Here, by local time, I mean the timezone where the visitor lives in. To track a visitor timezone is an issue because php works with the time where the server resides, or you can say, server computer time,not where the visitor stay. But still, we have few ways to get this done:

* You can use an IP to country/timezone converter code. For this, you have to have a database for all ip and corresponding timezone info.And then code php to get corresponding timezone retrieved. There are some free database out there. search about them. But, problem with this procedure is that:
- You have to update database periodically.
- Database might not include timezone info for all ip.
You can also solve this problem by using free web service like hostip.info, but may not fulfill your requirements, such as may not include timezone info at response(hostip doesn't have).

* You can somehow send the the time of the visitor pc to server php script. Yes, you can do this also. Also here, you have multiple option.
- If you are interested in sending the local time on some postback, simply send a post(hidden variable) or get variable(url string variable) to php with set the local time using javascript like as follows:

document.getElementById('hiddenvariableid').value = new Date().getTime(), or just a format you want.

- If you don't want it on post back, need it when page loads, then you can use cookie. that means, first set a cookie variable with time, reload page, read cookie from php, clear the cookie after page execution complete. This will require a code snippet as like follows:


<script language="javascript">
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
createCookie('localTime',new Date().getHours(),7);
</script>
<?php
$h = date('G'); //set variable $h to the hour of the day
$clientTime = $_COOKIE["localTime"];
if(empty($_COOKIE["reload"])){
echo "<script language='javascript'>createCookie('reload','reloaded',7);window.location.reload();</script>";
}
if(!empty($clientTime)){
$h = $clientTime;
}

// HERE all your codes goes

?>

<script language='javascript'>
createCookie('reload','',-1);
</script>

This is the most light weight use to solve it. But it also have problems:
- It sending visitor pc data, so if visitor computer has wrong time set, then it will work with that info.

Ok, this is how to retrieve visitor's local time using php and/or with help of javascript. I have tried to help you with all cases that might results, pros and cons also. Choose one that suites your application requirements correctly.

Showing 26 Urls Submitted After Sitemap Submission To Google?

noreply@blogger.com (Rana) — Sat, 12 Dec 2009 08:14:30 PST

Are you having problems with submitting your blogger blog site map to search engine's webmaster tools? You have submitted the correct site map, but your webmaster tools saying that only 26 urls are submitted? I was also having the same problem around for several days. But, at last I found the solution. Let me explain this a little to you.

blogger have various type of sitemaps, like

http://yourblogname.blogspot.com/rss.xml
http://yourblogname.blogspot.com/atom.xml
http://yourblogname.blogspot.com/feeds/posts/default?orderby=updated

The last one is from your robots.txt (path:http://yourblogname.blogspot.com/robots.txt). And if you don't use webmaster tools to submit the sitemap, all search engines will discover your site map through this robots.txt and will get the last one. So, if you are not using the webmaster tools, simply have a look to your sitemap(paste the url to browser changing your blogname and enter), check how many posts are there on the feed?

Surprised?? Yes, there are only 26 post showing over there. Even if you were submitting this to webmaster tools, same will be happen, only 26 urls will be submitted(where you may have several hundreds posts). Try checking other feeds, same will happen. So, what to do now?

Relax! We have solution. we will submit our site map to webmaster tools, but with some more parameters. Whats are this? Lets see.

If you go to the site map section in Google webmaster tools, you will see that you are allowed to submit the rest part after your site url

http://yourblogname.blogspot.com/

this part already exists, you have to submit the rest part. Lets decide to submit atom.xml. First add one parameter like as follows

atom.xml?redirect=false

this will tell the server to stay on the atom.xml not redirect to another(as it will if your using other feeds like feedburner). Now use another two parameters:

atom.xml?redirect=false&start-index=1&max-results=100

This is telling that posts url will be start from index one, your latest post and it will results maximum 100 posts. So, just checkout the following url on browser:

http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100

Wow!! Yes, now it showing all the posts you have written. Having more than 100 posts, nothing to worry, simply change the last number 100 to the number of posts you have. Submit this and checkout in few days. You will get how many urls are indexed. do some more works on which aren't indexed and submit again.

You can also submit this same site map to all search engines like
google,
yahoo, bing, alexa, ask etc confidently.Have fun!!!

Which Website is Best for Freelancing Career

noreply@blogger.com (Rana) — Wed, 24 Feb 2010 22:02:15 PST

I am on freelance career for around 1.5 years. From the very beginning, I started to like freelancer.com site. By this time, many things are changed(new attractive layout design, features addition etc). Here I will try to mention some features that make freelancer.com, a uniquely featured site for people finding freelance/outsourcing jobs online:

* COST : Most important feature is its costs. There are many types of cost that freelance service providers faces working online such as project fees taken when won a job, a percentage of earning/bid amount, withdrawal fee to a payment processor or bank account, percentage on bonus payments etc. freelancer.com is best about this according to my experience. they only cut 10% project fee on bid amount for standard member(3% for golden members). No percentage on bonus payment. Lowest rate as withdrawal fee($1 for paypal,moneybookers;No fee for debit MasterCard).

* Lots Of Projects : Its not exactly like unique features, its actually an advantage for freelancers. As this site is very popular and second highest score among freelancing/outsourcing sites at alexa, many projects are posted daily here. SO, its easy to get a job quicker also.

* Membership variation : This site offers you to use two different kinds of membership, standard and golden.standard membership is for those, who works less frequent, golden membership is for professional freelancer want a long term commitment with the site. And obviously golden members get some more facilities than standard members(lower project fees, more expertise, portfolio projects-newly added).

* Extra knowledge on projects bid : You can inquiry for more info either privately(through private message box), or publicly(project clarification message board). You can also become sure whether the project owner has the ability(amount on his account) to pay you for the full project(newly added features). Also, as like other sites, you can check the buyers reputation checking his previous feedback as service buyer.

* Dispute System : You can cancel a project after win if you can't synchronize with buyer's specifications for any kind of reason. Also, a project owner can't give you feedback until you get the full amount bid for the project. Moreover, for more complicated problems, they have dispute system, where you can submit an complain , submit proof & get justice.

* Verified Ratings : You will be rated by project owners only after you are being paid by them. So, no worry to get 'bad rating and no money'. If you can't agree with project owner, try to cancel the project, even if they don't agree to do so, they won't be able to do anything but an incomplete report, that actually have no effect on your overall average rating.

There may be a lot more advantages compared to other sites, but as I am not very old there and didn't experienced that much on other sites yet, may be i am not seeing those points. But, I will try to share my experience with this site much more times in future.

How to make scrollable navigation menu using Jquery

noreply@blogger.com (Rana) — Fri, 11 Dec 2009 10:14:08 PST

Before, many peoples used to disable the javascript option on their browser. But time to time, javascript became as one of most essential part on the web pages rich effect and functionality. This development is still going on and new ideas,thing are being added day by day. One of the new idea i got to implement is scrollable menu of a site(of course very few numbers of menu like 3 or 4). Although there are scrolling system using jquery like image thumbnail gallery,carousel, this one is much richer than those.It can be used as your sites main navigation menu, horizontal or vertical, doesn't matter. I found a solution here, is named as jquery scrollable navigation system; they have also an acceptance as jquery plug-in which are description on jquery plug-in page. But, at the beginning, i got with their documentation as they describe documentation with there own made design & functionality together(here) where i needed to implement only the functionality as i had the existing designed site already. So I decided to share the very basic idea to implement this scrollable functionality.

* First download the plug-in from here. You can customize what you need to download & what not. You either download a specific plug-in up to all together.

* import both jquery & this tool to your site.

* here we will go with two parts. first, the navigation part, that will navigate to each menu items part/page.

1. if you already have an navigation menu, then simply add a class name 'navigation' to all your navigation link/ container that includes all navigation links. examples are:

<div class="navi">navigation 1</div>
<div class="navi">navigation 2</div>

Or

<li class="navi"><a class="active" title="title 1">1st menu</a></li>
<li class="navi" ><a title="title 2">2nd menu</a></li>
<li class="navi"><a title="title 3">3rd menu</a></li>

or
<li class="navi">
<a class="active" title="title 1">
<a title="title 2">2nd menu</a>
<a title="title 3">3rd menu</a>
</li>

2. your body part- use the following div structure:

<div class="scrollable">
<div class="items">
<div class="item"> content for 1st menu </div>
<div class="item"> content for 2nd menu </div>
<div class="item"> content for 3rd menu </div>
</div>
</div>

Remember, all content will be made in a single template file and will be made scrollable with the script. But if you already have individual pages and make them scrollable you have, you can use iframe. use individual iframe for each content. they will be loaded individually along with this scrollable effect without any kind of problem.

* CSS Part- The most important CSS is the following:
.scrollable .items {
width:20000em;
}
the width must be sufficient to hold 2-3 scrollable content, so that they scroll smoothly. otherwise effect won't work. You can also use other css also, but isn't required actually.

* make this into action- use the following script at the head section on dosument load
$(document).ready(function(){
$(".scrollable").scrollable({size: 1}).navigator(".navi");
});

You should be done successfully by now. run & test your program.When you click on navigation menu item, your page will be scrolled to your destination smoothly experiencing an slide show like effect. The only and not less significance disadvantage is that, all the items of the menu will be loaded on page load, so it may take longer time if you try to use several pages. It will be good to use 2-3 at once. Also, you can extend it to be an ajax based system so that other loadings are being handled in background, that will be much appreciable.

Use Chat Embed Widget On Your Site/Blog

noreply@blogger.com (Rana) — Fri, 11 Dec 2009 10:25:35 PST

I just came to know about it yesterday & i thinks its an interesting one. You can easily add a chat widget on your site/blog using one line simple html code. This is provided by meebome, just like a live chat software used by the big corporate website, where these are used to provide customers a live helpdesk. After I singed up, I got a simple one line html code, that is like as follows:

<embed src="http://widget.meebo.com/mm.swf?CMdtizpFre" type="application/x-shockwave-flash" width="190" height="275"></embed>

The best thing is that, in many blogs, there are limited permission and scripting code isn't allowed, this also works there as its not script, just adding/embedding a shock wave flash. So, you can use it wherever you have permission to add a html code.

The main advantages are:

* Live chat with your website visitors if they are having any inquiry to you without having to submit any contact for, just instant.They can leave you a message even if you are not online.

* Besides being online to visitors, you can also be online to your other msngr like yahoo,gtalk,msn,facebook,myspace,aol etc.

* You can get a live notification of visitors when they are visiting your site by downloading meebo desktop notifier. So, each time a visitor come to your site, you will be notified.

Alternatively, there is another popular site, named olark, that also provide this facilities. But, it has some disadvantages such as:

* It uses javascript, so without access to scripting like free account at wordpress.com, you won't be able to add this.
* olark has both free subscription and paid subscription, free one is with very basic features, comparatively meebome one is better as its free and have enough features.
* olark dosn't support as much chat agent as meebome.

I am not talking against it against olark, of course its good for big website for providing live chat support. But this one is mostly useful for simpler small blog/site for chat embed system.

To get this, first, you have to register a meebo account. Now go to meebome site, select options, give your meebo username/passowrd & submit, you will get a simple html code as above, copy & paste that on your sites html code wherever you want that to be visible and you are done.

How to Make a simple Accordion Plugin

noreply@blogger.com (Rana) — Fri, 11 Dec 2009 10:35:30 PST

Its true that there are several plugins on jquery accordion out there for you. Then why this? This will help you to understand 100% of what you are using on your site, where in case of third party plugin, many bugs/issues aren't actually understandable at all or take alot of time to track those. So its better to use own made code always if its simple to do so.

I actually made this by editing an existing plugin written in protoype. Also I made this very simple so that someone can understand its logic very easily & can modify according to their needs. First of all, all codes are clustered in a javascript class that is actually a function as follows:

function Accordion(container, options)
{
//code goes here.....
}

initializing some variables that will be used later on.

var showAccordion = null;
var currentAccordion = null;
var animating = false;
var option = options;
var da = false;
var thisEvent = option.onEvent;
var accordions = $('#'+container+' .'+option.classNames.toggle);

initializing event handling to make the selected part expanded/shrink effect.

accordions.each(function()
{
$(this).bind(thisEvent, activate);
$(this).next().css('height','0px');
$(this).next().css('display','none');
});

when activated, the following function will be executed

function activate(evnt)
{
if (animating)
{
return false;
}

currentAccordion = $(this).next();
var a = currentAccordion.attr('name');
var b = 'dummy';

if(showAccordion != null)
{
b = showAccordion.attr('name');
}

if (a==b)
{

deactivate(showAccordion);
}
else
{
currentAccordion.css('display','block');
_handleAccordion();
}
}

Here we used call to two different function named deactivate and _handleAccordion. They will be like as follows:

function deactivate(showAccordion)
{
animating = true;
da=true;
showAccordion.animate({height:0},'slow','',AfterShrink);
showAccordion.attr('name','');
}

function _handleAccordion()
{
animating = true;

if (showAccordion)
{
deactivate(showAccordion);
}
currentAccordion.animate({height:option.defaultSize.height},'slow','',AfterExpand);

currentAccordion.attr('name','expanded');
}

the followwing two funcitons will be activated after the above effects completed:

function AfterExpand()
{
showAccordion = currentAccordion;
animating = false;
}

function AfterShrink()
{
showAccordion.css('display','none');
showAccordion = null;
da=false;
animating = false;
}

Remember, Here I used vertical accordion that can be easily changed to horizontal accordion by changing 'height' property to 'width' on animation. Finally, the full code will be like as follows:

function Accordion(container, options)
{
var showAccordion = null;
var currentAccordion = null;
var animating = false;
var option = options;
var da = false;
var thisEvent = option.onEvent;
var accordions = $('#'+container+' .'+option.classNames.toggle);

accordions.each(function()
{
$(this).bind(thisEvent, activate);
$(this).next().css('height','0px');
$(this).next().css('display','none');
});

function activate(evnt)
{
if (animating)
{
return false;
}

currentAccordion = $(this).next();
var a = currentAccordion.attr('name');
var b = 'dummy';

if(showAccordion != null)
{
b = showAccordion.attr('name');
}

if (a==b)
{

deactivate(showAccordion);
}
else
{
currentAccordion.css('display','block');
_handleAccordion();
}
}

function deactivate(showAccordion)
{
animating = true;
da=true;
showAccordion.animate({height:0},'slow','',AfterShrink);
showAccordion.attr('name','');
}

function AfterExpand()
{
showAccordion = currentAccordion;
animating = false;
}

function AfterShrink()
{
showAccordion.css('display','none');
showAccordion = null;
da=false;
animating = false;
}

function _handleAccordion()
{
animating = true;

if (showAccordion)
{
deactivate(showAccordion);
}
currentAccordion.animate({height:option.defaultSize.height},'slow','',AfterExpand);

currentAccordion.attr('name','expanded');
}
}

using this class from your main cller will be as follows:

var option = {
resizeSpeed : 8,
classNames :
{
toggle : 'section_title',
toggleActive : 'accordion_active',
content : 'section_content'
},
defaultSize :
{
width : null,
height : 230
},
direction : 'vertical',
onEvent : 'click'
};

new Accordion('container_id_name',option);

The html structure will need to like follows:

<div id="section_container">
<div class="section">
<div class="section_title">1. section 1</div>
<div name="expanded" style="height: 230px; display: block;" class="section_content" id="section1">

</div>
</div>

</div>

This code may have some unused code as i made this very quickly and didn't optimized later. Please do so as a self service :)

If your looking for an independent plugin, not interested to make your own, then use the following links:
Jquery accordion
or
jquery accordion 2

Freelancer.com logo contest top 10 finalist announced

noreply@blogger.com (Rana) — Wed, 24 Feb 2010 22:03:34 PST

The closing time is very near for freelance.com logo contest. The winning logo designer is going to get $10,000 USD as the grand prize. few days ago, top 25 contestants were announced. now top ten are announced. contestants are very exiting at this moment, i guess. I also wish if I were a designer :(

Another good news is, one top ten finalist is from Bangladesh, my country. His username is "vergevision". My best wishes to him. Also, if this contestant wins, then Bangladesh will be one of the favorite country for the buyers for recruitment.So, if you are from Bangladesh or at least want to help Bangladesh to be developed in this outsource world, please register at freelance.com and vote for this freelancer.

To know about freelancing read work from home. Also, to know about various sites that give the freelance work opportunity,also pros and cons of them, read best freelance websites.

Paypal crazy hours & wishlist

noreply@blogger.com (Rana) — Tue, 24 Nov 2009 21:08:04 PST

Paypal recently started new offer.

one is award for crazyhour shopping.

Another is they made a facebook application where people can make their wish list & earn $1 for the wish list. everybody is eligible to make only one wish list. but with this, they can refer other peoples also and earn for the wish list made by the people they refer($1). In this way, each people can earn up to $100 MAXIMUM. There is nother restriction on wishlist progrma, not all can participate. Only people from eligible countries can earn money from this program, however others can also use this program but won't earn money. The countries are:

India, Thailand, Malaysia, Korea, Vietnam, Philippines, Indonesia And Singapore.

If you are from the above countries, jsut go to the program & enjoy.

If you are new to oneline transaction & payment processor, you can read my previous post to learn about them.

How to Create a Perfect Click Event Using Jquery

noreply@blogger.com (Rana) — Tue, 05 Jan 2010 21:59:42 PST

I was working in a simple interactive form where when a text field get a certain value , the checkbox next to it will be checked, text box will be disabled, also, upon clicking the chekbox will cause the same operation. i first completed the checkbox click operation first. now i had 2 ways-
* make the operations in a separate function & then call it upon text box get the certain value & also check the checkbox manually by code.
* simply generate a click event on the checkbox.
* while trying the second way, i fall in a problem. when we actually click a check box, its first render the checking/unchecking operation & then execute the click event handler. but in case of the manual genration of event, casing reverse, first executing the click handler & then checking uncheking it. then , specially for my problem, as it will be checked for sure(as text box is enabled), i used the following solution:
$(check box-selector).attr('checked','checked').click().attr('checked','checked'). and i got my expected result.

Obviously, for other input elements, this problem shouldn't be occured as for no other elements we will have to checked a input element's status. Such as for a button to be clicked, we can simply use

$("#buttonId").click() and this will work perfectly and will be caught by right handler on time and no ambiguous situation will occur.

Getafreelancer golden membership update and logo contest

noreply@blogger.com (Rana) — Wed, 24 Feb 2010 22:04:26 PST

Today in the morning, i got an email from the operations manager of freelancer.com(getafreelancer before) with the update of golden member ship fees & project fee. In brief they are as follows:

* golden membership will be now $19.95/month instead of $12(current rate). :(
* Project fee will be cut from project winner(service provider) of amount 3% instead of 0%(before, golden members didn't have to pay this fee,only standard members did). :(
* golden members will get opportunity to update their profile of job category up to 50 categories instead of 25(current).[The only good news for us :)]

They are increasing the fee because of their rapid growth now a days. They are now 800th-900th traffic rank on Alexa. this is the second highest among freelance sites i experienced, just after elance which is 700th of traffic rank, but specially for companies & fees are too high.

Also, the deadline for the logo contest is very near(20th November midnight). If you have design skills, you can register there & submit a design for their logo. The best logo designer will get a $15,000 as the winning prize.

Also, frelancer.com is becoming popular and popular day by day for Bangladeshi freelancers & software companies(i have seen a lot of companies from Bangladesh growing through getafreelancer in the last 1 year).

Another major benefit is that, it now supports portfolio system only for 'golden members'. They have added a new tab in the account management section, where golden member can upload screen shot, categorize & add description of their works in a full portfolio style. These will be also visible on bid page.

Although the fees are increased, but still, its the lowest fees i have seen on freelance sites than other popular sites like elance,odesk,rentacoder etc. So, wish freelancer.com a best wishes, hope this grow more and more day by day. Also, don't forgot to checkout my gaf profile so that, if you are looking for web development service related to my skills, hire me on freelancer.com!!!!!

Zebra stripping simple css issue

noreply@blogger.com (Rana) — Sat, 14 Nov 2009 21:14:44 PST

I was making a table rows with zebra stripping style. With the features that, hovering a rows, will change the row color. But, surprisingly my code wasn't working while my js code was perfect like follows:

$(document).ready(function(){
$('.strip tr').mouseover(function(){
$(this).addClass('over');
})
$('.strip tr').mouseout(function(){
$(this).removeClass('over');
});
$('.strip tr:even').addClass('even');
});

the style was as follows:

tr.over td{
background:#993399;
}

tr.even td{
background:#e9e1cb;
}

it caused me headache , why isn't working. At last, i found the problem. this is . "MY CSS STYLE ORDER WASN'T CORRECT". That means, when a jquery function is calling like $('.strip tr:even').addClass('even'), it assigns the class & then render all styles associated with this element. And as css is rendered in interpretation mode(last style shows always among all conflicting styles), so, every time mouse is over a row, it is assigning the class 'over' & then renders the style-sheet, as a result styles of 'even' class is rendering last & getting that style always & the hovering effect wasn't showing at all. just by reversing the style-sheet as follows:
tr.even td{
background:#e9e1cb;
}
tr.over td{
background:#993399;
}

gives the expected result. This reminds me & taught me a lession that we also always need to be aware of styles ordering.

Win 5000 from MONEYBOOKERS

noreply@blogger.com (Rana) — Thu, 10 Dec 2009 01:52:28 PST

Moneybookers have started a new offer. Now they are close to 10 million customer, so they are intended to award one of their affiliates an one time award of 5000 EUR , who refers the 10 millionth customer.

If you don't know, i will like to show you some points/features moneybookers have:

* They are the only online payment system, by whom you can send money to someone that doesn't have a moneybookers account yet, as long as he is owner of an email address.

* You can send sms to any mobile in the world from your moneybookers account with a low fee.

* Moneybookers is the only best alternative to paypal till now.

* moneybookers send money to bank account according to swiftcode, so its virtually supports all over the world as long as your bank has a swift code.

* Moneybookers fee is much much lower than paypal.

* Most of the online renowned business like ebay accepts moneybookers as like paypal.

* Another feature, that isn't launched yet, but will be soon, is 'pre-paid debit master card' to withdraw your moneybookers cash from anywhere in the world from master card supported ATMs.

* They are on twitter now, so you can get various updates about them by following them, follow them here:
http://twitter.com/moneybookers

So, if you don't have a moneybookers account, you can get one & have a try. ALso, if you join now, you can be also be the part of the affiliate promotion & have a chance to win 5000 EUR. You can see more info about this current offer here:
http://www.moneybookers.com/ads/10million/?rid=14057097

if you read few lines, you will find a point like as follows:
"f you bring us the 10 millionth customer you will enjoy €5,000 directly placed in your account, a personal account manager and a free Moneybookers MasterCard® prepaid card - which you can use to treat yourself or your loved ones for Christmas!"

which ensures the master card's launching very soon. lets join moneybookers, make a competitor so that all online transaction fee becomes lower & we can be a proud part of online business.

Database Queries those are needed often

noreply@blogger.com (Rana) — Tue, 03 Nov 2009 04:41:32 PST

hi, I often need some queries that forgot all the times & had to search & invented newly again. I am posting here some of them so that i can get help from myself in future :)

Add Unique key to a table:
Alter Table tblName ADD CONSTRAINT u1 Unique(Column1,Column2..)

Remove Unique key from a table:
Alter Table tblName Drop CONSTRAINT u1

Update more than one tables by joining:
Update tabl1 inner join table2 on table1.Column1 = table2.Column2 Set tbl1.Column2='test',table2.Column3='test2'

merge two or more column of two ore more different table in a single column:

SELECT column1 as c1,column2 as c2 FROM tbl1
UNION SELECT column1 as c1,column2 as c2 FROM tbl2;

Aktel Edge Internet speed is better than Grameen Edge!!!!

noreply@blogger.com (Rana) — Fri, 23 Oct 2009 07:29:14 PDT

May be its not true for all places in Bangladesh, but definitely applicable to my area, kathalbagan,dhaka.

This blog post is for bangladeshies only, specially people using internet through mobile network, those resides around kathakbagan,boshundhora city.

I was using grameen edge for almost a year. while i was in firmgate, was getting enough speed to work with. but, as soon as i moved to kathalbagan, i started getting very very low speed from gp edge internet. So, i got upset & tried to find some ways to get rid of this situation. At last, i found the solution, invented that here aktel network is much better than grameen. Now, I am using aktel edge internet & getting much better speed.

Tips on Html/CSS programming

noreply@blogger.com (Rana) — Fri, 25 Jun 2010 09:46:22 PDT

Here are some very small tips that will help you a little upgrading on your coding standards with html/css, may be you already know most of them :).

* You can use "@import" instead of "<link ". The diference is, css that are imported using @import won't be save to client machine using browsers "save as" option. They must have to save them individually. So, a man without basic html/css knowledge won't be able to get them.

* If you have many css files for various functionality, then instead of import them all to the main template/page, you can import only one css that imports all others. Like you only import allcss.css file and this file contains code like follows:

@import layout.css
@import style.css
@import plugin.css
@import other.css

This has one disadvantage also. This makes the the browser cache the files, so if you are in development mode, this will happen worse for you as you will not be able to see new changes just after reloading the page. so, its better to develop using <link tag and change to @import while production made as that will give visitor better performance because of caching strategy.

* You can use if else condition on CSS Style sheet for using liquid design for your site that will keep standard ratio on various monitors & screen resolution like follows:

body
{
width:expression(document.body.clientWidth > 1200? "1200px": "auto" );
}

expression attribute can use javascript condition code to get you an result.

Image Insertion and Retrieve From Access DB Asp.net/C#

noreply@blogger.com (Rana) — Tue, 06 Oct 2009 20:41:05 PDT

I was having some trouble doing insert/update image or other binary data to access database using asp.net/c#. At last successfully accomplished it and learned some important tips that I want to share with you all.

Uploading Image to Access Database using Asp.net/C#:
At first You must have to have a Database table field of type 'OLE Object'. now come to the c# coding part:

First get the info you need to store. You can store only the image instead of its type if you know the type of the image being uploaded. But its wise to store the type also. After file posted from the fileupload control, get its size,type & convert the posted item into byte stream.

int imgLength = uploaderSignature.PostedFile.ContentLength;
byte[] data = new byte[imgLength];
string type = uploaderSignature.PostedFile.ContentType;
uploaderSignature.PostedFile.InputStream.Read(data,0,imgLength);

then make a connection to the access database. If you are having proble with making the connectionstring, visit www.connectionstrings.com . Here I used OleDB connection:

System.Data.OleDb.OleDbConnection ob=new System.Data.OleDb.OleDbConnection();
ob.ConnectionString = @"Provider=Microsoft.Jet.OLEDB.4.0;DataSource=|DataDirectory|\ApecDB.mdb;";

Now create a command and add input parameter. Important thing to remember here, you can't insert the binary data using plain/string type sql query like

myCommand.ExecuteNonQuery("Update tblCompany SET "+column+"="+data+","+column+"_type="+type); this won't work at all. You must have to use parameter based command as like follows:

OleDbCommand myCommand = new OleDbCommand("Update tblCompany SET "+column+"=@img_stream,"+column+"_type=@img_type", ob);
// Mark the Command as a Text
myCommand.CommandType = CommandType.Text;

OleDbParameter img_stream = new OleDbParameter("@img_stream", OleDbType.Binary);
img_stream.Value = data;
myCommand.Parameters.Add(img_stream);

OleDbParameter img_Type = new OleDbParameter("@img_type", OleDbType.VarChar);
img_Type.Value = type;
myCommand.Parameters.Add(img_Type);

Then, its quite simple. open connection, execute query, close connection. If rows affected, then query successfull, return true, otherwise return false.

int affectedRows;
try
{
ob.Open();
affectedRows = myCommand.ExecuteNonQuery();
ob.Close();
}
catch (Exception exc)
{
return false;
}

if (affectedRows > 0)
{
return true;
}
else
{
return false;
}

Retrieving Image from Access Database using Asp.net/C#:

Retrieving image is quite easy compared to saving after using normal select query you have to define the content type & cast the data to byte & write it as Binary stream as follows:

Response.ContentType = dataRow["img_type"].ToString();
byte[] imageData = (byte[])dataRow[0]["img"];
Response.BinaryWrite(imageData);

You will find a working example on the following link that I found elsewhere:
http://rapidshare.com/files/289324545/InsertShowImageAccessDatabseAsp.netC_.rar.html

Also Remember:
* all image type isn't supported, so sometimes some are saved as "application/octetstream". they won't be retrieved in normal ways. You have to make a bitmap object from those kind og images & save them to database for retrieving them well. The follwing code snippet will show you how to make new image of another type:

Image originalImage = Image.FromStream(stream,true,true);
Bitmap targetImage = new Bitmap(originalImage, width, height);

with it, you can also resize an image to another size with custom width & height.

Right mouse click problem with firefox 3.5

noreply@blogger.com (Rana) — Mon, 05 Oct 2009 02:12:17 PDT

I upgraded my firefox to latest 3.5.x version. But, from after upgrading it, I got a problem, right mouse click doesn't work. After a while, I found the solution. The problem was causing by one addon which is 'yahoo toolbar'. after uninstalling it & restart my browser, it started working again perfectly. Thinking, yahoo toolbar need to be upgraded to be compatible with latest firefox or need vice-versa, :) ?

Google Analytics, Best free tool to analyse your website/blog

noreply@blogger.com (Rana) — Fri, 02 Oct 2009 00:24:01 PDT

If you are an owner of a website(s) or blog(s), then you must want to be able to check your sites daily/monthly/yearly statistics about how many visitors visit your site/blog, which keywords brought them to your site or which referring site they are from. If you are an adsense publisher, then you also may want to know, how your adsense earning is going on etc. There are a lot of sites(paid/free) for this kind of services. But, according to me, google analytics is the best tool ever than all others.

Google analytics has a lot of options and ways, you may want to see your report as like. You can add as many sites/blog to your single analytics account. you can link your current google account to sign up for analytics account.

This will give you individual reports for direct traffic, referring traffic, search engine traffic, most driven keywords, content overview, map overlay,visitors overview, site usage, etc. There are also reports on average time a visitor stays on your sites, individual page views, average pages per visit, bounce rate(that rate at which visitors leave your site without visiting other pages) etc.

Newly added feature is, if you are an adsense publisher, then you can also check your adsense statistics right from your analytics account.

All these upgraded & exclusive features, moreover free, you should must be attracted to make an account. to set up the account, first signup. Then on setting page, click add new profile. there you can add existing domain or a new domain. after that you will get a javascript code snippet. copy that code & paste on your sites template right before end of the <body> tag. You are done. Now on your analytics page's edit profile option, click 'check statistics' & you will be shown your current status. If the code is installed correctly, you will be able to see statistics in 1-2 days.

If you want to learn more & more details in a descriptive way, then you can buy a book on analytics, here is link for one that you can buy from amazon:

Now, enjoy your analysis on your sites/blog.....

SVN Basics

noreply@blogger.com (Rana) — Fri, 25 Jun 2010 10:19:11 PDT

To work on a project, SVN is best recommended for sub version. But at the beginning to work with SVN, some may fall in trouble to understand the basic terms. For those, here are some basic description about them:

IMPORT: To add a new project to svn repository(database).

EXPORT: Retrieve the project from svn db without svn meta data files, that means the final versions of the project.

CHEKOUT: to get a latest updated working copy of source code of the project.

UPDATE: to get the latest update from the server to your working copy of files. This is important when working on same source file by many coders. missing of update can cause source conflicting...

COMMIT: to save your changes on server. You should have your source code version with latest version before making changes & commit to avoid source conflict.

To work with SVN, you requires a server that if you are working alone or another pc on network. SVN supports many ways(http,ftp,https,LAN)to work with. If you are a .NET developer, then you can also use visualSVN with SVN for more comfort, although its not free while SVN is free. Basic steps to work are as follows:

* Download & install SVN from here http://tortoisesvn.net/downloads.
* Make a folder as Repository(that may also be called as a Database).
* add the required files to subversion using right mouse click options.
* use commit option to commit the files.
* Periodically update & commit of working files.

to work a single file among multiple coders, use 'get lock' option befor changing & commiting a change of yours. if you want to use a previous version, use 'update to revision', 'show log', 'revert changes' etc options that matches your requirements. You can also use tortorise CVS which is the very basic version of SVN.

If you are interested to know more details in deep & want to expertise it very fast, you can buy a book on this & read that through. here is one that I recommend most that you can buy from amazon:

Ajax file uploader using Jquery

noreply@blogger.com (Rana) — Wed, 30 Sep 2009 02:38:17 PDT

I found this plugin for jquery while ago. You can visit this plugin's home page at:
http://www.uploadify.com/.
Its not actually not total jquery/ajax based. It uses flash .swf for filereference & upload progress, so without flash player on browser it won't work. Anybody who knows actionscript, can do this by him/herself easily , but this plugin will save their time to implement. it has multiple file upload features with customizable stylesheet. I used & liked it very much.

Scrollpane using Simple JQuery with mouseover/click event

noreply@blogger.com (Rana) — Wed, 30 Sep 2009 02:42:24 PDT

If you are looking for a script that causes contents to scroll on mouseover/click event , then its a simple tutorial, which you can extend more as per your requirements. The html markup is as follows:


<div id="scrollPane">
<div id="scroll_content">

Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code
Javascript Scrollpane tutorial code

</div>
<div id="arrow_container">
<img id="uparrow" src="images/up.jpg" alt="up arrow" />
<div id="verticalGap"></div>
<img id="downarrow" src="images/down.jpg" alt="down arrow" />
</div>
</div>


the main function that responsible for all actions are as follows:

function ScrollPane(width,height,speed,mouseOver)
{
var NAV_WIDTH = 20, NAV_HEIGHT=28, H_TOL=20;

var y, diff,
container=$("#scrollPane"),
content = $("#scroll_content"),
nevigator=$("#arrow_container"),
upArrow = $("#uparrow"),
downArrow = $("#downarrow"),
verticalGap = $("#verticalGap");

container.css('width',width);
container.css('overflow','hidden');
container.css('position','absolute');

nevigator.css('height',height);
nevigator.css('width',NAV_WIDTH);
nevigator.css('float','right');

verticalGap.css('height',height-NAV_HEIGHT);

y = content.attr("offsetTop");
content.css('top',y);
content.css('position','absolute');
content.css('width',width-NAV_WIDTH);
content.css('z-index',1);
content.css('z-index',2);
diff = y-content.attr("offsetHeight")+H_TOL;

if(mouseOver)
{
upArrow.bind('mouseover',GoUp);
upArrow.bind('mouseout',Stop);

downArrow.bind('mouseover',GoDown);
downArrow.bind('mouseout',Stop);
}
else
{
upArrow.bind('mousedown',GoUp);
upArrow.bind('mouseup',Stop);

upArrow.bind('mousedown',GoDown);
upArrow.bind('mouseup',Stop);
}

function GoUp()
{
content.animate({top:(y)},10000/speed);
}

function GoDown()
{
content.animate({top:(diff)},10000/speed);
}

function Stop()
{
content.stop();
}
}

Now, initialize it on page load like as follows:

$(document).ready(Initialize);
function Initialize()
{
//The settings that you can change
//width= The width of the area you want to made scroll
var width = 300,height=200,speed=5,mouseOver=true;

var test = new ScrollPane(width,height,speed,mouseOver);
}

This is a very simple example, you can extend it, modify as like you want & very easy to understand. So, hope this will help you.

12 hours AM/PM format input mask using javascript/Jquery

noreply@blogger.com (Rana) — Fri, 09 Oct 2009 00:37:04 PDT

For this task, I have used & extended a jquery plugin its jquery.maskedinput-1.2.2.js. You can see its more versions here:

http://plugins.jquery.com/node/104/release

It has its support for number masking like "99:99". To make it more meaningful with time mask in 12 hours AM/PM format, I have added some definitions like follows:

$.mask.definitions['g']="[ ]";
$.mask.definitions['h']="[aApP]";
$.mask.definitions['i']="[mM]";
$.mask.definitions['2']="[0-1]";
$.mask.definitions['6']="[0-5]";

Then the mask expression will be:
myMask = "29:69ghi";

$('#textBoxId').mask(myMask);

There, user will be forced to input a 12 hours format time like "11:19 AM". You can also, make your own definitions & use it as you like.

If you are having trouble to convert a 24 hours format into 12 hours am-pm format, then the following code snippet will help you to do this, very simple:

var time24HoursFormat = "17:30";//24 hours time to convert
var dateTime = new Date();
var splitted24Time = time24HoursFormat.split(":");
dateTime.setHours(splitted24Time[0].toString(),splitted24Time[1].toString());
alert(dateTime.toLocaleTimeString());
//give alert with 12 hours format time.

Update Image on PostBack

noreply@blogger.com (Rana) — Wed, 30 Sep 2009 02:57:04 PDT

I was working on a uploading script in asp.net. In asp.net its straightforward & easy and also I am not writing on uploading issue. Its about image refresh. When I click upload, it causes a postback, uploads the selected image , but on page, it still remains the past image. To recover from this problem, you have to do a simple thing, wither from server site script or client site(javascript). In asp.net/c#, its as like follows:

imgLogo.Src = "~/pages/images/testLogo.gif?"+DateTime.Now.Second.ToString();

call this after the uploading script. For doing this in javascript, simply call a function on page load which will set the src attribute like as follow:

tmp = new Date();
imageUrl = "pages/images/testLogo.gif?"+tmp.getTime().toString();
document.getElementById('imgLogo').src = imageUrl;

You will always get updated image. This appended timestamp causes browser each time to load the image again rather than load from cache.

Dynamic GridView/ItemTemplate with C#/Asp.net 3.5

noreply@blogger.com (Rana) — Wed, 30 Sep 2009 03:12:30 PDT

Sometimes, it may be a requirements to create dynamic asp.net controls to be added on page. Gridview is such one control that is often required to show data in a defined format. Here is the code for this to be accomplished.

//create a gridview object
dGv = new GridView();

//create a template field to contain the checkbox control
TemplateField template = new TemplateField();

//mytemplate is customized class for adding checkbox that implements ITemplate(required)
template.ItemTemplate = new MyTemplate();
dGv.Columns.Add(template);

//create a button & add it to gridview
ButtonField btn = new ButtonField();
btn.ButtonType = ButtonType.Button;
btn.Text = "test button";
dGv.Columns.Add(btn);

//get a simple table to be bound
dGv.DataSource = MyTable.SimpleTable();
dGv.DataBind();

//add gridview to page
Page.Form.Controls.AddAt(0, dGv);

//add an EventListener after postback
dGv.RowCommand += dgv_RowCommand;

Here MyTable.SimpleTable() returns a data table. it may either a data table from your database or a dynamically & melodramatically created.

A little tricky part is the itemp template creation. You need to creat your own class that implements ITemplate(an interface). Here is a simple example:

public class MyTemplate : ITemplate
{
public MyTemplate()
{
}

//required function to be implemented
public void InstantiateIn(Control control)
{
//add the checkbox to template
CheckBox chkbx = new CheckBox();
chkbx.ID = "chkbx";
control.Controls.Add(chkbx);
}
}

If you have a button/url link on your grid (in this example, a button column exist), the last line

dGv.RowCommand += dgv_RowCommand;

adds a handler. You can handle it as follows:

protected void dgv_RowCommand(object sender, GridViewCommandEventArgs e)
{
//get the row no that caused the postback
int i = Convert.ToInt32(e.CommandArgument);

//check each checkbox whether they are checked
int count = 0;
string test = "";

//iterate every row
foreach (GridViewRow row in dGv.Rows)
{
//work with controls & cells
CheckBox temp = row.FindControl("chkbx") as CheckBox;
test = row.Cells[0].Text;
if(temp.Checked)
{
count++;
}
}
}

You can extend this simple example to fullfill your needs.

Flash-PHP communication issue

noreply@blogger.com (Rana) — Thu, 10 Dec 2009 06:28:20 PST

Now a days, flash contact form are very much available. The UI,captcha etc are made are made in flash, validation can also be done using actionscript without any help of javascript and then upon a submit button click, flash submits the data to a server file(like php). I was doing exacltly same thing. Then I fell in a problem with flash - php communication. To send data from flash to php we, usually use

loader.dataFormat = URLLoaderDataFormat.VARIABLES;

where loader is an instance of URLLoader Class. Sometimes it works, sometimes not. SO, many developers got confused.

In some cases, one problem occurs(That I faced), when php sends back the response to flash(as an acknowledgment whether data was submitted successfully or not), it encode the data in variables format, some of them, flash/actionscript can't understand. So, its better to use URLLoaderDataFormat.text than the above to make the communication bug free. This is usually helpfull only when you are communicate from flash to php and most of the times, we need communication in this direction.

IE cache problem in ajax operation with Jquery

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 00:33:00 PDT

I was working with jquery's load function which uses ajax to load remote url. It was working fine in firefox & other browsers, but was causing problem in internet explorer. IE caches the result of first load & repeats it even if the remote informations have been updated. later i have solved this problem by using optional parameter 'cache' setting to false like as follows:

$('#id').load('remoteurl',{cache:false});

And the problem was gone.

Free Ftp solutions for developers

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 00:55:12 PDT

For webmaster, web developers, connect to ftp server is very common. I am using two that are good to me always:

1) Fireftp: This is specially for firefox users. This is an very good lightweight addon, that can give you full ftp features while you are on firefox. Its also works very very well without any trouble.

2) Filezilla: This is another ftp client desktop application. that is mostly used by free users. Its also fully featured.

Forex Learning Guide for Beginner

noreply@blogger.com (Rana) — Wed, 25 Nov 2009 19:35:52 PST

This is for those who are new in forex trading platform. You can get a free ebook to start learning how to do forex. This ebook is from etoro, one of the most popular trading platform now a days. You can download the guide from the following link:
www.etoro.com/learn/eToro-Forex-Trading-Guide.pdf

If you don't know what is forex, learn it from my previous discussion.

div height in ie is minimum 20px

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 01:01:10 PDT

I was just trying to make a small div of 7px. It was done perfectly in firefox, but in ie, its taking minimum 20px always, although i am giving it a size of 7px. I was just got confused about this problem. Later i found that, in ie 'line height', 'fontsize' are kept a minimum size, for which div isn't going smaller. After just setting this two attribute to 0px size, I got the result in ie also. Nice, huh....

Microsoft's New Search engine Bing

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 01:03:17 PDT

Microsoft released new search engine named 'Bing' which is replacing their current search engine 'live search'. According to their bing developer team, It has some special features like:

* Instant Answers: finds specific answers to informational queries, e.g. "What is 55F in Celsius" offers rich media and structured data and a general search term like "weather" yields a 5-day forecast for your location.
* Preview: enables searchers to find out more information about a site by previewing individual results on the results page to reduce back-and-forth searching.
* Best Match: delivers results with deep links and highly relevant information to help searchers to get the right information faster.

Hope it will be a new glorious service added to microsoft. Try out this new search engine here. Also if oyu try to open live.com you will be redirect to this new bing.com site.

All in one Solution For Email Sending Using PHP

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 01:10:01 PDT

Email sending requirements is very usual for most of the web applications. Also, PHP give us a very flexibility to send email, a simple mail() function is enough for sending email, where php uses its local server to send email.

But, often a big problem arise that, mails are sent to spam/junk instead of inbox and sometimes even don't reach.

The problem is the server that the email are sending from. Many servers/hosts are one another's black lists why they don't accept email in inbox from those sites. even, if you r sending from a valid host & using "From" attribute to a email domain that's not valid, even then this problem will arise.

The best way is to send emails using smtp servers. Also, sometimes attachments,ssl security, pop3 access to get emails etc are required.

To reduce the coding complexity, a small email library have been developed that is named & known as "phpmailer". You can download from Sourceforge.net web site along with library files & documentations. The documentations are very easy to understand & a lot of examples are also exist. You can also make a custom bulk email sending solution application using this library.

Here is an example code that uses phpmailer class gmail smtp service to send email. For this code to execute you need to have two class files, class.phpmailer.php & class.smtp.php:

include("class.phpmailer.php");
include("class.smtp.php");

$mail = new PHPMailer();

$body = $mail->getFile('templatefile.tpl');

$mail->IsSMTP();
$mail->SMTPAuth = true;
$mail->SMTPSecure = "ssl";
$mail->Host = "smtp.gmail.com";
$mail->Port = 465;
$mail->Username = "yourusername@gmail.com";
$mail->Password = "yourpassword";

$mail->AddReplyTo("yourusername@gmail.com","Name");

$mail->From = "name@yourdomain.com";
$mail->FromName = "First Last";

$mail->Subject = "PHPMailer Test Subject via gmail";

$mail->WordWrap = 50; // set word wrap

$mail->MsgHTML($body);

$mail->AddAddress("whoto@otherdomain.com", "Send to Name");

$mail->IsHTML(true);

if(!$mail->Send()) {
echo "Mailer Error: " . $mail->ErrorInfo;
} else {
echo "Message sent!";
}

Notice that, with the $mail->AddAddress() function, you can add many email adresses to send same email at once.

JQuery Basics, For Beginners

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 01:11:56 PDT

JQuery is a javascript-library that is very very useful & help us to do more with less code. It easier the use of DOM(Document Object Model) to work with various elements on document. Another most useful feature is that, it has cross browser compatibility, that is a big plus, we don't have to think, will a function will work on all browsers or not. We can simply use this and be confident about the compatibility with browser saving the time to test them on all browsers. If you don't have it yet, you can download it from JQuery Website. Always use uncompressed version rather than minified version.

There is an root factory function $(), that has a huge use. You can use it to select any element from the document with css selector notation. Like $('#idname') will select the element that has the id as 'idname'. Again, $('.classname') will select all elements that has associated with the class 'classname'. Like these, you can use most of the css notation that is w3 complaints. This helps us to select elements from document a lot.
You can change visual style of an element easily with jquery. Like, $('#idname').addClass('classname') , it will apply The styles of 'classname' to the element with id named 'idname'.
If you want to do something on body onload event, then you can do it easily with jquery library with simple code in your .js file like:
$(document).ready(functionName);
function functionName()
{
alert('Hellow World');
//do something
}
You can register event to a element event very easily like as follows:
$('#home').bind('click',LoadHome);
function LoadHome()
{
// do something
}
You can use ajax technology lot more easier with help of jquery without writing big code. Simply
$('#center').load('template.php');
This will load template.php in the element id named 'center' with a ajax request. If you want to do something when ajax request starts or stops, you can also do that by using following functions:
$('#center').ajaxStart(ShowLoading);
$('#center').ajaxStop(HideLoading);
function ShowLoading()
{
$('#center').addClass('loading');
}
function HideLoading()
{
$('#center').removeClass('loading');
}

now if that class has som definition of background animated images, that will be shown up at the start of ajax request & will be hidden when ajax stops/response arrived.
JQuery also helps lot on many more sections like:
* Pagination
* Image gallery
* banner rotator
* form validations etc.

Convert Normal Image to Transparent Image Online

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 01:20:33 PDT

I got another great site for this kind of free service. I needed to make an image transparent. I didn't have the .psd files also didn't have photoshop software installed. I started getting help on internet & amazingly found a site that is giving this servoce for absolutely free. You can also make your existing any image to transparent one from here:
http://stuff.mit.edu/tweb/map.html
You have to enter the image url first(You won't have option to upload, only url). Then , you will be asked to choose a color that you want to make transparent and you are done. They will provide you the resultant image.

I won't say that the quality of the resultant image is "excellent", but its fair enough to continue simple works in case of emergency.

Online Free File Type Convertion Tool

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 01:22:42 PDT

I had face a simple problem. I got a file of .docx format & i actually need in .doc format as I don't have office 2007 installed right then. But the requirement was urgent. So, i tried to find some online help. I found a lot of software that converts, but all requires to buy, no free software. Then I found a blog where one suggest a site named http://www.zamzar.com, which provide this service for free.

I went & find it true. I didn't even had to sign up, just uploaded file, gave my email address & submitted & I got my file within 5-7 minutes(although they told it may take up to 24 hrs). This time can be also reduced by signing up with them. That actually doesn't matter to me as i got my file without doing that. If you are facing such kind of problem, then you may get help with this site. It supports a lot of formats to convert.

Output CSV Data From PHP

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 01:24:09 PDT

Its quite easy to accomplish this task. One main point that you have to remember, to out put a specific kind of data , you must have to set header for that kind of data. For csv file, it will be like this:

<?php
header("Content-type: application/octet-stream");
header("Content-Disposition: attachment; filename=\"testexport.csv\"");
?>

Now You have to simply echo the data you want to export:
<?php
echo "test data";
?>

Another point, that is important for csv data is 'delimeter'. As you will may want to see the data in ms xl, you should use standard delemeter. If you don't need to see it & you will need to import it to mysql database, then you can use your self-defined delimeter & set it on phpmyadmin. By default, standard delimeter to goto next column is "," symbol & standard delimeter to go to next row is "\n". So if you echo data like this:

<?php
echo "test1,test2 \n test3,test4\n";
?>

Then, you will see 2 rows & 2 columns on ms excel.

Another hint, if you have an array & want it to export as .csv, then use implode() function to insert "," or "\n" after all member elements of the array.

Top Best Freelance Websites

noreply@blogger.com (Rana) — Wed, 24 Feb 2010 22:06:43 PST

Here I will try to make you familiar with some freelance websites, that are exist around the internet now a days, and sure good ones:

1. FREELANCER.COM: This is the best freelance site around the internet according to my opinion & experience. This is because of many reasons, members account management system, project posting, reliability to work & get payment, low rate, etc. I will always suggest you to work here if possible, although at first, its a little tough to manage a project at first as there is a good contest between providers. But there is a good scope also. The projects, that are posted for free, is only for the beginner providers, no experienced providers(with feedback) can bid on those, so you always have an equal opportunity as others to prove yourself in these projects.

2. ODesk: This is a site, which each very suitable for you, if you want to work at hourly rate. They have client application to record provider's work-log & keep screenshot for buyer, that will assure about provider's work during the specified time. For this reason, buyer's are also inspired here to hire provider hourly rate. This site also has other fixed priced work as well.

3. RentACoder: This is another popular freelance site, its main feature is that, once you win a project, you can be sure about your payment. Among other sites, this feature is also exist on oDesk, but for only hourly based job. But here, the bid amount is cutout from buyer at the time of assigning the project to you & are kept by the site. After completing the work, on buyer's assurance, you will be paid by the site.

4. ScriptLance: This is the only site, where you can bid a minimum $5 amount. for this reason, several small jobs are posted here very often. Also, there are big projects as well. What is the benefit is, you can have a easy start without much effort with a small project.

There are some many more also like elance,guru etc, but not all sites are suitable for individuals in according to costing and project scope. The above sites are suitable for individuals to accomplish small to medium size projects an less costly in terms of fees.

ExampleTutorial for CSS Best Practice

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 01:30:48 PDT

Here I will discuss about a simple tutorial of how to make a basic layout with css with some good practices.

First thing comes, how should the layout should come, fixed or liquid? Liquide design are always suggested to avoid because of various reasons, so i am simply selecting fixed design.

Choose a height & a width (Here I am using 595px & 1000px respectively). if u give a border of your body & check it, you will find that ie & ff are using different margin value & padding value( specially for top & bottom which are assigned by browser itself if we don't assign). So, its always best to assign a fixed value for margin & padding(normally 0). so use the following code:

html, body, div
{
margin:0px auto 0px;
padding:0px;
}
body
{
width:1000px;
height:595px;
}

if you are decided to use same height & width for all of your design, you can make a file named like common.css , which will be reusable every time in future for other designs.

Now, lets decide about the layout. i am here using a common simple layout which is consists of a header, a footer & three columns in the middle(left,center & right). The html code is as follows:

<body>
<div id="header"></div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
<div id="footer"></div>
</body>

now, for the header part we will use the following style:
div#header
{
width:100%; /* as we already decided the body width, 100% will take the whole & will work very fine */
height:100px;
background:#0099FF;
}

now for left part:
div#left
{
width:180px;
background:#00FF00;
height:450px;
float:left;
}
here hope all have the idea why 'float' is used, its to leave places for other divs. You can also use ul li inline instead of float, as you like. Now for center & right part:

div#center
{
width:640px;
background:#FF0000;
height:450px;
float:left;
}

div#right
{
width:180px;
background:#00FF00;
height:450px;
float:left;
}

At last we got to the last part, footer:

#footer
{
width:100%;
height:45px;
background:#FFCCFF;
clear:left;
}
if you don't use clear:left, ie will give you ok result, but firefox won't as it supposed to be to the right side of the #right div. so we must need to cancel it.

Do you see something strange in this csss code? yes, there is. You will see that #left, #center & #right all have two properties in common:

height:450px;
float:left;

So, if once, somebody tells you to change the height of the middle portion, you have make the change three times on three places. But, we always should try to make our code optimized so that, a similar properties can be changed by only changing on one place. So, write the following code:

div#left, div#center, div#right
{
height:450px;
float:left;
}
and also remove these two lines from all three that was used before.
Remember another thing, css doesn't got compiled, they are just interpreted, that means line by line executing, if anything exists there that browser can't understand, it simply ignores it. Also, if you set same property twice on a css, the last will take effect. To make browser independent, you will have to use css hack often, some issues i have already discussed before.

Use meta keywords on each of your blogger post

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 02:04:57 PDT

While blogging, we always want our content to be reached to as many people as possible. For which, SEO helps us a lot. One of the main strength of SEO is meta keywords & meta descriptions. But, in blogger, we can't create page like wordpress or something. What we can do is only make new post. so, many of us may get in trouble to assign meta keywords and/or meta description on our post.

There is a solution I have found, don't know whether its perfect or more optimized solutions are available. Here is the idea:

you will notice that for each new post at blogger, a new html page is generated(like "post-title.html"). That means you will get unique url for every post although you will not have access to modify all those page(like adding meta keywords). Ok, now you have to add some code on your blogger template. At the header section, write few codes as follows

<b:if cond='data:blog.url == "http://ranacseruet.blogspot.com"'>
<meta content='meta description goes here' name='description'/>
<meta content='keywords goes here' name='keywords'/>
</b:if>

Now the meta keywords & descriptions will be set for your main blog url like here is for mine http://ranacseruet.blogspot.com. Now in the same way, you have to add another checking for another post url & set meta keywords there like follows:

<b:if cond='data:blog.url == "http://ranacseruet.blogspot.com/2009/4/test-post.html"'>
<meta content='meta description of test post page goes here' name='description'/>
<meta content='keywords for test post page goes here' name='keywords'/>
</b:if>

What you have to do, is write this condition for each post & write the meta description & keywords there. Now you can test by checking you main blog url's source code & also go to a specific post & test for that post. You will get perfect result. These meta information will help a lot for SEO. Another thing, try to keep meta keywords up to 3-4 at most, which is the perfect settings for meta keywords.

Using Paging With Gridview Control

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 02:07:19 PDT

you can easily use the paging with a grid view control. To use that successfully, you have to follow the following steps:

* add AllowPaging="true" attribute on your grid view control.
* You can set how many rows will be shown in a page, by default its set to 10.
* you have to implement an event of the gridview control, that's "PageIndexChanging" event. Otherwise, it won't work. You have to use like following code on that event

protected void gridViewControl1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
//Update the page index
ParticipantsList.PageIndex = e.NewPageIndex;

/*requery to database for re-binding the control. usually it can be accomplish
by calling the method that's doing the binding*/
BindParticipantListToGridView();
}

It should work fine now.

Reviews On Some Get Paid to Websites

noreply@blogger.com (Rana) — Thu, 01 Oct 2009 02:09:51 PDT

We always want to earn some money, even when we are surfing internet. Internet also gives us the opportunity to earn some money. But, a lot of scams, frauds make people fear of this sites to invest or waste of money. But, in reality, some sites are legit, really paying, who actually started running these industries and most others just want to get the facilities of these & scam people. As i know some good sites, I am sharing them with you. You even don't need to take this as your part-time job as it will take very less time to spend. Who don't know yet about the get paid to sites, get paid to websites allow people to do some simple tasks & pay for it. But, if you see, you will find that, you alone can earn only very little amount. The main strength to make the earning potential up to a lot is the referral program. If you can refer a lot of people to those get paid to sites , then you can earn a lot very easily without giving much time or investing anything. So, now check the following sites, these all are very long running, legit, trusty websites:

1) Wordlinx:
Type: This is a get paid to click(also known as PTC) & get paid to read emails(also known as PTR) website. You will be paid to click & view on advertiser's website, also to read paid emails.
Why Its Legit: This website is running since 2003. For all these years, it has successfully paid to all its member. It is part of Rogue, a famous company.
Rate of Payment: You will be paid $0.01 for each paid advertisements and also for each email.
Referral Program You will get 5% from your referral earning, will get bonuses on upgrade of referrals. Referral program is 3 levels deep.
Comment: Normally as a standard member, you will get 0-5 ads daily to click & view. But, if you upgrade & become verified for a year(cost $10), you will have potential to get more ads, around 15-20 ads on average, although its not guaranteed, depends on advertisers. Also remember carefully that, this site shows ads often now and then in a day. So, you have to check often to catch them. If you don't have enough resource for collecting direct referrals from the internet, there is a good option for you. You can buy some referral every month(50/per month at most). And as this site has referral program up to 3 levels, you may have a probability to get a strong down line with these referrals.

2) Neobux:
Type: This is the most popular PTC website now a days.
Why Its Legit: Its running from april,2008; Time isn't much long enough to be legit I know, but amazingly it paid around 7 million dollars to its member within this time, which is all the time's record among the whole PTC industries ever. Also it Has members more than 3 millions, which is also another record.
Rate of Payment: You will be paid $0.01 for each paid advertisements.
Referral Program You will get 50% from your referral earning as a standard member & 100% as an upgraded member. You can rent referral if u can't collect them directly. There are much more advanced features for manipulating these rented referrals like recycle, autopay, discount at renting etc. You will find all latest news & features at their dedicated forum, also , you can see other's payment proof,success stories, get help to be succeed etc.
Comment: Normally as a standard member, you will get 4+ ads daily to click & as an upgraded member , you will get 9+ ads. More ads are shown now and then. You have to catch them throughout the day.

3) Matrixmails:
Type: This is a paid to click(PTC), paid to read emails(PTR) & paid to write articles(with given keywords) website.
Why Its Legit: Its running from 2002 & one of the most old get paid to sites. It has been giving a very good service from this long period of time.
Rate of Payment: You will be paid $0.005-$0.01 depending on you membership for each paid advertisements, $0.01-$0.04 depending on your membership for each paid emails.
Referral Program You will get 20% from your direct referrals and it has 6-levels of referral level(20%,10%,8%,6%,4%,2%).
Comment: Bad part is emails & advertisements aren't available all the times. But, good part is that, as they have referral level of 6 levels, you can get a lot more referral earning that u collect directly, just from the activities of your referrals.

Integrate smarty with codeigniter

noreply@blogger.com (Rana) — Sat, 26 Jun 2010 10:32:57 PDT

Go to codeigniter's system/application/libraries directory, paste the 'Smarty' folder with extracted files. now, make a new file named mysmarty.php, write the following code there:

Smarty();
$defaultpath = $_SERVER['DOCUMENT_ROOT']."codeigniter/system";
$this->template_dir = $defaultpath."/application/views/";
$this->config_dir = $defaultpath."/application/views/conf";
$this->compile_dir = $defaultpath."/cache/";
}
}
?>

In case of smarty you have to use $this->mysmarty->display('template.tpl');
Also, if you want to use codeigniter's view function instead of smarty's display function, then add the following function to the above class:

function view($resource_name, $params = array()) {
if (strpos($resource_name, '.') === false) {
$resource_name .= '.tpl';
}

if (is_array($params) && count($params)) {
foreach ($params as $key => $value) {
$this->assign($key, $value);
}
}

// check if the template file exists.
if (!is_file($this->template_dir . $resource_name)) {
show_error("template: [$resource_name] cannot be found.");
}

return parent::display($resource_name);
}

With adding this, you will be able to use $this->mysmarty->view('template'). you don't have to use .tpl every time.

Also be careful that, if you are using shared host, then your $defaultpath won't work as above. then just check your base path & use that instead of above.

Now just go to config folder & open autoload.php. add smarty to auto load so that, you don't have to load it everytime. Now you are ready to use it from your controller.

Basic Ajax, For Beginners

noreply@blogger.com (Rana) — Thu, 16 Apr 2009 00:56:32 PDT

ajax(asynchronous java script and xml) is an asynchronous version of java script. that means, on synchronous request,the full page is reloaded and user has to wait until it loaded. but at asynchronous request, page remains as before when requested and only the portion, that requires changes, is changed after response recievied . Thress basic steps are enough to handle asynchronous request:

* create request object
* send request
* receive response

here is the function that creats & return request object:

function HTTPObject()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}

return xmlHttp;
}

Here is how to send the request:

var xmlHttp = HTTPObject();
var req = "a relative/absolute url";
xmlHttp.open("GET",req,true);
xmlHttp.send(null);

Here is the code snippet to receive the response:

xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
alert(xmlHttp.responseText);
}
}

Just using this basic concept many more complex ajax operations can be achieved. Just try out.

Earn Money By Discussing with other people

noreply@blogger.com (Rana) — Thu, 16 Apr 2009 01:15:41 PDT

As an internet surfer, we always take part to various kinds of forums to discuss, share our opinion, learn from other members articles, helping others also. The forums owner earn money from advertising, adsense etc. But we get nothing to participate except the knowledge.

But, there is a site I just came to know about which gives share of its revenue to its members to participate on quality discussions. These scheme is known as 'paid to post forum'. But also there are a lot of scams out there. But this site, that i am talking about, is really a quality site & running for long days, also have a page rank of 6, which represents its reputation clearly. Moreover, this site has some extra tasks section, where you can earn money by completing various kinds of sponsored tasks.

Basic features:

* Get paid to post quality discussion.
* Get paid to participate on others discussion.
* Get paid to upload photos/images.
* Get paid to complete various sponsored tasks.
* Get paid to participate at Affiliate program.

Embedding Windows Media Player in HTML

noreply@blogger.com (Rana) — Tue, 05 Jan 2010 22:04:05 PST

We can embed windows media player in a html file easily , which can play popular windows media formats as like flash flv player. To do so, we have to use a simple & little code-snippet as follows:

<embed src ="yourvideo.wmv" allowfullscreen="true" width="424" height="344" autostart="false" /> </embed>

With help of this code video file(all formats supported by windows media player) will play very well. But a general issue occurs most of the times. In internet explorer, it works well, but in firefox it start automatically, where we may not want this to be start automatically. Also, behaviour are getting different in cross browser, that is also an important fact. without clicking start. the attribute autostart="false" doesn't work on firefox.

Actually autostart="true/false" indicates whether the sound track should start automatically upon loading or not. A "true" value means it should, a "false" value means it should not. The Explorer's default is "false" while firefox/Navigator's one is "true". The default on the Mac operating system is "false" for both browsers.

Use the following code to work correctly with ie & firefox both on windows. You have to use autostart="0", which is generalized for both browsers.

<embed src ="yourvideo.wmv" allowfullscreen="true" width="424" height="344" autostart="0" /> </embed>

Google Map API basics using javascript-ajax

noreply@blogger.com (Rana) — Mon, 13 Apr 2009 02:03:07 PDT

You can show google map on your website for free. to do and use it successfully on your site you have to do the following steps:

* Register for a key with your domain, its must.
* Load google map api library on your web page as follows:

<script src= "http://maps.google.com/maps?file=api&v=2&key=yourkey" type="text/javascript"></script>

now u r ready to use google map api. take a div on page where you want to load the map like:

<div id="map"></div>

create your own java script code file to write code to use google map api libraries. write this basic code there:

function LoadMap()
{
if (GBrowserIsCompatible())
{
map = new GMap2(document.getElementById("map"),{size:new GSize(650,450)});
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}

*** Remember, you can set size of the div if its visible & that size will be used to load map. But, if you made the div style to 'display:none', then div's size won't be taken by javascript & that will be treated like 0 size & map will be loaded to its default size(500px X 300px). Then you have to pass extra parameter to set the size.

*** Always use GUnload() on body unload event to ensure that, google api resources are released when page is unloaded.
See documentation for all details more advanced features.

Generate manual traffic to your blogwebsite

noreply@blogger.com (Rana) — Thu, 09 Apr 2009 03:25:15 PDT

We all know that, the first step to be an successful owner of a blog and/or website is to get traffic. But this step is quite hard maximum of the time. For this, we always take help of advertising. we have to pay to a website/advertising network for accomplish this.

But there are also way to get traffic without spending any money. these are called traffic exchange. the theme is, if you visit other member's site, your site will be also visited by others. here, you can either bye visits at very low amount of money, or can get credits for your own website/blog.

Among many traffic exchange sites, the best site is easyhits4u. this site is the most popular traffic exchange site. it has a lot of benefits besides getting credits. you can get free banner impressions, bonuses & also $$ rewards for being active surfer. So, as its an way to get traffic & money both. You can just join it and see how easy it is to get manual traffic to your blog/site.

Basic Features:

* Exchange Traffic either 1-1 ration(20 seconds visit) or 2-1 ratio(15 seconds visit).
* Continuous Bonus(including $$) on active surfing(start from only 25 visits).
* Guarantied Reward $0.30 for every 1000 visits.
* Referrals program. Earn credits,money from referrals. Up to 5 levels deep.