field_widget_form.js

/**
 * @file
 */

jQuery(document).ready(function () {
    var $shorthandStoryDiv = jQuery('.field-name-shorthand-story-id');
    $shorthandStoryDiv.each(function () {
        var existingID = jQuery(this).find('input[type=text]').val();
        console.log(existingID);
        if (jQuery(this).find('ul.stories')) {
            jQuery(this).append('<ul class="stories"></ul>');
            var list = jQuery(this).find('ul.stories');
            console.log(list);
            jQuery(this).append('<div class="clear"></div>');
            for (var shStory in shStoryData['stories']) {
                var data = shStoryData['stories'][shStory];
                var serverURL = shStoryData['serverURL'];
                var selected = '';
                var storySelected = '';
                if (existingID && existingID == data.id) {
                    selected = 'checked';
                    storySelected = 'selected';
                }
                list.append('<li class="story ' + storySelected + '"><label><input name="story_id" type="radio" value="' + data.id + '" ' + selected + ' /><img width="150" src="' + serverURL + data.image + '" /><span>' + data.title + '</span></a></label></li>');
            }
        }
    });
    jQuery('li.story input:radio').click(function () {
        jQuery('li.story').removeClass('selected');
        jQuery(this).parent().parent().addClass('selected');
        jQuery('label#title-prompt-text').text('');
        var input = jQuery(this).parent().parent().parent().parent().find('input[type=text]');
        input.val(jQuery(this).val());
        jQuery('input#edit-title').val(jQuery(this).parent().find('span').text());
    });
});