Kunal-Chowdhury.com - Microsoft Technology Blog for developers and consumers: JavaScript
Showing posts with label JavaScript. Show all posts
Showing posts with label JavaScript. Show all posts

How to create Toggle Panel using HTML and CSS (No JavaScript)?

If you want to display more information in a small space of a webpage, you want to use 'Toggle panel'. This way user only have to click on a link or a tab (based on your design) to display the information within that less space. The other pane will collapse automatically to give a toggle effect.

 

In this tutorial, we will learn how to create the effect in a HTML web page using only CSS. We will not use any JavaScript for this. Continue reading to learn more.



How to insert an element at the middle of a post using #jQuery?

There could be some possible business cases where we need to insert a HTML element inside a post. This should not be a static one but a dynamically injected at the middle of the article. So, what to do in such case? How can we insert it by writing some code?

 

Today in this blog post, we are going to see the same with the help of jQuery code. This will not only reduce the burden of writing huge code, but also give a better performance.


Join Microsoft Live Event: #JavaScript for Experienced Developers

Microsoft Virtual Academy is organizing a live event for the developers who has basic knowledge of JavaScript and looking forward to improve their JavaScript skill. Join Microsoft experts Christopher Harrison and Gabrielle Crevecoeur on 28th October and take your skills to the next level.

 

It’s a whole day event for experienced developers and yes, it’s completely free. So, don't miss! Read more to find out details and registration link for the event.


Microsoft Tuesday - Top News - #04

It’s Tuesday again and I am back with the top news on Microsoft platform. Above the fold you will find posts on Linux and Open-Source computing page, Azure, TypeScript, Internet of Things (IoT) and Kinect. Hope, you will like this posts.

 

Don’t forget to share your views/opinions about this “Microsoft Tuesday” channel. Your feedbacks are always appreciable.


Microsoft Tuesday - Top News - #01

With help of Microsoft, I am sharing top 5 news with you on Microsoft platform. This is the first post on this channel and I hope you will like it over the period. Please share your views on these topics below, which will be shared to the team over time.

 

Above the fold, Microsoft Research makes touch develop tool as open source. Read more to find out the top 5 posts. Don’t forget to share your views/feedback.


Showing Geolocation in Browser using HTML5 and JavaScript

Few days ago, we learned about “Easy Form Validation using HTML5”. Hope, you liked that post. Today we will explore another new great feature of HTML5 with complete code analysis and simple but easy to understandable demo.

 

HTML5 exposes geolocation API to get the geographical location of user. Today we will focus our discussion on this topic. So, continue reading.



How to Integrate HTML Color Code Generator in your Web Page?

If you are a web developer, many time you want to use a HTML Color Code Generator, which can give you proper hex-code for your selected color. Also, you might want to integrate a color palate in your web application for your user.

 

This post will help you to build a color palate in any web page and chose your color code from there. A sample and it’s code is attached here for your direct referral.


How to Create an AdRotator using JavaScript?

If you are ASP.Net developer, you might be aware of the AdRotator control. The AdRotator control is used to display a sequence of ad images from an XML file which stores the ad information in proper format.

 

But if you want to use the same in a non-asp site, how can you develop it? Exactly, I was looking for such answer for one of my friend and later found a solution which uses plain JavaScript to build the adrotator in a simple HTML page. A simple knowledge of JavaScript coding can help you on this. In this post, I will share the same code with you. So, if you want to implement it, you can take direct reference from here.


How to host a Silverlight Application using JavaScript?

We all know the process to embed a Silverlight application inside a Webpage using div and object tag. When we create a new Silverlight application project, those tags automatically generates by the IDE inside the html and aspx pages.

In many cases we need to dynamically add the Silverlight application inside a webpage. In this post, we will learn the process to host it using JavaScript. Looks interesting? Read to know more.
 
© 2008-2017 Kunal-Chowdhury.com - Microsoft Technology Blog for developers and consumers | Designed by Kunal Chowdhury
Back to top