[Solved] Using jquery to show/hide the editor toolbar

[Gordon]

Am intending on showing/hiding the editor toolbar when the editor gains focus.

Not haivng much luck on binding to the focus at the moment.  I assume jquery doesn't register an event for focus on the body tag.

Anyone have any tips on how i can achieve this?

$('iframe..t-content').contents().find('body').bind({
  focus: function() {
    alert('focus');
  },
  focusout: function() {
    alert('focusout');
  }
});

[Atanas Korchev]

Hello Gordon,

 You can try this instead:

var editor = $("#Editor").data("tEditor");

$(editor.window).bind("focus", function() {
     $("#Editor .t-editor-toolbar").show();
}).bind("blur", function() {
     $("#Editor .t-editor-toolbar").hide();
});

Regards,
Atanas Korchev
the Telerik team

[Gordon]

Thanks for that.

The script works fine when running it in firequery....

However it doesn't work in document ready, where should the code go?

$(document).ready(function () {
  var editor = $("#Description").data("tEditor");
  if (editor==null) {
    $('#footer').append('editornull');
  }
  else {
    $(editor.window).bind({
      focus: function() {
        $("#Description .t-editor-toolbar").slideDown();
      },
      blur: function() {
        $("#Description .t-editor-toolbar").slideUp();
      }
    }); //bind
  }//else
});//docready

[Gordon]

I've used the grid onload.  Which is obvious, but it'd be nice to be able to use docready the same as all my other initialisation script.

For those who are interested;

function tEditorLoaded(e) {
     var editorId =  e.target.id;
     var editor = $("#" + editorId).data("tEditor");
     
     if (editor == null) {
       $('#footer').append(editorId + '=null');
     }
     else {
       $('#' + editorId).attr('cellspacing','1px');
 
       var editorIframe = $("#" + editorId).find('.t-content');
       editorIframe.attr('id', 'tEditContent_' + editorId);
        
       $(editor.window).bind({
         focus: function() {
           var myId = editor.window.frameElement.id;
           var editorId = myId.replace('tEditContent_','');
 
           $("#" + editorId + " .t-editor-toolbar").slideDown();
         },
         blur: function() {
           var myId = editor.window.frameElement.id;
           var editorId = myId.replace('tEditContent_','');
           $("#" + editorId + " .t-editor-toolbar").slideUp();
         }
       }); //bind
     } //else
   } //function