#include
#include
void main()
{

int qnt,dis=10;
float rate,total=0;
printf(“Enter Quantity:”);
scanf(“%d”,&qnt);
printf(“Enter rate”);
scanf(“%f”,&rate);
if(qnt>1000)
{
printf(“Total Rate Is :%f”,total=((qnt*rate)-(qnt*rate*dis/100)));
}
else
{
printf(“Quantity is less than 1000″);
}

getch();
}
/*w.a.p to take current year and joining year of an employee in a organization.
if service year is greater than 3 then the employee will get Rs.2500/- bonus and
service year is less than no bonus.*/

#include
#include
void main()
{
int cy,jy,ty,bonus=2500;
clrscr();
printf(“Enter Your Current Year:”);
scanf(“%d”,&cy);
printf(“Enter Youe Joining Year:”);
scanf(“%d”,&jy);
ty=cy-jy;
if(ty>3)
{
printf(“Bonus=%d”,bonus);
}
else
{
printf(“Current Year is less than 3 year”);
}
getch();
}
/*if his basic salary is less than Rs.1500,then HRA=10% of basic salary and
DA=90% of basic salary.if his salary is either equal equal to or above Rs.1500,then HRA=Rs.500 and DA=98% of basic salary.
if the employee’s salary is input through the keyboard write a program to find his gross salary.
his gross salary.*/

#include
#include
void main()
{
float sal,hra=0,da=0,grosssal=0;
clrscr();
printf(“Enter Salary:”);
scanf(“%f”,&sal);
if(sal<1500)
{
hra=sal*10/100;
da=sal*90/100;
}
else
{
hra=500;
da=sal*98/100;
}
grosssal=grosssal+hra+da;
printf("Gross Salary is %f",grosssal);
getch();

}
/*The marks obtained by a studentin 5 different subjects are input through the keyboard.The student
gets a division as per the following rules:
percentage above or equal to 60-1st division
percentage between 50 and 59-2nd division
percentage between 40 and 49-3rd division
percentage less than 40-Fail*/

#include
#include
void main()
{
int sub1,sub2,sub3,sub4,sub5;
int tol=0,per=0;
clrscr();
printf(“Enter marks of 1st subject:”);
scanf(“%d”,&sub1);
printf(“Enter marks of 2nd subject:”);
scanf(“%d”,&sub2);
printf(“Enter marks of 3rd subject:”);
scanf(“%d”,&sub3);
printf(“Enter marks of 4th subject:”);
scanf(“%d”,&sub4);
printf(“Enter marks of 5th subject:”);
scanf(“%d”,&sub5);

tol=(sub1+sub2+sub3+sub4+sub5);
per=tol/5;

if (per>=60)
{
printf(“1st Division”);
}
else if (per>=50)
{
printf(“2nd Division”);
}
else if (per>=40)
{
printf(“3rd Division”);
}
else
{
printf(“Fail”);
}
getch();

}
//w.a.p to take two numbers and check both numbers are equal or not if not then find which number is greater//

#include
#include
void main()
{
float num1,num2;
clrscr();
printf(“Enter 1st Number:”);
scanf(“%f”,&num1);
printf(“Enter 2nd Number:”);
scanf(“%f”,&num2);
if(num1==num2)
{
printf(“Both numbers are equal”);
}
else if(num1>num2)
{
printf(“%f is greater number”,num1);
}
else
{
printf(“%f is greater number”,num2);
}
getch();
}

Most Commented Posts

• July 7, 2012 -- Microsoft Surface Pro tablet with Windows 8 will redefine the computing industry (8)
• July 7, 2012 -- List of world’s famous Books and Authors (6)
• July 1, 2012 -- Youngest computer expert in the World (5)
• July 6, 2012 -- CERN Research Centres’ Scientists Found God Partical (5)
• July 9, 2012 -- First Wikipedia Town In The World (4)
• June 30, 2012 -- The Amazing Spider-Man now available for download on Android and iOS (3)
• July 3, 2012 -- The Mayan Mysteries And End Of World In 21 December 2012 (3)
• July 4, 2012 -- C Tutorial For The Beginners With Example And Source Code (3)
• July 5, 2012 -- List Of Companies Declared Bonus Share In This Year (2)
• July 3, 2012 -- The World Will Not End In December 21, 2012 (2)

The post Learn C With Me Beginners C Tutorial If Statement appeared first on Rsilitech.

#include<stdio.h>
#include<conio.h>
void main()
{
float a,b;
clrscr();
printf(“enter 1st number”);
scanf(“%f”,&a);
printf(“enter 2nd number”);
scanf(“%f”,&b);
printf(“Result of Addition is %f”,a+b);
printf(“\nResult of Subtraction is %f”,a-b);
printf(“\nResult of Multiplication is %f”,a*b);
printf(“\nResult of division is %f”,a/b);
getch();

}

