Developer Snippets, Congratulates them and wishes them all the very best in their future career. And at the same time we are glad to launch a special Olympic 2008 website, which is now late but it is infront of you with latest news and this site is going to be a sub page of developer snippets, you can view the same at this location http://www.developersnippets.com/sports/olympics2008/ , just click the link and catch the real hero’s.

Firstly, I would like to Congratulate "Abhinav Bindra " for winning Olympic Gold Medal, he is well known as Indian Shooter from Zirakpur, Mohali, Punjab who won Olympic championship in the 10m Air Rifle event, he became the first Indian ever to win an individual gold medal since 1980. Coming to Education he has done this BBA (Bachelor of Business Administration) from the University of Colorado, US. Coming to his Awards and recognitions, he received Arjuna Award in 2000 and Rajiv Gandhi Khel Ratna in 2001, and received many rewards and awards for 2008 Olympics Gold Medal.

Secondly, I would like to Congratulate "Sushil Kumar " for winning the Bronze Medal in Men’s 66kg Freestyle Wrestling event at the 2008 Beijing Olympics. He is from New Delhi, and won many Awards and Rewards for the Bronze medal at 2008 Beijing Olympics. 25 years old Sushil Kumar’s main Occupation is Sportsman (Wrestler). His first Gold Medal is for his Weight Category at World Cadet Games and won all sort of medals in 2003, 2004, 2005, 2007. He has been awarded with Arjuna Award .

Thirdly, I would like to Congratulate young and dynamic "Vijender Kumar " for his excellence in winning Bronze Medal in 2008 Beijing Olympics, who is well know as "Indian Boxer", he is from Kaluwas, Haryana. He is Boxer Middleweight by Occupation. He won so many medals in his sub-junior nationals and in junior national competitions.

On behalf of Developer Snippets, I would like to congratulate all the winners in Beijing Olympics 2008. You guys really Rocks!!! View all your respective and favorite videos online in developer snippets at this locations http://www.developersnippets.com/sports/olympics2008 and if you want to learn any software online then what are you waiting for chech this out at http://www.developersnippets.com/techvideobytes

My favorite all time feature is "Task Manager ", "JavaScript Debugger " this is what I am looking for in the other browsers. In one of the blog, I have noticed a good article related to "Tabs" in a browser, the title of the article is "Does tab features in browser helps the developer? ", I think the article which has posted might be a developer, here in this article he has explained his handson experience about the "Tabs" when debugging a code or while writing a code in any language. His concern is, "when I am testing my code in tabbed browsers if at all that code has got any errors and or problem might occur during running the code, or if any loop is running continuously (infinite loop) in order to overcome the issue we need to close entire browser window no matter how many tabs you have opened, using Windows Task Manager if developer is using Windows Operating System ". Here in this Google "Chrome" browser, we are not having any problem, we can overcome the above problem as here they have introduced "Task Manager" feature, its awesome right? Yeah! its really awesome.

1. Task Manager (Shift+Esc): Crash Control

Below is the screen shot of this awesome feature, Task Manager (Shift+Esc) :

From the above feature, you can easily stop/End process of the Tabs which you have opened, I think this feature help developer a lot in debugging and running the code successfully without disturbing other tabs which are opened. Not only that you can view the memory of how much each tab is taking and the CPU effort has well. And more interestingly, if you click on "Stats for nerds" it will show consolidated stats of the same, this is really awesome and unique feature I have ever seen before.

2. New incognito Window (Ctrl+Shift+N):

Here "incognito" means without revealing one’s identity. This is a new feature which we will not see much handy in any other browsers. The websites which you see in this window will not appear in history that is website links or other instances like cookies won’t appear in your browser history or search history. This feature will not affect the behavior of other people, servers, or software. If you would like to know more info about this feature, then just press Ctrl+Shift+N on your keyword

3. Gather Multiple tabs into one window:

As we all know Google takes more care about the users usability, they have introduced one awesome features like you can drag out the tabs to create a new window, and you can gather multiple tabs into one window and can arrange them as you need depending on your priority.

4. Safe Browsing:

