আমি jQuery Object Accessors সর্ম্পকে বলব,এর অর্থ থেকেই হয়তবুজে গিয়েছেন এদের কাজ হল
document এর object গুলোকে access
করা।
each():
$(“a”).click(function () {
$("div").each(function (i) {
if (this.style.color != "red") {
this.style.color = "red";
} else {
this.style.color = "";
}
});
});
এখানে আমি নামের একটা link খুজছি যেটাতে click করলে পুরো document-এ যতগুলো div element আছে তাদের সবার color red না থাকলে red কর,আর red থাকলে এদের আগে যে color ছিল তা কর।
এখন আপনার প্রশ্ন হতে পারে document এ ত আরো অনেক link থাকতে পারে তখন?উত্তর হল সে সময় আপনি যদি প্রতিটা link এর id বা class আলাদা করে দেন তাহলে পরবর্তীতে দেখবেন কিভাবে আপনি এই id বা class এর মাধ্যমে specifically কোনলিঙ্ক element কে select করে action assign করতে পারবেন।কি এখন তবুজতে পারছেন jQuery আসলেই সহজ।আসলে jQuery কে বানানোই হয়েছে এই উদ্দেশ্যে ।যাতে খুব কম code লেখে javascript এর অনেক বড় কাজ করা যায়।
আপনি যদি dom বুঝেন তাহলে লক্ষ করলে দেখবেন উপরের এই কাজটুকু যদি করতে আপনাকে হয়ত 10-20 বা আরো বেশি লাইনের বেশি code লেখতে হতে পারে।তার চেয়ে এটা ব্যবহার করা সহজ নয় কি?
size():
$(document.body).click(function () {
$(document.body).append($("
<div>”));
var n = $(“div”).size();
$(“span”).text(“There are ” + n + ” divs.” +
“Click to add more.”);
}).click(); // trigger the click to start

এখানে দেখুন আপনি যখন document.body তে click করবেন তখন
document.body তে আমি $(html) এর মাধ্যমে একটি

element add করছি।তবে এবার করছি একটু ভিন্নভাবে তাই না?একটু খেয়ালকরলে দেখবেন দুটা আসলে একই।এখন ভাবুনতো আমি আপনাকে দেব আর আপনি আমার কাছ থকে নিবেন ,এ দুটার মধ্যে পার্থক্য কি?হা হা হা,একই তাই না?প্রথম আমি element তৈ্রি করে তা document body তে append করতে বলেছি এখন document body তে append করতে বলছি div নামের একটা element কে। তারপর n নামের একটি variable এর ভেতর total document এ কতগুলো div element আছে তা গননা করে একটা integer মান রাখছি size() function এর মাধ্যমে।
তারপর “span” নামের কোন element থাকলে এর ভেতর text এর মাধ্যমে লেখছি div কয়টা আছে।আর সবশেষে আমি নিজেই একটা click করে দিচ্ছি document ready
হওয়ার সাথে সাথে click() এর মাধ্যমে “একে সাধারন ভাষায় বলে trigger করা”।এখন আপনি লক্ষ করে দেখবেন আপনি যতবার click করছেন ততবার একটি করে div add হচ্ছে আপনার document এ, এবং span এর ভেতর লেখাও প্রতিবার change হচ্ছে। সবচেয়ে ভাল হয় আপনি যদি আপনি css এর মাধ্যমে div এর border , color দিয়ে দিলে । এ কাজটি করতে পারেন css এর মাধ্যমে,আপনি নিচের কোডটি head এর মাঝখানে লিখুন।

div { width:30px; height:20px; margin:6px; float:left;
background:red; }
span { color:red; }

length:
$(document.body).mouseout(function () {
$(document.body).append($("
<div>”));
var n = $(“div”).length;
$(“span”).text(“There are ” + n + ” divs.” +
“Click to add more.”);
}).trigger(‘mouseout’);
আসলে length এবং size() এর কাজ একই ।তাই আমি আর বেশি কিছু বললাম না length সম্পর্কে ।তবে এখানে একটা কথা বলি trigger নিয়ে ।trigger ও jquery র আর একটি function. size() এর উদাহরণ এ প্রথম click টা আমি
কিভাবে করেছিলাম? Code এর শেষে click() দিয়ে trigger করে। তাই না? এখানে ও একই কাজ করেছি ।তবে একটু ভিন্নভাবে, trigger function দিয়ে। আমি trigger function এর ভেতর বলে দিচ্ছি তুমি mouseout নামে যে event টি আছে সেটি execute কর প্রথম বার page ready হওয়ার সাথে সাথে ।সে ও তাই page ready হওয়ার সাথে সাথেই mouseout নামের event
টি execute করে ।
And that’s it for today..
one thing again–আমি এই টিউটরিয়ালটা-ও first টিউটরিয়ালটা-r সাথেই লিখেছিলাম। খালি copy-paste করার বাকি ছিল।
and it was last part that was written but now i’ve to write again
for new tutorial
..
And HAVE A GOOD PROGRAMMING