//w.a.p to take Celious Temprature and convert to Feranhite Temprature.

#include<stdio.h>
#include<conio.h>
void main()
{
float fer,cel;
clrscr();
printf(“Enter Celious Temprature”);
scanf(“%f”,&cel);
fer=(9*cel+160)/5;
printf(“Feranhite temprature is:%f”,fer);
getch();

}

//w.a.p to take a number and check the number is even or odd
#include<stdio.h>
#include<conio.h>
void main()
{
int num;
clrscr();
printf(“Enter a number:”);
scanf(“%d”,&num);
if(num%2==0)
{
printf(“%d is Even”,num);
}
else
{
printf(“%d is Odd”,num);

}
getch();
}

//w.a.p to take two number and check the number is equal or not.

#include<stdio.h>
#include<conio.h>
void main()
{
float num1,num2;
clrscr();
printf(“Enter 1st number:”);
scanf(“%f”,&num1);
printf(“Enter 2nd number:”);
scanf(“%f”,&num2);
if (num1==num2)
{
printf(“both numbers are equal”);
}
else
{
printf(“both numbers are not equal”);

}
getch();
}

//w.a.p to take Feranhite Temprature and convert to Celious Temprature.

#include<stdio.h>
#include<conio.h>
void main()
{
float cel,fer;
clrscr();
printf(“Enter Feranhite Temprature:”);
scanf(“%f”,&fer);
cel=(5*fer-160)/9;
printf(“Temprature of Celious is:%f”,cel);
getch();
}

//w.a.p to take two number and check the number is greater or smaller

#include<stdio.h>
#include<conio.h>
void main()
{
float num1,num2;
clrscr();
printf(“Enter 1st number:”);
scanf(“%f”,&num1);
printf(“Enter 2nd number:”);
scanf(“%f”,&num2);
if (num1>num2)
{
printf(“%f is greater and %f is smaller”,num1,num2);
}
else
{
printf(“%f is greater and %f is smaller”,num2,num1);
}
getch();
}

//w.a.p to take principle,time,rate and find interest

#include<stdio.h>
#include<conio.h>
void main()
{
float pri,tim,rat,interest;
clrscr();
printf(“Enter Principle”);
scanf(“%f”,&pri);
printf(“Enter Time”);
scanf(“%f”,&tim);
printf(“Enter Rate”);
scanf(“%f”,&rat);
interest=(pri*tim*rat)/100;
printf(“Interest is : %f”,interest);
getch();
}

//w.a.p to describe about c language.

