Thursday, 26 September 2013
Monday, 16 September 2013
Tooltip script function
<script>
function refreshTooltip() {
$('.tooltip-questionmark').tooltip({
position: {
my: "center bottom-20",
at: "center top",
using: function( position, feedback ) {
$( this ).css( position );
$( "<div>" )
.addClass( "arrow" )
.addClass( feedback.vertical )
.addClass( feedback.horizontal )
.appendTo( this );
}
}
});
$('.tooltip-pageyourself').tooltip({
content: function () {
return $(this).prop('title');
},
position: {
my: "center bottom-20",
at: "center top",
using: function( position, feedback ) {
$( this ).css( position );
$( "<div>" )
.addClass( "arrow" )
.addClass( feedback.vertical )
.addClass( feedback.horizontal )
.appendTo( this );
}
}
});
};
$(document).ready(function() {
refreshTooltip();
// Init placeholder function for browser that doesn't support it
$('[placeholder]').defaultValue();
});
</script>
function refreshTooltip() {
$('.tooltip-questionmark').tooltip({
position: {
my: "center bottom-20",
at: "center top",
using: function( position, feedback ) {
$( this ).css( position );
$( "<div>" )
.addClass( "arrow" )
.addClass( feedback.vertical )
.addClass( feedback.horizontal )
.appendTo( this );
}
}
});
$('.tooltip-pageyourself').tooltip({
content: function () {
return $(this).prop('title');
},
position: {
my: "center bottom-20",
at: "center top",
using: function( position, feedback ) {
$( this ).css( position );
$( "<div>" )
.addClass( "arrow" )
.addClass( feedback.vertical )
.addClass( feedback.horizontal )
.appendTo( this );
}
}
});
};
$(document).ready(function() {
refreshTooltip();
// Init placeholder function for browser that doesn't support it
$('[placeholder]').defaultValue();
});
</script>
Friday, 6 September 2013
Border Radius for IE
Border Radius for IE
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>
avascript:
$('.box').corner();
HTML:
<div class="box">Hello</div>
CSS:
box{
width:150px;
height:28px;
padding:10px;
}
On Mouse Over show hid div Jqeury
On Mouse Over show hid div Jqeury
<!------on mouse over
show----------->
$("#ADDropdownLink").mouseenter(function()
{
$("#ADDropdown").show();
}).mouseleave(function() {
$("#ADDropdown").hide();
});
<!------on mouse over
show----------->
Show and Hide function with Jquery
Show and Hide function with Jquery
Use after close head tag
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
Use after in body tag
<div id="show">Show</div>
<div id="hide">Hide</div>
<p>Your Content is Showing</p>
Show and Hide function with element
Show and Hide function with element
<script
type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
<a
href="#" onclick="toggle_visibility('foo');">Click here
to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>
<div id="foo">This is foo</div>
Show and Hide function with element you can use multiple ID.
HTML5 Script for IE
HTML5 Script for IE
<!--[if
IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Insert HTML5 Shiv Script after close head tag.
How to make css height for chrome, Hot to make css width for chrome,
CCS3 Height and width
.calc {
width: 100px;
height: 50px;
border: 1px solid #f00;
padding: 10px;
/* Firefox */
width: -moz-calc(75% - 50px);
/* WebKit */
width: -webkit-calc(75% - 50px);
/* Opera */
width: -o-calc(75% - 50px);
/* Standard */
width: calc(75% - 50px);
}
CSS3 height for webkit (chrome, safari).
Different height and width for (IE firefox, safari, chrome, opera)
HTML 5 Canvas tutorial
Subscribe to:
Posts (Atom)