[wp-trac] [WordPress Trac] #16972: Input type radio losts its checked focus when metabox is dragged
WordPress Trac
wp-trac at lists.automattic.com
Sat Jul 23 13:38:25 UTC 2011
#16972: Input type radio losts its checked focus when metabox is dragged
----------------------------+-----------------------------
Reporter: depi | Owner: ldebrouwer
Type: defect (bug) | Status: reviewing
Priority: normal | Milestone: Future Release
Component: Administration | Version: 3.0
Severity: normal | Resolution:
Keywords: needs-patch |
----------------------------+-----------------------------
Comment (by commentluv):
I was having this exact issue with meta boxes I am adding to a plugin
settings page, everything else is cool but radio buttons lose their happy
little dot so saving settings after dragging a metabox to a new position
loses that radio buttons setting which messes things up.
after much experimentation and being too bloody minded to remove drag and
drop entirely and being too lazy to rejigger the settings to use
checkboxes instead and failing to find a way to listen to the metabox drop
event, I came up with this which, so far, seems to do the job
{{{
// global script for commentluv premium settings pages
// workaround for bug that causes radio inputs to lose settings when meta
box is dragged.
// http://core.trac.wordpress.org/ticket/16972
jQuery(document).ready(function(){
// listen for drag drop of metaboxes , bind mousedown to .hndle so it
only fires when starting to drag
jQuery('.hndle').mousedown(function(){
// set live event listener for mouse up on the content .wrap and
wait a tick to give the dragged div time to settle before firing the
reclick function
jQuery('.wrap').mouseup(function(){store_radio();
setTimeout('reclick_radio();',50);});
})
});
/**
* stores object of all radio buttons that are checked for entire form
*/
function store_radio(){
var radioshack = {};
jQuery('input[type="radio"]').each(function(){
if(jQuery(this).is(':checked')){
radioshack[jQuery(this).attr('name')] = jQuery(this).val();
}
jQuery(document).data('radioshack',radioshack);
});
}
/**
* detect mouseup and restore all radio buttons that were checked
*/
function reclick_radio(){
// get object of checked radio button names and values
var radios = jQuery(document).data('radioshack');
//step thru each object element and trigger a click on it's
corresponding radio button
for(key in radios){
jQuery('input[name="'+key+'"]').filter('[value="'+radios[key]+'"]').trigger('click');
}
// unbind the event listener on .wrap (prevents clicks on inputs from
triggering function)
jQuery('.wrap').unbind('mouseup');
}
}}}
you just need to change `jQuery('.wrap')` to whatever container your meta
boxes appear in
(the variable to store the ''hack'' for ''radios'' turning out to spell
''radioshack'' was purely coincidental) :P
--
Ticket URL: <http://core.trac.wordpress.org/ticket/16972#comment:4>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software
More information about the wp-trac
mailing list