#include<stdio.h>
#include<conio.h>
void main()
{
clrscr();

printf(“\n\”C is a Programming language devloped at AT & T’s Bell Laboratories of USA in 1972.it was designed and written by a Dennis Ritchie\”");
getch();
}

//w.a.p to take a number and a power and find result.

#include<stdio.h>
#include<conio.h>
#include<math.h>
void main()
{
float num,pw,res=0;
clrscr();
printf(“Enter Number:”);
scanf(“%f”,&num);
printf(“Enter Power”);
scanf(“%f”,&pw);
res=pow(num,pw);
printf(“Result is:%f”,res);
getch();
}

//w.a.p to take a number and find square root of a number.

#include<stdio.h>
#include<conio.h>
#include<math.h>
void main()
{
float a;
clrscr();
printf(“enter a number”);
scanf(“%f”,&a);
printf(“Square root of a number is %f”,sqrt(a));
getch();

}

//w.a.p to print your name and address.

#include<stdio.h>
#include<conio.h>
void main()
{
clrscr();

printf(“Name:abc\nAdress:bcv”);
getch();
}

//w.a.p to take a number and check the number is two digit or not.

#include<stdio.h>
#include<conio.h>
void main()
{
int num;
clrscr();
printf(“Enter 1st number:”);
scanf(“%d”,&num);

if ((num>9)&&(num<100))
{
printf(“%d is two digit”,num);
}
else
{
printf(“%d is not two digit”,num);
}
getch();
}

Most Commented Posts

• July 7, 2012 -- Microsoft Surface Pro tablet with Windows 8 will redefine the computing industry (8)
• July 7, 2012 -- List of world’s famous Books and Authors (6)
• July 1, 2012 -- Youngest computer expert in the World (5)
• July 6, 2012 -- CERN Research Centres’ Scientists Found God Partical (5)
• July 9, 2012 -- First Wikipedia Town In The World (4)
• June 30, 2012 -- The Amazing Spider-Man now available for download on Android and iOS (3)
• July 3, 2012 -- The Mayan Mysteries And End Of World In 21 December 2012 (3)
• July 4, 2012 -- C Tutorial For The Beginners With Example And Source Code (3)
• July 5, 2012 -- List Of Companies Declared Bonus Share In This Year (2)
• July 3, 2012 -- The World Will Not End In December 21, 2012 (2)

The post Learn C With Me Beginners C Tutorial appeared first on Rsilitech.

0digg
Share

Font Finder
A useful extension with which you can identify the type/ size of font used in selected text. It also gives the color, font size, font family, line height, letter spacing and much more….

Fire FTP
A simple, perfect, secure brower based ftp client that every web designer should have.

IE Tabhttp:
Internet Explorer is also one of the famous browsers and still there are 30 % of the world using Internet Explorer for there daily browsing. You need to keep all rowsers in mind while desinging a website. IE Tab is an extension it can exactly gives the funtionality of internet explorer in firefox. If you want to test your site in Internet explorer there is no need to open Intenet Explorer just open IE tab in firefox

Browser window resizer

Browser window resizer a useful plugin in which you can test you site in various resolution without change the resolution of you r system

Measure it
While designing alignment of images/text is a challenging job, in this context measure it comes into picture. you can overlay a ruler and check the dimensions of your required area easily.

Fireshot.
FireShot is an advanced screen capture add-on for Firefox. In addition to giving you the ability to capture an entire web page, FireShot also allows you to add add graphics and notes directly to your screen captures.

Colorzilla
A very useful plugin one should have. you can find out color used in any part of the web page. It automatically copies the color in differt formats like RGB, HEX etc.

Firebug.
This is the most important plugin. you can debug javascipt, change HTML propeties , inspect elements. find the properties, debug, inspect CSS, DOM features and a lot.

Lorel ipsum generator.
It generates dummy text instantly.

Most Commented Posts

• July 7, 2012 -- Microsoft Surface Pro tablet with Windows 8 will redefine the computing industry (8)
• July 7, 2012 -- List of world’s famous Books and Authors (6)
• July 1, 2012 -- Youngest computer expert in the World (5)
• July 6, 2012 -- CERN Research Centres’ Scientists Found God Partical (5)
• July 9, 2012 -- First Wikipedia Town In The World (4)
• June 30, 2012 -- The Amazing Spider-Man now available for download on Android and iOS (3)
• July 3, 2012 -- The Mayan Mysteries And End Of World In 21 December 2012 (3)
• July 4, 2012 -- C Tutorial For The Beginners With Example And Source Code (3)
• July 5, 2012 -- List Of Companies Declared Bonus Share In This Year (2)
• July 3, 2012 -- The World Will Not End In December 21, 2012 (2)

The post Important firefox plugins that every web designer must have appeared first on Rsilitech.

Handy Command Line Tricks for Linux
1. Linux comes in several flavors. The following commands will help you determine which Linux distro is installed on your host, what’s the version of your Linux kernel, the CPU model, processor speed, etc.

$ cat /etc/issue
$ cat /proc/version
$ cat /proc/cpuinfo
2. Find the total amount of RAM available on your Linux box and how much is free.

$ free -mto
3. The command cd.. takes you up one directory level but cd – will move you to the previous working directory. Or use the command pwd to print the full path of the current directory that you can copy-paste later into the shell.

$ cd –
$ pwd
4. The command history will show a list of all the recently executed commands and each will have an associated number. Use ! to execute that command again. Or, if the history is too long, use grep to search a particular command.

$ !
$ history | grep
5. You can remove any particular command from the shell history by number.

$ history – d
6. If you made an error while typing a command name, just enter the correct command name and then use !* to reuse all the previous arguments.

$ !*
7. Re-run a command but after replacing the text abc in the command with xyz.

$ ^abc^xyz
8. This will list the size of all sub-folders of a directory in KB, MB or GB.

$ du – sh */
9. A better version of the ls command that displays file sizes in KB and MB.

$ ls – gho
10. You can use man to learn more about the syntax of a command but what if you don’t remember the name of the command itself? Use apropos then.

$ apropos
Also see: Print Files on Linux Remotely using Dropbox

11. Compare the content of two text files to see what has changed.

$ diff wp-config.php wp-config.php.old
12. Find lines that are common in any two text files.

$ grep – Fx – f file-A.html file-B.html
13. Compare the content of two directories recursively.

$ diff – urp /old-wp-directory /new-wp-directory
14. Find all files under the current directory that are larger than 10 MB in size.

$ find . -size +10M -exec du -h {} \;
15. Find all files on the system that have been modified in the last 2 days.

$ find . – type f – mtime -2
16. Find all files on the system that were modified less than 10 minutes ago

$ find . – type f – mmin -10
17. Find all PHP files that contain a particular word or phrase.

$ find . -name “*.php” -exec grep -i -H “matt mullenweg” {} \;
18. When copying or moving files, Linux won’t show a warning if you are overwriting an existing file. Therefore always use the – i switch to prevent overwrites.

$ cp – i abc.txt xyz.txt
19. Backup the content of the current folder into a tarball file using gzip compression.

$ tar zcfv backup.tar.gz /wp-directory/
20. Find processes with the highest CPU usage. Then use kill – 9 pid to kill a process.

$ ps aux | sort -nrk 3 | head
21. Execute the following command in your Apache logs directory to determine hits coming from individual IP addresses.

$ cat access.log | awk ‘{print $1}’ | sort | uniq -c | sort – n | tail
22. Monitor hits from Google bots to your website in real-time.

$ tail – f access.log | grep Googlebot
23. To find all files and web pages on your site that return a 404 error, run the following command in the Apache logs directory.

$ awk ‘$9 == 404 {print $7}’ access.log | uniq -c | sort -rn | head
24. Find the 100 most popular pages of your site using Apache server logs again.

$ cat access.log | awk ‘{print $7}’ |sort |uniq -c |sort -n |tail -n 100
25. Quickly find and replace a string in or more files.

$ find . -type f -name “*.php” -exec sed -i ‘s/wordpress/WordPress/’ {} \;

Most Commented Posts

• July 7, 2012 -- Microsoft Surface Pro tablet with Windows 8 will redefine the computing industry (8)
• July 7, 2012 -- List of world’s famous Books and Authors (6)
• July 1, 2012 -- Youngest computer expert in the World (5)
• July 6, 2012 -- CERN Research Centres’ Scientists Found God Partical (5)
• July 9, 2012 -- First Wikipedia Town In The World (4)
• June 30, 2012 -- The Amazing Spider-Man now available for download on Android and iOS (3)
• July 3, 2012 -- The Mayan Mysteries And End Of World In 21 December 2012 (3)
• July 4, 2012 -- C Tutorial For The Beginners With Example And Source Code (3)
• July 5, 2012 -- List Of Companies Declared Bonus Share In This Year (2)
• July 3, 2012 -- The World Will Not End In December 21, 2012 (2)

The post Essential Linux Commands for WordPress Users appeared first on Rsilitech.

We have earlier discussed on the best related posts plugins for your blog and what all should be implemented and what should be avoided. We have tried the linkwithin plugin and also other plugins but the best of all would be the one offered by Outbrain because of the flexibility and the perfection in the display of your related blog content.

You can find that we have implemented this service on our other blogs and the way they have displayed the widget is very good. The service comes with multiple options when you select the Get Blog widgets options ranging from Text & Text + Thumbnail type widgets which are free to use and can be implemented within 60 seconds on your blog. You can implement the same on WordPress, TypePad, Blogger, Drupal, Sqyarespace or any other website type using the Javascript Embed options. If you select the WordPress option then its available only for the self hosted blogs in the form of a plugin with limited areas to implement the same, but when you would like to implement it anywhere on your blog then its suggested to select the Javascript option.

You will be given a Javascript like the following which has to be placed in your theme / template files where you would like to render the related posts.

You just need to ensure that you replace the ‘DROP_PERMALINK_HERE’ line with your blogs permalink code which will make the plugin work perfectly. In case of a self hosted blog this has to be replaced with which is the correct code. Once done you need to ensure that you have added the following code at the end of your functions file just before the ?> of the functions.php file.

function currentPageURL() { $curpageURL = ‘http’; if ($_SERVER["HTTPS"] == “on”) {$curpageURL.= “s”;} $curpageURL.= “://”; if ($_SERVER["SERVER_PORT"] != “80″) { $curpageURL.= $_SERVER["SERVER_NAME"].”:”.$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"]; } else { $curpageURL.= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; } return $curpageURL; }
Once you have added the code in the functions file followed by the above outbrain code in the templates file, the widget would start rendering the related posts automatically and sometimes it would take upto a few hours for the service to index all your content and generate a screenshot for the same. Once done you also get other options like showing Recommendations in your posts, showing paid advertisements or giving away the same under the list of charities mentioned in your outbrain account.

Most Commented Posts

• July 7, 2012 -- Microsoft Surface Pro tablet with Windows 8 will redefine the computing industry (8)
• July 7, 2012 -- List of world’s famous Books and Authors (6)
• July 1, 2012 -- Youngest computer expert in the World (5)
• July 6, 2012 -- CERN Research Centres’ Scientists Found God Partical (5)
• July 9, 2012 -- First Wikipedia Town In The World (4)
• June 30, 2012 -- The Amazing Spider-Man now available for download on Android and iOS (3)
• July 3, 2012 -- The Mayan Mysteries And End Of World In 21 December 2012 (3)
• July 4, 2012 -- C Tutorial For The Beginners With Example And Source Code (3)
• July 5, 2012 -- List Of Companies Declared Bonus Share In This Year (2)
• July 3, 2012 -- The World Will Not End In December 21, 2012 (2)

The post How to Integrate OutBrain Widgets Manually on WordPress Blogs appeared first on Rsilitech.

<script language=”javascript” type=”text/javascript”>
<!–
//Browser Support Code
function ajaxFunction(){
var ajaxRequest; // The variable that makes Ajax possible!

try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject(“Msxml2.XMLHTTP”);
} catch (e) {
try{
ajaxRequest = new ActiveXObject(“Microsoft.XMLHTTP”);
} catch (e){
// Something went wrong
alert(“Your browser broke!”);
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
document.myForm.time.value = ajaxRequest.responseText;
}
}
ajaxRequest.open(“GET”, “result.php”, true);
ajaxRequest.send(null);
}

//–>
</script>

<form name=’myForm’>
Name: <input type=’text’ onChange=”ajaxFunction();” name=’username’ /> <br />
Time: <input type=’text’ name=’time’ />
</form>
</body>
</html>

result.php file:

<?php

echo “Welcome to Ajax”;
?>

Most Commented Posts

• July 7, 2012 -- Microsoft Surface Pro tablet with Windows 8 will redefine the computing industry (8)
• July 7, 2012 -- List of world’s famous Books and Authors (6)
• July 1, 2012 -- Youngest computer expert in the World (5)
• July 6, 2012 -- CERN Research Centres’ Scientists Found God Partical (5)
• July 9, 2012 -- First Wikipedia Town In The World (4)
• June 30, 2012 -- The Amazing Spider-Man now available for download on Android and iOS (3)
• July 3, 2012 -- The Mayan Mysteries And End Of World In 21 December 2012 (3)
• July 4, 2012 -- C Tutorial For The Beginners With Example And Source Code (3)
• July 5, 2012 -- List Of Companies Declared Bonus Share In This Year (2)
• July 3, 2012 -- The World Will Not End In December 21, 2012 (2)

The post Beginners Ajax Tutorial appeared first on Rsilitech.

CSS is an extension to basic HTML that allows you to style your web pages.

<font color="#FF0000" face="Verdana, Arial,  Helvetica, sans-serif">
<strong>hello</strong></font>

<font color="#FF0000" face="Verdana, Arial,  Helvetica, sans-serif">
<strong>hello</strong></font>

<font color="green" face="Verdana, Arial,  Helvetica, sans-serif">
This is my frist CSS</font>

Most Commented Posts

• July 7, 2012 -- Microsoft Surface Pro tablet with Windows 8 will redefine the computing industry (8)
• July 7, 2012 -- List of world’s famous Books and Authors (6)
• July 1, 2012 -- Youngest computer expert in the World (5)
• July 6, 2012 -- CERN Research Centres’ Scientists Found God Partical (5)
• July 9, 2012 -- First Wikipedia Town In The World (4)
• June 30, 2012 -- The Amazing Spider-Man now available for download on Android and iOS (3)
• July 3, 2012 -- The Mayan Mysteries And End Of World In 21 December 2012 (3)
• July 4, 2012 -- C Tutorial For The Beginners With Example And Source Code (3)
• July 5, 2012 -- List Of Companies Declared Bonus Share In This Year (2)
• July 3, 2012 -- The World Will Not End In December 21, 2012 (2)

The post Beginners CSS Tutorial appeared first on Rsilitech.

For example, if you simply check site headers of some site, you will get X-powered-By: PHP/5.3.10

While you thought only you could find PHP version of your server, or needed a PHP version plugin, now you see how easy it is for anyone to see your server details. And hackers can easily find out known security holes of that version and attack your server.

Hide PHP version

So how to hide PHP version. Servers display the PHP version by default due to expose_php, a core PHP.ini configuration directive. So you need to turn it off.

• Login to your server via FTP. I use Filezilla FTP Client.
• Find php.ini file on your server. Usually the global php.ini is located in /usr/local/lib/php.ini (but can vary depending on your server configuration and PHP installation. Check your hosting level for access and permissions)
• Save a backup copy of your php.ini file (in case something goes wrong, restore it)
• php.ini is a simple text file and can be edited in any text editor like Notepad. Add the line
  expose_php = off
• Save the php.ini file and upload to same location (do not save as .txt).

Now check your site headers check and you will find the entry of X-powered-by: PHP/[ version] will disappear. This is helpful as it does not expose your old PHP version on the server to known security holes and prevents hackers from getting secure server information.

Most Commented Posts

• July 7, 2012 -- Microsoft Surface Pro tablet with Windows 8 will redefine the computing industry (8)
• July 7, 2012 -- List of world’s famous Books and Authors (6)
• July 1, 2012 -- Youngest computer expert in the World (5)
• July 6, 2012 -- CERN Research Centres’ Scientists Found God Partical (5)
• July 9, 2012 -- First Wikipedia Town In The World (4)
• June 30, 2012 -- The Amazing Spider-Man now available for download on Android and iOS (3)
• July 3, 2012 -- The Mayan Mysteries And End Of World In 21 December 2012 (3)
• July 4, 2012 -- C Tutorial For The Beginners With Example And Source Code (3)
• July 5, 2012 -- List Of Companies Declared Bonus Share In This Year (2)
• July 3, 2012 -- The World Will Not End In December 21, 2012 (2)

The post How to Hide PHP Version in Site HTTP Headers appeared first on Rsilitech.

Contents :

1) Display alert box on clicking link in Jquery

