Infopitcher

  • twitter
  • facebook
  • rss
  • CSS
  • HTML
  • Jquery
  • CMS
  • WordPress
Browsing: / Home
Shortlink

Show/Hide form elements based on radio button selections using jQuery

By sakthi on October 20, 2011 in Coding, Jquery
Tweet

In this post we can see how to  show or hide certain form fields when a radio button selection happen  in your web form using jquery. To do this  you need a different DIV associated with that radio button to hide or show certain fields in the form. You can achive this very easily and efficiently using jquery.

Show/Hide form elements based on radio button selections using jQuery

Show/Hide form elements based on radio button selections using jQuery

Continue reading →

Shortlink

Styling links by file type using CSS

By sakthi on September 29, 2011 in CSS, CSS3
Tweet

In this post i would like to explain how to apply style to a link by using file type. In our web projects we can use many type of links (External link, PDF file,  ZIP file, mailto, doc file, etc…) and we can style each link by link file type without using any class or id.

Styling links by file type using CSS

Styling links by file type using CSS

Continue reading →

Shortlink

html5 progress tag

By sakthi on September 29, 2011 in HTML, HTML5
Tweet

The HTML5 <progress> tag is used to display  the progress of a task.The HTML5 <progress> element is used with javascript to display the progress of a task or process is underway.

html5 progress tag

html5 progress tag

Continue reading →

Shortlink

HTML 5 details Tag

By sakthi on September 27, 2011 in HTML, HTML5
Tweet

HTML5 <details> tag is used to specify additional details or controls and these can be hidded or show on demand. Open attribute is used to define hidded or show. It can be used with the HTML5 <summary> tag to provide a heading that can be clicked to expand or collapse the details.

HTML 5 details Tag

HTML 5 details Tag

Continue reading →

Shortlink

Animated Navigation Menu using CSS3

By sakthi on September 15, 2011 in CSS, CSS3
Tweet

In this post I am going to show  how to create an  animated navigation menu using CSS3 transition property.This kind of effect you have seen before using flash or JavaScript. Use it and make some thing better for your Navigation menu.

Animated Navigation Menu CSS3

Animated Navigation Menu CSS3

Continue reading →

1 2 ... 8 Next »

Search

Most

  • Viewed
  • Commented
  • Background Image Change on every 5sec using Jquery (3549)
  • Tabs using Jquery demo and download links. (1802)
  • Social icon effects using Jquery (977)
  • Text-indent problem in IE INPUT BUTTON (559)
  • jQuery Lightbox Plugins (471)
  • CMS for e-commerce websites (13)
  • Text-indent problem in IE INPUT BUTTON (12)
  • CMS list using PHP/MYSQL (9)
  • jQuery Lightbox Plugins (4)
  • CSS drop down menu (4)

RSS Infopitcher

  • Show/Hide form elements based on radio button selections using jQuery
  • Styling links by file type using CSS
  • html5 progress tag
  • HTML 5 details Tag
  • Animated Navigation Menu using CSS3

Copyright © 2010 - 2012 Infopitcher.com.

Powered by AccrueBiz.