DESHI IT: February 2013

Sunday, February 3, 2013

How can u work by class selector?

Now i will teach how can jquery work by class selector...

Syntax:

$(". class name").hide()

Now just copy this code on notepad and see....

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});
</script>
</head>
<body>

<h2 class="test">This is a heading</h2>
<p class="test">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

<< Previous || Next >>

How can u work by id selector?

Now i will teach how can jquery work by id selector...

Syntax:

$("# id name").hide()

Now just copy this code on notepad and see....

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.</p>
<button>Click me</button>
</body>

</html>

<< Previous || Next >>

Saturday, February 2, 2013

First programme in jquery

Please first download this file "jquery.min.js".

Now try it just copy and paste it.....Then see how it work

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

<< Previous || Next >>
This Tutorial written by Md.Tofazzal Haque

How can use event?

All of this you have to use into Document Ready Event

$(document).ready(function(){

// jQuery methods go here...

});

Now i introduced one more event which is used in our event example.

$("button").click(function(){

// jQuery methods go here...

});

<< Previous || Next>>

This Tutorial written by Md.Tofazzal Haque

JQUERY SYNTAX

JQUERY SYNTAX is:

$(selector).action();

you can use it like this:

$(this).hide() -It is used for hides the current element which is select by $(this).

$("p").hide() -It is used to hide all <p> elements.When this function find HTML tag <p></p>,it will hide all element of this tag.

$(".test").hide() -It is used to hide all elements with class="test".

$("#test").hide() -It is used to hide the element with id="test".

<< Previous || Next >>

This Tutorial written by Md.Tofazzal Haque

Install jquery

All of this you have use jquery plugins which contain huge javascript code.
You get it in google search.

There are several ways to start using jQuery on your web site. You can:

Download the jQuery library from jQuery.com
Include jQuery from a CDN, like Google

you can use it like this

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> for google.

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script> for Microsoft .

<< Previous || Next >>

This Tutorial written by Md.Tofazzal Haque

Introduction of jQuery.

Before you start jquery you should have basic knowledge of HTML,CSS and JAVA SCRIPT.
Then i will say what is JQUERY?

Before you start jquery you should have basic knowledge of HTML,CSS and JAVA SCRIPT.
Then i will say what is JQUERY?

JQUERY means JAVASCRIPT QUERY.
Jquery is lightweight,means write less and do more or get more by javascript library.
We can do many javascript code in one JQUERY function or a line.
JQUERY can do easier JAVASCRIPT CODE, AJAX CALLING AND DOM MANIPULATE.
We can do such things by JQUERY like:

HTML/DOM manipulation
CSS manipulation
HTML event methods
Effects and animations
AJAX
Utilities

Next Tutorial : Install jQuery

This Tutorial written by Md.Tofazzal Haque

Friday, February 1, 2013

ফেসবুকের নিরাপত্তা!

ফেসবুক আইডির নিরাপত্তা নিয়ে দুঃচিন্তা না করে কিছু ধাপ অনুসরণ করে আপনার আইডিকে সিকিউরিটি প্রধান করতে পারেন।

১) ইমেইল অ্যাড্রেস হিডেন রাখুন। ফেসবুকে ইমেইল অ্যাড্রেস হিডেন রাখতে Account>Privacy থেকে Setting>information অপশনে ইমেইলের পাশে everyone এর লক চিহ্নে ক্লিক করে custom সিলেক্ট করে Only Me সিলেক্ট করে নিন।

২) সার্চ ইঞ্জিন অপশন Disable করা। এর জন্য Account>Privacy Setting>Search-এ এসে Public Search Results-এর টিকচিহ্ন তুলে দিন।

৩) ইউজার ব্লক করা। ফেসবুকের কোন ইউজার বা ইউজারের ইমেইল অ্যাড্রেস ব্লক করতে Account>Privacy Setting>Block list-এ আসুন। এখানে দেয়া নির্দিষ্ট স্থানে ইউজারের নাম বা ইমেইল অ্যাড্রেস দিয়ে Block বাটনে ক্লিক করুন।

এভাবে নিরাপত্তা নিশ্চিত করতে পারেন আপনি আপনার ফেসবুক কে।

এইচটিএমএল লিংক : (বাংলা ভার্সন)

ইংরেজী ভার্সনের জন্য এখানে ক্লিক করুন : HTML Links: (English Version)

এইচটিএম লিংক : বাংলা ভার্সন

লিংক হচ্ছে কোন লেখা উপর ক্লিক করলে অন্য পেজ বা সাইট আসবে। Anchor ট্যাগের সাহায্যে লিংক তৈরী করা হয়। শুধু টেক্স নয় আপনি চাইলে একটি মেইল এড্রেসের উপর, কোন ছবির উপর, কোন ওয়েভ পেজের সূচীপত্র তৈরী করে এর আইটেমগুলোর উপর লিংক দিতে পারেন।

href (হাইপারটেক্সক্ট রেফারেন্স) :

এটি এট্রিবিউট নির্দেশ করে যে ইউজার ক্লিক করে কোথায় যাবে। Hypertext reference হতে পারে Internal, Local, Global.

HTML Links : (English Version)

For Bengali Version, Click here : এইচটিএমএল লিংক : বাংলা

HTML Links

Links are found in nearly all web pages. Links allow users to click their way from page to page.

HTML links

HTML Link Syntax

The HTML code for a link is simple. It looks like this :

The href attribute specifies the destination of a link.

Example :

<a href=“http://www.deshiit.blogspot.com/”>Visit HTML to Web Page</a>

HTML Links : The target Attribute

The target attribute specifies where to open the linked document.

The example below will open the linked document in a new browser window or a new tab:

Example :

<html>

<body>

<a href="http://www.deshiit.blogspot.com" target="_blank">Visit deshiit.blogspot.com!</a>

<p>If you set the target attribute to "_blank", the link will open in a new browser window/tab.</p>

</body>

</html>

Result :

Visit deshiit.blogspot.com!

If you set the target attribute to "_blank", the link will open in a new browser window/tab.

DESHI IT

Social Icons

Pages

Infolink

Popular Posts

Popular Site

About Me

Blogroll

Total Pageviews

Contact Form