2) Click on the link to hide in Jquery

3)Show and hide content using button in Jquery

4)Click on box and it will disappear in Jquery

5) Show and hide paragraph clicking Button in Jquery

6)Show and hide the image using Jquery

7) Show text field and check input in Jquery

8) Highlight text by changing color on every click(Toggle effect) in Jquery

9)To find the co-ordinates using Jquery

10) Jquery  sliding menu

11)Move Jquery Div

12) Jquery box animation

Display alert box on clicking link :

<html>
<head>
<script type=”text/javascript” src=”jquery-1.4.js”>
</script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“a”).click(function(event){
alert(“Redirecting you to jQuery.com!”);
});
$(“h1″).click(function(event){
alert(“You are converting the text to H1″);
});
});
</script>
</head>
<body>
<a href=”http://jquery.com/”>
Click here to know about jQuery</a>
<h1>You </h1>
</body>
</html>

Separating js files form the html :
<html>
<head>
<title>The jQuery Example</title>
<script type=”text/javascript” src=”jquery-1.4.js”>
</script>
<script type=”text/javascript” src=”custom.js”></script>
</head>
<body>
<div id=”mydiv”>
Click here to see a dialogue box.
</div>
</body>
</html>
Custom.js code:
$(document).ready(function() {
$(“div”).click(function() {
alert(“Hello Friends!”);
});
});

