Opera Browser Wiki : GuideCheckbox

acaldomracn

91.121.179.148 (2008-11-13 20:23:28)

vsKjnn I serched through the internet and got here. What a wonderful invention of the mankind. With the help of the network you communicate, learn, read !... That helped us to get acquainted!....

193.105.210.170 (2012-02-11 14:44:46)

Now Bug free:/* USAGE:$(document).ready(function(){$(selector).rciStyle();} pos-checked-status0 false off1 false over2 false down3 true off4 true over5 true down*/ Extend JQuery Functionality For Custom Radio Button FunctionalityjQuery?.fn.extend({rciStyle: function(){ Initialize with inaiitl load time control state$.each($(this), function(){if($(this).find( input').length>0){$(this).attr( spec ,'rcihold');var elm=$(this).find( input').get(0);$(elm).bind( change.rci',function(){ var leml = $(this).get(0); var div = $(this).closest( [spec=rcihold] ).get(0); if($(div).data( type')

radio') { $(leml).rciCheck(div); $.each($( input[name='"+$(leml).attr("name")+"'] ),function() { if(leml!=this) $(this).rciUncheck(-1); }); }else{ if($(div).data( checked )

true) $(leml).rciUncheck(div); else $(leml).rciCheck(div); } });var elmType = $(elm).attr( type );var elmHeight = $(elm).height();var elmChecked = ($(this).find( input:checked').length > 0);$(this).children().css( display','none');$(this).data( type',elmType);$(this).data( checked',elmChecked);$(this).data( height',elmHeight);$(this).data( over',false);$(this).rciClear();}});$(this).mousedown(function() { $(this).rciEffect(); });$(this).mouseup(function() { $(this).rciHandle(); }); $(this).mouseover(function() {$(this).data( over',true);$(this).rciHover(); }); $(this).mouseout(function() {$(this).data( over',false);$(this).rciClear(); });},rciClear: function(){if($(this).data( checked )

true){$(this).css({backgroundPosition: center - +($(this).data( height )*3)+ px });}else{$(this).css({backgroundPosition: center 0 });}},rciEffect: function(){if($(this).data( checked )

true){$(this).css({backgroundPosition: center - +($(this).data( height )*5)+ px });}else{$(this).css({backgroundPosition: center - +($(this).data( height )*2)+ px });}},rciHover: function(){if($(this).data( checked )

true){$(this).css({backgroundPosition: center - +($(this).data( height )*4)+ px });}else{$(this).css({backgroundPosition: center - +($(this).data( height )*1)+ px });}},rciHandle: function(){var elm=$(this).find( input').get(0);if($(this).data( type')

radio'){$(elm).rciCheck(this);$.each($( input[name='"+$(elm).attr("name")+"'] ),function(){if(elm!=this)$(this).rciUncheck(-1);});$(elm).change();}else{ if($(this).data( checked )

true)$(elm).rciUncheck(this);else$(elm).rciCheck(this); }},rciCheck: function(div){$(this).attr( checked ,true);if($(div).data( over')){ $(div).data( checked',true).css({backgroundPosition: center - +($(div).data( height )*4)+ px }); }else{ $(div).data( checked',true).css({backgroundPosition: center - +($(div).data( height )*3)+ px }); }},rciUncheck: function(div){$(this).attr( checked ,false);if(div != -1){if($(div).data( over')){ $(div).data( checked',false).css({backgroundPosition: center - +($(div).data( height )*1)+ px }); }else{ $(div).data( checked',false).css({backgroundPosition: center 0 }); }}else$(this).closest( [spec=rcihold] ).data( checked ,false).css({backgroundPosition: center 0 });}});

88.119.196.145 (2012-12-21 06:57:23)

How would the code in the actual page look like? The one canillg the function?That's the beauty of actions and filters: there is no code canillg the function needed. You only need to put the code inside functions.php and that's all.As for the first question, figure it out. The fastest way to learn is by doing. If you can't manage that, you're better off using a dedicated plugin.

46.227.176.7 (2012-12-21 06:57:31)