আমি যে উদাহরণ গুলো দেখাব তাতে আমি সম্পুর্ণ কোড দেখাব না।jQuery র কোড গুলো আপনাকে আবশ্যই এর ভেতর tag দিয়ে লেখতে হবে।
Javascript এ যারা window.onload() function নিয়ে কাজ করেছেন তারা হয়ত খেয়াল করেছেন, এর মাধ্যমে কল করা কোন ফাংশন তখনই execute হয় যখন page এর সব object ও content load হয় ।মানে হচ্ছে কোন image যদি কোন কারণে লোড না হতে পারে তাহলে আপনার onload() এর দ্বারা যে ফাংশন কল করা হয়েছে তা আর execute হবে না।jquery তে .ready() function অনেকটা onload এর মত।difference হল এটাতে কোন page এর dom object গুলো যদি jquery হাতে পায় তাহলেই সে তার কাজ শুরু করে দেয় ।আর dom কে আপনি html এর বড় ভাই-ই বলতে পারেন তাই এগুলো একটু তাড়াতাড়ি-ই load হয় ।কারন,আপনি যদি আমাকে বলেন,তাহলে আমি বলব একটি page এ h1 নামের কোন element থাকলে সেটা লোড হতে যদি কোন সমস্যা না হয় তাহলে dom load হতেও কোন সমস্যা হওয়ার কথা না।
আর একটা জিনিস হল ready() function টি আপনার যতবার দরকার ততবার-ই কল করতে পারবেন ।
মাঝে মাঝে $(document).ready() ; কে “ $(); “ দিয়ে replace করে shortcut-এ

$ (function(){ your code here });

লেখা হয়।
চলুন এখন jQuery function গুলোর দিকে নজর দেই
jQuery( html ) / $(html):
ধরুন আপনি চাচ্ছেন user কে তার action এর উপর depend করে কোন লেখা দেখাবেন,যেমন