Google automatically warns you if you are about to visit any malware or any other unsafe websites. Check out this feature, this is not new but good enough feature we can say. This feature will warns you by flashing an alert message like "Error Messages and Alerts: ‘This is probably not the site you are looking for!’ ".

5. Instant Bookmarking:

As we know bookmarking places a vital role in storing your favorite website address, and I would like to give one suggestion to Google that, right now bookmarks are stored locally (In the system’s memory) this feature only will be seen in this system only, if a user bookmarks any favorite website, it should open up a window of GMail or so asking for username and password and can save the same bookmark online. If you guy’s introduce this feature, it will helps developers and users a lot in saving some time. I think you might be introducing this in next coming releasing.

6. Import Bookmarks and Settings:

You can import your bookmarks from your other browsers very easily like from Internet Explorer or Mozilla etc., not only importing bookmarks, we can also import Browsing history, Saved passwords and even Search engines. You can import all these in a single click…..

7. Downloads:

Again I can this very awesome enough, when you want to download a file / zip file / lets say if you want to save an image from a web page, it will show up an download icon towards your chrome browsers left bottom and towards your right you can see a link called "Show all downloads…" and when we click on this link it will open a new tab with all the respective downloads which you have downloaded. If you want to view the destination of the file then in download tab window click on "Show in folder" it will take you to the destination folder.

8. Create application shortcuts…

You can create a shortcut of your favorite website page and can save the same to your Desktop / Start Menu / Quick Launch Bar for your future reference, I think this is a new feature which Google has introduced, when we click on the respective shortcut icon which you have saved it will open that application in a separate new window with awesome features… Amazing!

9. Find option:

If you want to find any word in your respective webpage, press Ctrl+F then towards your top right corner one find text box will scrolls down and also this provides us to see the previous and next options which has been shown using up and down arrows.

10. Developer Options:

This feature is also awesome enough in Chrome, if a user / developer wants to debug or view his code he can do the same, when user want to view the source of a web page, can do the same by Ctrl+U and the source window has got line numbers as well, this is something new and which helps us in debugging as well. Google has introduced a nice feature of debugging the code like a "Firebug " addon in "Firefox ", this will help developers a lot especially for JavaScript developers.

I think, I have covered most of the awesome enough features which Google has introduced in New Chrome Browser, download the same at this location - http://www.google.com/chrome/?hl=en and if you have any valuable feedback on the Google Chrome Browser let the Google Team know the same - http://www.google.com/support/chrome/bin/request.py?contact_type=feedback

And if I have missed any new features, please do post a comment to this article.

Officials has announced that "test" or "beta" version can be downloaded for free in more than 100 countries and the awesome thing here is its code will be open source. Later today, the new browser will be available in more than 40 languages.

As we all know, recently we had a bash on the release of "Firefox 3 ", Mozilla has rocked the web world with the new version release of Firefox. According to the present statistics out of 100%, Internet Explorer is used by 74 percent of computer users worldwide compared with 18 percent for Firefox . If you would like to know about the usage of all the browsers in the present IT Market, then check out this article right here - Google Chrome: Browser competition back in high gear

For your information "Chrome" uses the Webkit engine to render Web Pages and adds a value for JavaScript execution.

If you want to view official Google Chrome Screenshots, then please do view the same at this location - Official Google Chrome Screenshots

If you want to know more about the best new features which has been introduced in "Chrome", there is Comic Book release which explains What Google Chrome is all about and why it was developed. Its worthy seeing…

Below links will take you to the respective websites were you guys can know more about Google Chrome and its awesome features:

1. Google challenges Microsoft with new browser

2. Google announces Google Chrome web browser

3. Kill the competition: Pound plunge … Browser war … Branson airport bid

4. Official Google Chrome Screenshots

5. Google Chrome update: First screenshot, and live-blog alert

6. The Chrome is out of the bag: Google’s browser arrives Tuesday

7. Google ’starting from scratch’ with own browser, Chrome

8. Mozilla CEO: Chrome was inevitable

9. Google steps on Firefox with new Zune…err, Chrome

10. Google Chrome: Browser competition back in high gear

Download: You can download the same from here - http://tools.google.com/chrome

