2016-09-12 12:46
$(this).text($(this).text().substr(0, 55));$(this).append('...'); Read More
Blog Directory > Software Blogs > Programming Blogs > PSD-HTML-CSS-JS programming Blog >
Psd-html-css-js Blog
psdhtmlcssjs.blogspot.in
Tags:
classonradio height
ltimg classonradio height
height
ltimg classonradio
classoffradio height
jquery
label
element
width
ltimg classoffradio height
Web designing tutorial. Sharing technical information about web designing, UI development.
2016-06-15 12:33
Load more items using jquery.HTML:Load more itemsScript://Load more items using jquery var itemsCount = 0; var itemsMax = 30; //var itemsMax = $("#totalcount").val(); $('.product-section .it… Read More
2016-06-15 09:15
Issue:Show one popover at a time and hide other popovers.Fix:Html:onetwoScript:$('.triggerpopover').webuiPopover();$('.triggerpopover').on('click', function (e) { $('.triggerpopover').not(t… Read More
2016-05-31 05:07
Custom scroll using Jquery plugin.Embed CSS: https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.cssEmbed JS:http://ajax.googleapis.com/a… Read More
2016-05-26 12:56
Adding class to parent element when radio button is selected using jquery var $radiobtn = $('.form-second-sec input:radio');$radiobtn.change(function () { $radios.parent().removeClass('a… Read More
2016-05-06 02:20
Embed CSS: https://cdn.jsdelivr.net/jquery.webui-popover/1.2.7/jquery.webui-popover.min.css Embed JS:http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js https://c… Read More
2016-05-06 01:59
We are hiding default form element using CSS. The "for" attribute specifies which form element is bound to the label. So label will act as an input element. "Id" name of the form element an… Read More
2016-05-06 01:59
We are hiding default form element using CSS. The "for" attribute specifies which form element is bound to the label. So label will act as an input element. "Id" name of the form element an… Read More
2016-05-04 04:36
HTML:<div draggable = "false"> <!-- ondragover event: Specifies where the dragged data can be dropped --> <!-- ondrop event: When the dragged data is dropped, a… Read More
2016-05-03 04:57
Before going to runtime approach using modernizr, we will see some browser profiling approach.Browser profiling approach:1. caniuse.com2. html5test.comNote: These sites are useful to know th… Read More
2016-05-02 11:29
Adding active class dynamically to open accordion panel item.Script:$('.accordion-panel .panel-heading').removeClass("actives");//Accordian color change and proper toggle $('.accordion… Read More
2016-05-02 11:01
Script://append tooltip jQuery('li .helptext').hover(function(){ // H… Read More
2016-05-02 10:59
Change background color of accordion odd & even row using Jquery.Script$(function(){ $('.panel-group > .panel-default:even').addClass('even'); $('… Read More
2016-05-02 10:59
Change background color of accordion odd & even row using Jquery.Script$(function(){ $('.panel-group > .panel-default:even').addClass('even'); $('… Read More
2016-05-02 10:53
Simple form validation using Jquery.Embed the below js files:http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery… Read More
2016-05-02 10:51
div { background: #000; opacity: 0.5;}Also set the style like opacity=1 for inside contents.Eg: div p{opacity=1;} Read More
2016-05-02 10:51
/* Mozilla based browsers */::-moz-selection {background-color: #FF68B0;color: #000;}/* Works in Safari */::selection {background-color: #FF68B0;color: #FFF;}/* Works in Opera */::-o-selecti… Read More
2016-05-02 10:50
"https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js""//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js""//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10… Read More
2016-05-02 10:50
"https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js""//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js""//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10… Read More
2016-05-02 04:45
Jquery change background color of table row when selecting a checkbox.Jquery:$(function() { $('td:first-child input').change(function() {  &hell…Read More
2016-05-02 04:42
Custom Scrollbar using Jquery Plugin.Script:Embed the below JS files:http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.jshttps://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scro… Read More
2016-05-02 04:35
Scenario:when scroll down change the header position to fixedJavascript:function init() { window.addEventListener('scroll', function(e) { var distance… Read More
2016-05-02 04:24
Enable / Disable click option using CSS.navbar-nav > .level-1 > a{pointer-events: none; // disable click option} .navbar-nav > .level-1:first-child > a{pointer-events: auto… Read More
2016-05-02 04:17
CSS:.select-style { padding: 0; margin: 0; border: 1px solid #ccc; width: 197px; overflow: hidden; height: 30px; background: url("../images/dropdown.png") no-repeat right center #fff; margin… Read More
2016-05-01 05:20
Container with position: fixed property will be collapse when keypad is opened in Ipad.Below Javascript code is used for solution.$("input,textarea").focus(function () { if (isiP… Read More
2016-05-01 05:20
Issue: Initially slide is start automatically. But When we click navigation, slider is not sliding automatically.Fix:Remove “el.stopAuto();” from clickNextBind & clickPrevBin… Read More
2016-05-01 03:44
After creating square shape using HTML elements like div or spanapply below CSS3 property:.square-shape{ transform: rotate(45deg);} Read More
2016-05-01 03:43
IE-10 // eg: margin-top:10px\9;IE-11 // eg: @media all and (-ms-high-contrast:none){ } Chrome // eg: @media scr… Read More
2016-05-01 03:28
Below CSS lines used to removing default dotted outline when link is selected. a, a:hover, a:active, a:focus {outline:0;} Read More
Subscribe to Psd-html-css-js
Get updates delivered right to your inbox!