Click on the link to hide :
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
<script src=”jquery-1.4.js” type=”text/javascript”></script>

</head>
<body>
<p>This will not appear in the browser</p>
<a href=”#”>Click here to hide this link</a>
<p>This is another paragraph , which will be hidden</p>
<script src=”custom.js” type=”text/javascript”></script>
</body>
</html>
Custom.js :

$(“p”).hide();
$(“a”).click(function () {
$(this).hide();
return true;
});

Show and hide content using button in jquery :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
span { background:#D8BFD8; padding:3px; float:left; }
#fram{width:500px; height:200px; border: 1px solid; margin:50px; text-align:center;}
</style>
<script src=”jquery-1.4.js” type=”text/javascript”></script>
</head>
<body>
<button id=”hidb”>Hide</button>
<button id=”showb”>Show</button>
<div>
<div id=”fram”>jQuery is easy to use and gives dynamic output..</div>
</div>
<script>
$(“#hidb”).click(function () {
$(“div”).hide();
});
$(“#showb”).click(function () {
$(“div”).show(1500);
});
</script>
</body>
</html>

Amiging click on box and it will disappear:
<!DOCTYPE html>
<html>
<head>
<style>
div { background:#D2691E; width:30px;
height:40px; margin:2px; float:left; }
</style>
<script src=”jquery-1.4.js” type=”text/javascript”></script>
</head>
<body>
<div></div>
<script>
for (var i = 0; i < 30; i++) {
$(“<div>”).appendTo(document.body);

}
$(“div”).click(function () {
$(this).hide(2000, function () {
$(this).remove();
});
});
</script>
</body>
</html>
Show and hide paragraph clicking Button :

