Like this also editor = $find("<%=RadEditor1.ClientID%>"); i am getting the values.Everything is wroking fine when i click on edit buttor Radwindow is opening but in my Radtreeview i have some images when do drag and drop that image its not coming once see my script.js code
function OnClientNodeDragStart() {
setOverlayVisible(true);
}
var editor1;
function OnClientNodeDropping(sender, args) {
var event = args.get_domEvent();
var result = isMouseOverEditor(editor, event);
if (result) {
var imageSrc = args.get_sourceNode().get_value();
if (imageSrc && (imageSrc.indexOf(".gif") != -1 || imageSrc.indexOf(".jpg") != -1)) {
var imageSrc = "<
img
src
=
'" + imageSrc + "'
>";
editor.setFocus();
editor.pasteHtml(imageSrc);
editor1 = editor;
}
}
setOverlayVisible(false);
}
function OnClientNodeDragging(sender, args) {
var event = args.get_domEvent();
if (shimId && shimId._backgroundElement) {
if (isMouseOverEditor(editor, event)) {
shimId._backgroundElement.style.cursor = "alias";
}
else {
shimId._backgroundElement.style.cursor = "no-drop";
}
}
}
/* ================== Utility methods needed for the Drag/Drop ===============================*/
//Make all treeview nodes unselectable to prevent selection in editor being lost
function makeUnselectable(element) {
var nodes = element.getElementsByTagName("*");
for (var index = 0; index <
nodes.length
; index++) {
var
elem
=
nodes
[index];
elem.setAttribute("unselectable", "on");
}
}
//Create and display an overlay to prevent the editor content area from capturing mouse events
var
shimId
=
null
;
function setOverlayVisible(toShow) {
if (!shimId) {
var
div
=
document
.createElement("DIV");
document.body.appendChild(div);
shimId
=
new
Telerik.Web.UI.ModalExtender(div);
}
if (toShow)
shimId.show();
else
shimId.hide();
}
//Check if the image is over the editor or not
function isMouseOverEditor(editor, event) {
if (($telerik.isMouseOverElementEx(editor.get_contentAreaElement(), event)) == true)
return true;
else
return false;
}
/* ================== These two methods are not related to the drag/drop functionality, but to the preview functionality =======*/
function Scale(img, width, height) {
var
hRatio
=
img
.height / height;
var
wRatio
=
img
.width / width;
if (img.width > width && img.height > height) {
var ratio = (hRatio >= wRatio ? hRatio : wRatio);
img.width = (img.width / ratio);
img.height = (img.height / ratio);
}
else {
if (img.width > width) {
img.width = (img.width / wRatio);
img.height = (img.height / wRatio);
}
else {
if (img.height > height) {
img.width = (img.width / hRatio);
img.height = (img.height / hRatio);
}
}
}
}
function BeforeClick(sender, args) {
var node = args.get_node();
var object = document.createElement("IMG");
object.src = node.get_value();
if (node.get_attributes().getAttribute("Category") == "Folder") {
return;
}
var previewPane = document.getElementById("previewPane");
if (object.complete) {
Scale(object, 100, 100);
previewPane.innerHTML = "";
previewPane.appendChild(object);
}
else {
previewPane.innerHTML = "Loading image...";
object.onload = function () {
Scale(object, 100, 100);
previewPane.innerHTML = "";
previewPane.appendChild(object);
object.onload = null;
}
}
}
In OnClientNodeDropping() we have var result = isMouseOverEditor(editor, event);
there in result i am getting false if it is true then only image will display in Radeditor but i am getting false
but in isMouseOverEditor() i am getting bothe editor and event but it is returning false why i cant understand