I wondered why IE will raise an issue when I could not see any error in Firefox? annoying error right? Yes! same thing I feel.

After searching a lot in Google by this query “Error: Invalid source HTML for this operation“, I got the answer by seeing some forums. This Error might be because of “Inserting a block element inside a non-block element”

like for example: document.getElementById(’inserting’).innerHTML=”<span><div>Inserting a block element inside a non-block element</div></span>”

The above is strictly not allowed in IE6.0 browsers. When you render the same in IE browser will raise an error saying the same “Error: Invalid source HTML for this operation“, when you render the same in Firefox browsers then will render properly without any error

You can view the below links for reference:

innerHTML and non-block elements
http://xinha.webfactional.com/ticket/129

Related Topics which you would like to read:

1. System Error: -1072896658 in IE
2. Snippet Code for Simple Ajax Tabs with cool CSS Styles
3. Using XMLHttpRequest, reading XML data (Adobe AIR Application)
4. Remove special characters (like !, >, ?, ., # etc.,) from a string using JavaScript
5. 10 different styles of Accordions (Using Ajax, JavaScript, DHTML)

When I debug the same by keeping JavaScript alerts() into my Ajax code, I found that at this line I am getting an error - document.getElementById(’outputDiv’).innerHTML = httpRequest.responseText;

I have searched so many websites and forums for this system error. I tried googling the same like this "System Error: -1072896658 in Ajax ", I got lot bunch of answers. Actually this error has raised because of "Encoding", through Ajax I am calling other language page (like French, Japan languages) into my page in order to show case the same on to my web page but I could not.

I have got several answers after googling the same:

1. I’m new to ajax, and i try to make a simpe test but i alwas got the system error -1072896748 when i’m calling a page use sing the GET method like : http.open(’GET’, ’script.php?action=test’);

You can follow the link to find the answer - http://www.codeguru.com/forum/showthread.php?t=385588

2. system error -1072896748 -> http://bytes.com/forum/thread520484.html

3. AJAX, wat is het, hoe werkt het en waarom zou ik het (niet) gebruiken? (Dutch Language): http://www.multidesk.be/artikels/artikel/160/

I think, by looking at the above - you might resolve this error "System Error: -1072896658" which is poping up in "IE (Internet Explorer)" only.

Related Post, Which you would like to read:

1. Snippet Code for Simple Ajax Tabs with cool CSS Styles
2. Using XMLHttpRequest, reading XML data (Adobe AIR Application)
3. Remove special characters (like !, >, ?, ., # etc.,) from a string using JavaScript
4. 10 different styles of Accordions (Using Ajax, JavaScript, DHTML)

I have gone through some of the Olympic blogs and websites and came up with a list of 10 awesome Beijing 2008 Olympics Blogs, Just have a look and let me know your valuable feedback on the collection and if I miss any good blog which pertains to the Olympics Blog, please do send in, so that I can include the same the list below:

1. The New York Times - Olympics 2008 (http://olympics.blogs.nytimes.com/ ):

What can say about this site, I think you guys might know more than me about this site since this is one of the good and awesome site ever, since the updates will be in seconds might be in milli seconds. Wow! this really awesome enough site to visit and to know more about the Olympics 2008 results in a single shot.

2. bbc.co.uk (http://www.bbc.co.uk/blogs/olympics/ )

Check your favorite sports personality here and check your favorite sports men / women has WON respective medals or not. Check out the results in the list provided (continuously updated). Here in this site you can check with the interactive Beijing Map, even you can download some of your favorite desktop screen savers and even you can check with the latest and best photos which are taken by the team.

3. mattinbeijing.spaces.live.com (http://mattinbeijing.spaces.live.com/ )

Matt in Beijing , MSN’s man at the 2008 Beijing Olympics is covering all the events which are taking place at Beijing. Here in this blog, towards right he has provided images slide show which is awesome enough, you can view most of the best scene here from his blog.

4. Los Angeles Times (http://latimesblogs.latimes.com/olympics_blog )

Check in the live coverage of all the sports here, like Archery | Badminton | Baseball | Basketball | Beach Volleyball | Boxing | Canoeing Cycling | Diving | Equestrian | Fencing | Field Hockey | Gymnastics | Judo | Kayaking Rowing | Shooting | Soccer | Softball | Swimming | Table Tennis | Taekwondo | Tennis Track & Field | Triathlon | Volleyball | Water Polo | Weightlifting | Wrestling

5. Webcastr (http://2008-olympics.webcastr.com/ )

Webcastr which is well know as "The Best of Internet TV" here you can view your best videos ever and be the first person to watch the events which are taking place in Beijing 2008 Olympics. There are more than 100 videos posted. Its worth watching the same.

6. Deadspin (http://deadspin.com/olympics/ )

7. The Washington Post (http://blog.washingtonpost.com/dcsportsbog/ )

8. http://beijingolympicsblog.wordpress.com/

9. http://www.2008beijingolimpics.com/

10. http://www.beijingolympicsfan.com/

If you see this layout, the sections are rendered in rounded corners as Nifty Cubes are famous for Rounded Corners without images.

Basically the one which I have developed is a static website using some simple concepts of AJAX, this will depicts the concepts of AJAX and those who are new to AJAX can learn some simple concepts of AJAX. In this article, if you are interested can download the code and can learn some tips.

You can download the entire code here - download , and if you want to see live preview - here is the link to visit - SimpleAJAXWebsite

Steps to develop simple AJAX Website:

1. After downloading, just open index.html page in to your favorite html editors, once you have done that, if you can see some styles has been used in that page like below screen shot, those are related to Nifty Cubes (This has been used for Rounded Corners). And below <styles> some JavaScript stuff is used for Rounded Corners.

<script type="text/javascript" src="js/niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#content,div#nav","same-height");
}
</script>

2. After the above script, you can see a <script> tag in which we are calling one external JavaScript file (ajax.js )

<script type="text/javascript" src="js/ajax.js" language="JavaScript"></script>

3. After the above <script> tag, actual body content starts here, where in which you can see some tags and unordered lists used in the respective content code.

4. If you watch carefully,  for menu we are using <ul> unordered lists like below

<ul>
<li onClick="activeLink('home.html')"><a href="javascript:void(0);" id="home">Home</a></li>
<li onClick="activeLink('about.html')"><a href="javascript:void(0);" id="about">About</a></li>
<li onClick="activeLink('downloads.html')"><a href="javascript:void(0);" id="downloads">Download</a></li>
<li onClick="activeLink('webresources.html')"><a href="javascript:void(0);" id="webresources">Web Resources</a></li>
<li onClick="activeLink('techvideobytes.html')"><a href="javascript:void(0);" id="techvideobytes">Tech Video Bytes</a></li>
</ul>

For each link we are calling one JavaScript function like “activeLink()”, when user clicks on the respective links provided this link loads the respective page in the container provided. That is, here container is the “pagecontent”. Search for “pagecontent” in the respective file you can see this is as a div “Id”.

5. Now just open “ajax.js ” file, and search for the function activeLink(linkId) , here “linkId ” is the parameter we are passing to this function. This will holds the respective page file name like activeLink(’about.html’) , here we are passing about.html as a parameter to the function activeLink. From there we are passing this parameter to another function named “loadPage() ”.

function activeLink(linkId)
{
loadPage(linkId, 'pagecontent', '<p><img src=\"images/loading.gif\" /> Content is loading, Please Wait...</p>', '<p>Error in Loading page <img src=\"images/error_caution.png\" /></p>');
}

6. loadPage() has got more parameters like pageURL , divElementId , loadingMessage , pageErrorMessage .

loadPage(pageUrl, divElementId, loadinglMessage, pageErrorMessage)

Description of  the above parameters are depicted below:

pageURL – this is the parameter where in which we are passing the respective page URL that is respective filename, here we are passing respective file names as “home.html”, “about.html”, “downloads.html”, “webresources.html”, “techvideobytes.html”.

divElementId – here we are giving the container id, that is when user clicks on the respective links the respective page will be called into that container.

loadingMessage – this parameter is used for showing the user a message while loading the page.

pageErrorMessage – this parameter is used when there is error in loading a respective page .

7. In loadPage() function we are creating respective HTTP request objects for different browsers.

8. Once the request is success then we are calling one function named “responsefromServer() ” where in which we are sending two parameters one is “divElementId” and the other is “pageErrorMessage”.

9. Once the request is success, it will load the page into the respective container using open function with get method.

var req;
function loadPage(pageUrl, divElementId, loadinglMessage, pageErrorMessage) {
document.getElementById(divElementId).innerHTML = loadinglMessage;
try {
req = new XMLHttpRequest(); /* e.g. Firefox */
} catch(e) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");  /* some versions IE */
} catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");  /* some versions IE */
} catch (E) {
req = false;
}
}
}
req.onreadystatechange = function() {responsefromServer(divElementId, pageErrorMessage);};
req.open("GET",pageUrl,true);
req.send(null);
}function responsefromServer(divElementId, pageErrorMessage) {
var output = '';
if(req.readyState == 4) {
if(req.status == 200) {
output = req.responseText;
document.getElementById(divElementId).innerHTML = output;
} else {
document.getElementById(divElementId).innerHTML = pageErrorMessage+"\n"+output;
}
}
}

If you want to know more information regarding the concepts of AJAX, and need to know more about the HTTP request objects then need to visit this page once - Ajax: A New Approach to Web Applications , this is a very powerful page where you can learn the actual concept of AJAX and at the bottom of the page you can see some Question and Answers section, where you can get most of the Answers for your questions.

Hope the above steps help us a lot in developing robust web applications using AJAX.

Download and Live Preview:
You can download the entire code here - download , and if you want to see live preview - here is the link to visit - SimpleAJAXWebsite

You may like to read this:

1. Snippet Code for Simple Ajax Tabs with cool CSS Styles

2. Using XMLHttpRequest, reading XML data (Adobe AIR Application)

Event Oriented Programming:

It introduced a mechanism to create and observe events on any object, not just DOM Elements. This is used by all controls , and allows for fine grained control of your user interface.

As of now they have showcased so many controls like Tabs, Window, TextArea, SelectMultiple, Rating, ProgressBar, ScrollBar, ContextMenu. Just click and experience the world of good and efficient way of building widgets.

Just go through the Widgets which they have showcased perfectly and learn accordingly.

Recently they have showcased Window control which is awesome, this is Control.Window which is a fully programmable, multi purpose windowing toolkit for Prototype. It covers a wide variety of use cases and allows for a high degree of customization. It can attach to links to open the targets as windows, or can be filled with dynamic content. It includes support for stackable, draggable and resizable windows. Subclasses to handle Modal windows, LightBoxes and Tooltips are included.

If you see, TechVideoBytes is completely a technology based website, which depicts the ease of highlighting video tutorials on various software tools and various programming languages. You can learn tools online without paying anything, yes! its absolutely free bucks. Just select your favorite keyword and on a click you can view the respective video playing on the other page, and on the page we are consolidating all the relative videos in respect to your keyword selected, if you would like know more about the TechVideoBytes just crawl into the website – TechVideoBytes .

About the contest:
Here in this contest there are nine $10,000 first place winners, and the 20 $500 second place winners which are determined by the 5 categories of TopCoder Community Favorite. If you guys want to know more about this contest just jump into TopCoder

In the first place winners we stand in 4th place, and the categories includes Usage – 90, Innovation – 80, API – 80, AOL – 62, TC Rank – 94 and coming to over all Weighted Score is – 81.2

We are glad to bags this prize gift, and will strive hard to come up with other innovative web applications in coming future.

We had a crawl to all the websites which are listed in the prize winning list, we have many favorites websites which we liked the most is  MapOfVideo , SVid , VideoBuzz the network of Wittysparks , VideoSearchBot . MapOfVideo has also got good features in the application which provided has got many other options by clicking on the respective spot and stands in 1st Position, SVid it has got featured all the categories in all aspects, which is awesome enough to see and stands in 2nd place, VideoBuzz has bagged in 14th position in the contest. This site has got good look and feel providing all the respective top videos, featured videos and upcoming videos related to Hollywood, Bollywood, Tollywood, Kollywood and more. VideoSearchBot is an AIM bot for video search based on Truveo Video Search API. Just type the query and he will give you the video list with integrated links, which stands in 3rd position in $500 prize winner.

Finally! Kudos to all people who won prize gifts from Truveo.

Name of the application is Tech Video Bytes, and can be viewed at this location http://www.developersnippets.com/techvideobytes

Just click on the above link, this will take you to the awesome application where in which you have a liberty to search your favorite video and learn from the same at a single click.

Do you want to learn programming languages quickly and efficiently with out attending any private institutions by paying lot of bucks? By this application you can learn your favorite programming languages through Videos. And want to be familiar with designing tools like Adobe Photoshop, Adobe Flash, Adobe Aftereffects, 3D Studio Max, Maya and many more through this Video Search Application.

Do you want to listen to what experts says about the latest technologies and want to be in touch with latest technologies, yeah here is the right place to come in and search for your favorite video on particular seminar.

Best features ever to search your favorite video online:

• Towards your left, we have placed a column for Categories, where in you can view many categories that we have listed as of now we have listed only few that we like most and useful for the developers and users. Just click on your favorite respective link, this will take you to the best filtered videos related to that link.For Example: If you click one Photoshop link in the left pane provided, it will show Photoshop related Video links with respective images in the center pane that is in the results pane. With Video Links and Images, description about the video is also provided. Just click on the respective video link you like, this will take you to the Video Page with your favorite video. In that way you can view the favorite video online without paying any bucks it’s all free!Below “All Categories ” lists we have provided Related Channels and Related Tags , these sections will be automatically updated depending on your search results.Related Channels: This will show respective video channels
  Related Tags: This will show up respective tags for your easy search.
• Below the Header in the input box provided, enter your search criteria like for example, Enter Photoshop and click on the “Search Videos ” button. This will filter all the search criteria and will displays all the respective results (that is Video Links, Respective Video Images and Descriptive text about the video).
• Center Pane, This will depicts the search results. Above the search results, you can find your respective search criteria as a heading like if you enter “Photoshop ” in the input box provided then it will display as “Photoshop ” and below that number of the results found.
• In a page we are showing only 15 video links, and if you want to navigate to the other results we have provided pagination functionality for your better navigation purposes.
• Towards your right that is in the third column, we have placed “Featured Videos”, right now in the top we have displayed only Adobe related products and below that we have placed many featured videos this will be updated once in a week.In the featured video’s section, we have displayed the respective title of the Featured Video, below that respective image of the video and beside to that respective description and after that respective Category, Channel, Related Tags.
• If you go to the video page (By clicking on the respective video links provided / the links which are filtered from the search criteria), the Video page will the respective video, as of now we have in the left pane we are listing all the respective Categories and will be adding other categories in upcoming days. And towards your right that right pane, under Featured Videos section, we have placed “Related Videos ” depending on your search and below that respective Related Categories , Related Tags , and Related Channels depending on your search criteria will be automatically changes depending on your search criteria.

Above are the respective features which we have implemented as of now, we will be coming up with new features and new functionalities in the near future.

Place your Video for Free: If you want to place your video, we are glad to accept that but with one condition! Your video should be related to Technology, we mean related to Information Technology, which should be helpful to the end users. And even we promise that if the video is really helpful we will showcase that in the front page of Developer Snippets and as well in the Tech Video Bytes page. In this way you can promote your valuable website through our site.

To send in your respective videos, just draft a mail with all your details and video link (or) video which should be less than 10MB.

Just add “Video :<< Video Title>> | <<Video Duration>> | <<Small Description about the Video>> ” to mail SUBJECT line and sending in to vivekananda_ind@yahoo.com , by looking at the subject line. May have a chance to delete your mail if you have not mentioned the subject line properly as depicted above.

Here is a request from our Team; please let us know your valuable feedback about this application, and help us in growing. If you guys want to add more functionalities to the application, please do inform us and write into us at vivekananda_ind@yahoo.com

Link to the Site: http://www.developersnippets.com/techvideobytes