<!DOCTYPE html>
<html>
<head>
<style>
p { background:#DAA520; font-weight:bold;}
</style>
<script src=”jquery-1.4.js” type=”text/javascript”></script>
</head>
<body>
<button id=”butt1″>Click to hide Paragraph</button>
<button id=”butt2″>Click to show Paragraph</button>
<p>This will Hide after clicking button</p>
<p>It will hide too………………..</p>
<script>
$(“#butt2″).hide();
$(“#butt1″).click(function () {
$(“p”).hide(“slow”);
$(“#butt1″).hide(“slow”);
$(“#butt2″).show(“slow”);
});
$(“#butt2″).click(function () {
$(“p”).show(“slow”);
});
</script>
</body>
</html>

Show and Hime the image using jquery:
<html>
<head>
<script src=”jquery-1.4.js” type=”text/javascript”></script>
<script src=”custom.js” type=”text/javascript”></script>
</head>
<body>
<img id=”logo” src=”logo.gif” alt=”" width=”200″ height=”50″ />
<div id=”myclick”>
<font color=”blue”>
Click here to hide the logo
</font>
</div>
<div id=”myclick1″>
<font color=”blue”>
Click here to show the logo
</font>
</div>
<script>
$(document).ready(function() {
$(‘#myclick’).click(function() {
$(‘#logo’).hide(‘slow’, function(){
$(‘#myclick’).hide(‘slow’, function(){
});
});
});
$(‘#myclick1′).click(function() {
$(‘#logo’).show(‘slow’, function() {

});
});
});
</script>
</body>
</html>
Show text field and check input:

<!DOCTYPE html>
<html>
<head>
<style>
span { display:none; }
div { display:none; }
p { font-weight:bold; background-color:#fcd; }
</style>
<script src=”jquery-1.4.js”></script>
</head>
<body>
<button>Click this</button>
<span>Want to move ahead?(Type’y’ for yes & hit “Enter”) </span>
<div>
<form>

<input type=”text” value=”y/n”/>
</form>
</div>
<p style=”display:none;”>It blinks for a while</p>

<script>
function clickIt() {
$(“span,div”).show(“normal”);
}
$(“button”).click(clickIt); // can pass in function name
$(“form”).submit(function () {
if ($(“input”).val() == “y”) {
$(“p”).show(4000, function () {
$(this).text(“Welcome to final page”);
});
}
$(“span,div”).hide(“normal”);
return false; // to stop the submit
});

</script>
</body>
</html>

Highlight text by changing color on every click(Toggle effect)

<!DOCTYPE html>
<html>
<head>
<style>
ul { margin:10px; list-style:inside circle; font-weight:bold; }
li { cursor:pointer; }
</style>
<script src=”jquery-1.4.js”></script>
</head>
<body>
<ul>
<li>Download jquery’s set up file</li>
<li>Save it in your personal folder</li>
<li>Create html file save it in same folder</li>
<li>Include it’s url in html code </li>
<li>Use script in between script tag</li>
<li>Run your program,simply by double clicking</li>
</ul>
<script>
$(“li”).toggle(
function () {
$(this).css({“list-style-type”:”disc”, “color”:”blue”});
},
function () {
$(this).css({“list-style-type”:”disc”, “color”:”red”});
},
function () {
$(this).css({“list-style-type”:”", “color”:”yellow”});
},
function () {
$(this).css({“list-style-type”:”", “color”:”"});
}
);
</script>
</body>
</html>

To find the co-ordinates using jquery:  

 
<!DOCTYPE html>
<html>
<head>
<style>
p { margin-left:10px; color:blue; width:200px;
cursor:pointer; }
span { color:red; cursor:pointer; }
div.abs { width:50px; height:50px; position:absolute;
left:220px; top:35px; background-color:green;
cursor:pointer; }
</style>
<script src=”jquery-1.4.2.js”></script>
</head>
<body>
<div id=”result”>Click an element.</div>
<p>
This is the best way to <span>find</span> an offset.
</p>

<div class=”abs”>
</div>

<script>
$(“*”, document.body).click(function (e) {
var offset = $(this).offset();
alert(offset.top);
//e.stopPropagation();
//$(“#result”).text(this.tagName + ” coords ( ” + offset.left + “, ” +
//offset.top + ” )”);

$(“#result”).text(“hi”);
});

</script>
</body>
</html>

Jquery sliding menu :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>jQuery Simple Drop Down Menu</title>
<meta name=”keywords” content=”" />
<meta name=”description” content=”" />
</head>
<body>
<div id=”all”>
<script src=”jquery-1.4.2.js” type=”text/javascript”></script>
<link href=”style.css” rel=”stylesheet” rev=”stylesheet” type=”text/css”>
<script type=”text/javascript”>
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find(‘ul’).eq(0).css(‘visibility’, ‘visible’);}

function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css(‘visibility’, ‘hidden’);}

function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}

$(document).ready(function()
{ $(‘#jsddm > li’).bind(‘mouseover’, jsddm_open);
$(‘#jsddm > li’).bind(‘mouseout’, jsddm_timer);});

document.onclick = jsddm_close;
</script>
<center><h3><font color=”green”>
Hover mouse on any menu item to drop down list</font></h3></center>
<ul id=”jsddm”>
<li><a href=”#”>Ajax</a>
<ul>
<li><a href=”#”>Global Ajax Event Handler</a></li>
<li><a href=”#”>Low Level InterFace</a></li>
<li><a href=”#”>Short Hand Methods</a></li>
</ul>
</li>
<li><a href=”#”>Effects</a>
<ul>
<li><a href=”#”>Basic</a></li>
<li><a href=”#”>Custom</a></li>
<li><a href=”#”>Sliding</a></li>
<li><a href=”#”>Fading</a></li>
<li><a href=”#”>Semitransparent</a></li>
</ul>
</li>
<li><a href=”#”>Events</a></li>
<li><a href=”#”>Forms</a></li>
<li><a href=”#”>Plug-ins</a></li>
</ul>
</div>
</body>
</html>
style.css for sliding menu:
/* common page styles */
body
{ background: #6595A3;
padding: 0 20px}

.clear
{ clear: both;
overflow: hidden;
height: 0}

#all
{ width: 60%;
min-width: 650px;
margin: 40px auto 0 auto;
background: #FCFFED;
padding: 20px 35px}

h1
{ font: 26px tahoma, arial;
color: #324143}

p
{ font: 12px tahoma, arial;
color: #171F26;
margin-bottom: 25px}

a
{ color: #324143}

/* menu styles */
#jsddm
{ margin: 0;
padding: 0}

#jsddm li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial}

#jsddm li a
{ display: block;
background: #324143;
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 70px;
color: #FF6347;
white-space: nowrap}

#jsddm li a:hover
{ background: #24313C}

#jsddm li ul
{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white}

#jsddm li ul li
{ float: none;
display: inline}

#jsddm li ul li a
{ width: auto;
background: #FF6347;
color: #24313C}

#jsddm li ul li a:hover
{ background: #6495ED}

Move Jquery Div:

<!DOCTYPE html>
<html>
<head>
<style>
div {
position:absolute;
background-color:#abc;
left:50px;
width:90px;
height:90px;
margin:5px;
}
</style>
<script src=”jquery-1.4.2.js”></script>
</head>
<body>
<button id=”left”>&laquo;</button> <button id=”right”>&raquo;</button>
<div class=”block”></div>

<script>
$(“#right”).click(function(){
$(“.block”).animate({“left”: “+=50px”}, “slow”);
});

$(“#left”).click(function(){
$(“.block”).animate({“left”: “-=50px”}, “slow”);
});

</script>
</body>
</html>

Jquery box animation:

<!DOCTYPE html>
<html>
<head>
<TITLE>Animate Div blocks</TITLE>
<style>div {
background-color:#bca;
width:200px;
height:1.1em;
text-align:center;
border:2px solid green;
margin:3px;
font-size:14px;
}
button {
font-size:14px;
}
</style>
<script src=”jquery-1.4.2.js”></script>
</head>
<body>
<button id=”b1″>&raquo; Animate TextBlock1</button>
<button id=”b2″>&raquo; Animate TextBlock2</button>
<button id=”b3″>&raquo; Animate Both TextBlock</button>

<button id=”b4″>&raquo; Reset</button>
<div id=”textblock1″>Text Block1</div>
<div id=”textblock2″>Text Block2</div>
<script>

$(“#b1″).click(function(){
$(“#textblock1″).animate( { width:”90%” }, { queue:false, duration:3000 } )
.animate( { fontSize:”24px” }, 1500 )
.animate( { borderRightWidth:”15px” }, 1500);
});

$(“#b2″).click(function(){
$(“#textblock2″).animate( { width:”90%”}, 1000 )
.animate( { fontSize:”24px” } , 1000 )
.animate( { borderLeftWidth:”15px” }, 1000);
});

$(“#b3″).click(function(){
$(“#b1″).add(“#b2″).click();
});

$(“#b4″).click(function(){
$(“div”).css({width:”", fontSize:”", borderWidth:”"});
});

</script>
</body>
</html>

Most Commented Posts

• July 7, 2012 -- Microsoft Surface Pro tablet with Windows 8 will redefine the computing industry (8)
• July 7, 2012 -- List of world’s famous Books and Authors (6)
• July 1, 2012 -- Youngest computer expert in the World (5)
• July 6, 2012 -- CERN Research Centres’ Scientists Found God Partical (5)
• July 9, 2012 -- First Wikipedia Town In The World (4)
• June 30, 2012 -- The Amazing Spider-Man now available for download on Android and iOS (3)
• July 3, 2012 -- The Mayan Mysteries And End Of World In 21 December 2012 (3)
• July 4, 2012 -- C Tutorial For The Beginners With Example And Source Code (3)
• July 5, 2012 -- List Of Companies Declared Bonus Share In This Year (2)
• July 3, 2012 -- The World Will Not End In December 21, 2012 (2)

The post Jquery Tutorial For The Beginners appeared first on Rsilitech.