$(document).ready(
function(){
$("

").appendTo("body");
}
);


এখনই কোন action define করলাম না বুঝার সুবিধার জন্য।এই কোডটি আপনার page এ একটা Hello লেখা দেখাবে।এখানে যা হল,তা হচ্ছে
আমরা $(এখানে html code লেখেছি) পরে তা appendeTo() দিয়ে html body তে add করেছি ।যদিও আপনি html source code দেখলে Hello লেখা খুজে পাবেন না। পরে action assign করলে আরও ভালো করে এ জিনিসটি বুঝবেন আর এর কাজটা দেখবেন কত মজার।
চলুন এটাতে একটা action assign করি

$("

").appendTo("body").click(function(){$(this).text(“jQuery”)});


এখানে আমি যা করতে চাচ্ছি তা হল Hello লেখাটিতে যখন কেউ click করবে তখন একটা function কাজ করুক,এবং ‘this’ means->

“jQuery লেখাটা দেখাও,যেখানে Hello লেখাটা আছে এবং আমরা এ কাজটি করছি .text() এর মাধ্যমে।দেখলেনত কত মজার।এভাবে আরও কিছুদুর এগুলে আপনি নিজেই user এর এক click এ পুরো page এর চেহারা বদলে দিতে পারবেন।এখানে text() এর কাজ নিয়ে আমরা পরে বিস্তারিত বলব।

আমি এই টিউটরিয়ালটা first টিউটরিয়ালটা-r সাথেই লিখেছিলাম। খালি copy-paste করার বাকি ছিল। করব করব বলে করা হয়ে উঠে নাই।আজ করে ফেললাম।

you can find similar post in
beacoder
if you have any question you are welcome…

And HAVE A GOOD PROGRAMMING

somedays ago one of my friends just ask me that did i know how to connect oracle with netbeans ide?I said yes i know.And i have told some about it and i think that will help him,and also i think why don’t i share this topic in my blog,then the others can know it too.So here it goes..

open your ide. then you will see like this

go to databases, then right click on it.
and go to “new connection”

after that

in the name field select  “new driver”

now you will see something like this:

now click on add button and give it the location of  your oracle driver file
for mine it was:
…oracle/product/10.1.0/db_2/jdbc/lib/ojdbc14.jar
after adding this jar file your netbeans will automatically do the rest of the work for you.
Now Driver class:oracle.jdbc.OracleDriver
then look at your database url,it will be look like
“jdbc:oracle:*1:*2:*3:*4″

Now in no.
*1:
try first giving
oci8
if it don’t work with your driver then try
thin
*2:
@localhost
*3:
port number of your server
if you don’t know in which port is your server is active
then see java-oracle
tutorial.After getting the port number write it to in “*3″
*4:
in here you have to put session id[SID] from server.If you don’t know the [SID] then you can get it by following above tutorial

For me it was..
“jdbc:oracle:thin:@localhost:1521:orcl”

Now you have to give the username and password,for which user do you want to connect.
[remember the username and password is for ur database user
e.g like "system","manager" is a user ]
for me i have another user ’saiful103a’ beside system so i give
user:saiful103a
pass:saiful103a
now connect with ur given username
and see the power of netbeans over oracle..

And that’s it

And HAVE A GOOD PROGRAMMING

কিছুদিন আগে আমি jQuery নিয়ে ঘাটাঘাটি করেছিলাম। হঠাৎ মনে হলো যা শিখলাম তা শেয়ার করছি না কেন? এটা করলেত আমারই লাভ
।সোজা কথায় বলতে গেলে আমি চাচ্ছি আমার সীমিত knowledge আমি সবার সাথে শেয়ার করতে।আমার বলার মাঝে কোন ভুল থাকলে তা অবশ্যই শুধরে দিবেন।তাহলে চলুন শুরু করি।

সোজা ভাষায় jQuery আর কিছুই না,javascript দিয়ে তৈরি একটা বিশাল library।মানে আপনি যদি javascript এ নিজেকে বস মনে করেন তাহলে আপনি নিজেই এরকম একটা library বানাতে পারবেন।বিশাল এ কারনে যে এটা এখন শুধু john resig এর না।এটার popularity এতই,যে এটাকে develop করার জন্য সবাই কাজ করে যাচ্ছে।ohhh, sorry আমি কি বলছি আপনাদের? john resig এই library টি তৈরী করেছেন।

যা হোক কথা বেশি বলা ভাল না। চলুন code-এ যাই।
প্রথম কাজ -ত library টা download করা।এটা আপনি কষ্ট করে http://jquery.com থেকে download করে নিন। latest টাই download কইরেন।

এখন আপনার htm file -এ অন্য সব js file এর মত import koren.

এখন প্রথম ” $ ” -র কথা বলি।আসলে এটা দিয়ে jQuery কে বলে দেয়া হচ্ছে কার উপর কাজ বা function effect ফেলতে হবে।
আপনাকে এটা দিয়েই করতে হবে এমন কোন কথা নাই।কারন মাঝে মাঝে আপনি হয়ত আরো library import করবেন,যেখানে “$” use করতে হবে ঐ library-r জন্য, তখন আপনি কি করবেন? এ সময় আপনি শুধু jquery কে বলে দিন তুমি “$” নিয়ে কোন রকম গন্ডগোল করবানা । এর জন্য অবশ্য নিচের মত একটি line আপনাকে সবার উপর লেখতে হবে।


jQuery.noConflict();


এরপর jquery import করে যেখানে “$” use করতেন, সেখানে লেখুন “jQuery”।

এখন first কোডটি দেখুন। এখানে আমি jquery কে বলছি তুমি document যখন ready হবে তখন এর body র background color black করে দাও। কিন্তু javascript ত এরকম কিছু করতে পারে না? তাহলে?একটা question হতে পারে এটা নিয়ে।এটার উত্তর হলো, css পারে।আমরা css -এ কিভাবে body background color দেই?

আর আমরা ঠিক এ কাজটি-ই করেছি উপরে .css() এর মাধ্যমে। javascript dom এর মাধ্যমে আপনি নিজেও এ কাজটি করতে পারেন।jquery ও এই dom এর মাধ্যমে এ কাজটি করেছে।এটাকে আসলে বলা হয় “Document Object Model”।আপনি যদি এটা ভাল পারেন তাহলেই বলা যায় আপনি “javascript ninja”।এটা আসলে বিশাল আলোচনার বিষয়।
আমি আর ওদিকে যাচ্ছি না।
আমার পরে .css() এর আর-ও কাজ দেখব।

আজ এখানেই শেষ করলাম।
And “HAVE A GOOD PROGRAMMING”

————
আমি এই পোষটটা অনেকদিন আগে লিখেছিলাম ।আপনি অরিজিনাল পোষটটা ইচছা করলে নিচের ঠিকানায় দেখতে পারেন।
হঠাৎ মনে হলো নিজের বলগে এটা কপি পেষট মেরে দিই।আর বলগটা আর একটু rich করি।
and just trying to you know what i mean….
http://forum.beacoder.com/viewtopic.php?f=51&t=64&start=0

You’ve already seen a post about captcha.If not i encourage you to see it.Thuough it is pretty simple captcha script.If you try to run that script you will notice that it is not like others where they have different type of background color,different type of font,noise.So in this post i will try to figure that.

First make a file name “captcha.php“

now paste

this code into that file.

You see “LucidaBrightDemiItalic.ttf”.I have this font in font directory.You can use ur font.And that will be your font style of captcha.But remember you have to put font file in the directory or Sub-directory where your php file will stay.

Now include this file in any other php file and make a call with


captcha(4);


here 4 is the number of character you want to show.You can give your length of string.Here we use session to store the captcha string in $_SESSION global array.Since we have to use this later, to check whether the user submit the data or not.So that’s it.
And “Have a good programming“

Tomorrow i was trying to connect my java program with oracle server.It was not easy for me to do this.Since i’m a new learner.I google it about half an hour.I read every page that seems to me helpful.Then i finally got the solution.If i describe you,you will be astonished and will say to yourself it is nothing at all.Then let go…

Check your configuration with mine:
OS: Windows Xp
JDK Version: JDK1.6
IDE: Any ide or compiler will work
Oracle:10g

open ur ide or compiler. now create a new project ‘database’.When you will give ur project name meantime you have to notice that anywhere there is a option that have classpath or not.If there is open your classpath settings.Now add a new class.Locate this class to

…oracle/product/10.1.0/db_2/jdbc/lib/ojdbc14.jar

If you you don’t have ojdbc14.jar then ojdbc[].jar can work for you.Try it.Or you can download it.From oracle website.

ok,now we locate a class that can connect our jdk with oracle.

If you know in which port your oracle server is active then ok,if not
open you command prompt in your windows
now type lsnrctl status
what have you seen.From results you will find

Listening Endpoints Summary…
(DESCRIPTION=(ADDRESS=(PROTOCOL=ipc)(PIPENAME=\\.\pipe\EXTPROC0ipc)))
(DESCRIPTION=(ADDRESS=(PROTOCOL=tcp)(HOST=myhostname)(PORT=1521)))

now we need the name of SID
Now open your sql+ window from oracle
type
show parameter db_name

you will get a value [for me it was oracl]

this.So PORT=1521 is your port no.
Now,In your project creat a new file named ‘database.java’


import java.sql.*;

}
catch (Exception e)
{
e.printStackTrace();
return null;
}
}
};


