Hello, All!

I give you some image examples and request you to tell me by which Function/Method we can do this in Java Script?

See these images of site Cricinfo.com.

First Image, you can see when we hover our mouse pointer on News in left column 1st row (written Afridi named...), then its Image automatically changes in Right big Column.
Same like this when we hover our pointer on second row (Sehwag "fully fit"....), then its image automatically changes in right column.

So how can we do this in JS?



Second Image: When we click on Feb 12 then its schedule immidiately comes under it. Same as when we click Feb 15 thus its schedule comes differently comes under it? How this happens in JS?



Third Image: When we click on small A, then whole text in document get changes and when we click Big A then immediately Text of whole document gets bigger. How this happens in JS?



Last Image: This image is of Yahoo! home page. When we click on any of our favorite color, it immediately changes the whole page color. How it happens in JS?





Please tell me what these functions in Java Script calls? How we can do all this in JS?

If this all happens in any other language easily than JS, then I request you to tell me that language (with function name) too.

I'll be grateful to you for this kind act.

Regards,

Happpy.

Looks like it is showing and hiding divs and making ajax calls, probably using the jQuery library.

Sounds to me like you first need to learn JavaScript, then you can worry about learning how to do this stuff. Please try to learn the basics.

There isn't just one or two functions doing all this that you are asking. You need to try to tackle the issue and think how it could be built and start building. When you get stuck at a specific spot, ask a question about that particular issue.

When approaching such problems, it's better to learn general principals rather than try to solve problems on a case by case basis, with no foundation of knowledge. Stbuchok is right, you need to learn the basics first.

Check out the sticky, Fundamentals of Client-Side JavaScript

Originally Posted by stbuchok

Looks like it is showing and hiding divs and making ajax calls, probably using the jQuery library.

Sounds to me like you first need to learn JavaScript, then you can worry about learning how to do this stuff. Please try to learn the basics.

There isn't just one or two functions doing all this that you are asking. You need to try to tackle the issue and think how it could be built and start building. When you get stuck at a specific spot, ask a question about that particular issue.

Originally Posted by wayfarer07

When approaching such problems, it's better to learn general principals rather than try to solve problems on a case by case basis, with no foundation of knowledge. Stbuchok is right, you need to learn the basics first.

Check out the sticky, Fundamentals of Client-Side JavaScript

You both are right. I actually want to make same thing as I showed in photos. So my first purpose was to first understand whether it made in Java Script or not. If it's then I'll start JS. So it's for only language selection purpose.

So at last again, please tell me is JS the right language to make this type of things in web. If it's, then I'll start learn JS.

Regards,

Yes, JavaScript is THE programming language of browsers, and does all of the described things above. If you were to use another language, you would likely have to manipulate something other than HTML and CSS. The only alternatives for interactive content such as this are Flash (Actionscript), Java (not JavaScript), and Silverlight, each of which are proprietary languages with their own frameworks. None are nearly as portable as JavaScript, and none are normally used to manipulate HTML and CSS like you will with JavaScript.

Think of HTML and CSS as the foundation, brick, mortar and roof of the house and JavaScript as the entertainment.

Originally Posted by wayfarer07

Yes, JavaScript is THE programming language of browsers, and does all of the described things above. If you were to use another language, you would likely have to manipulate something other than HTML and CSS. The only alternatives for interactive content such as this are Flash (Actionscript), Java (not JavaScript), and Silverlight, each of which are proprietary languages with their own frameworks. None are nearly as portable as JavaScript, and none are normally used to manipulate HTML and CSS like you will with JavaScript.

Think of HTML and CSS as the foundation, brick, mortar and roof of the house and JavaScript as the entertainment.

Thanks wayfarer for this useful information.