And that’s it.And it is definitely worked for me.Hope,will work for you too.Have a nice programming.

This semester we are going to do a course named ‘Database System’.Under this course we have to do a database[oracle] lab course.Yes, i was waiting for this course when i first understand what can be done with database.Though i am familiar with mysql but oracle is oracle not mysql.Though my mysql concept will help me to understand.Like, we are going to do sql in first step.And i’ve already completed the half of sql part.Though yet we do not started our lab.And it’s not that so hard.I am loving it.I will post if i came to know new things in it.

I’ve already learned many things after i’ve started blogging.Though some of them i understood but many of them i don’t.Many of them was not just only knowing things ,because those need to examine in a remote server where i always try to find things in my local server.I’ve tried for few free hosting space but they don’t have those things that i need.Though i have tried one.But what happened ,after a few days it blocked my account.what am i gonna do now.Now i have to try, to buy some hosting space for me.

Somedays ago i’ve found a php captcha script from one of my php boss bhaia.But i don’t understand why his script does not work in my local server.But whatever i’ve made one of my own with the help of his script.
You can say it,2nd version of his script for me.

here what i’ve got.

<?php
$im = imagecreate(60, 30);
$RandomStr = md5(microtime());

header("Content-type: image/jpg");
imagejpeg($im);
?>
now name it captcha.php
now if you want to use it in a form or somwhere else you just write this:

<img src="captcha.php"/>

done

sometimes we need to import data from other site though we don’t know when we need to use their data from their site,will this site alive or dead?We can fix this problem via a php function called fsockopen,now i have a script that can work for you to understand more precisely

<?php

$up = @fsockopen("www.wordpress.com", 80, $errno, $errstr, 30);
if($up)
{
echo "WordPress is Alive";
}
else
{
echo "Sorry this site is not available now";
}
?>


that’s it. Now check it out.