Hi Guys,
I have been having issues getting the stand alone image lib working from fire fox.
I have come to discover that it's being caused by the jquery syntax for getting elements. ($find, $get, etc)
I have recently been working on a site with a rather templated layout which required that i set multiple images from the standlone image library, below is my solution:
////////////// Dialogue Manager + Scripts \\\\\\\\\\\\\\\\\\\\\\
<telerik:dialogopener runat="server" id="DialogOpener1" ></telerik:dialogopener>
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
var BannerID;
var lblBanner;
//<![CDATA[
function ImageManagerFunction(sender, args) {
var selectedItem = args.get_value();
var Image = document.getElementById(BannerID);
var lbl = document.getElementById(lblBanner);
var path = args.value.getAttribute("src", 2);
path = path.substring(path.lastIndexOf("ImageLibrary/") + 13, path.length);
if ($telerik.isIE) {
alert("dd");
Image.value = "~/ImageLibrary/" + path //this is the selected IMG tag element
lbl.src = "<%= ConfigurationManager.AppSettings["ApplicationURL"].ToString() %>ImageLibrary/" + path;
}
else {
Image.value = "~/ImageLibrary/" + path //this is the selected IMG tag element
lbl.src = "<%= ConfigurationManager.AppSettings["ApplicationURL"].ToString() %>ImageLibrary/" + path
}
}
function ShowImageLib(field, label) {
BannerID = field;
lblBanner = label;
$find('<%= DialogOpener1.ClientID %>').open('ImageManager', { CssClasses: [] });
return false;
}
function openWin(what, name) {
var oWnd = radopen(what, name);
}
//]]>
</script> </telerik:RadScriptBlock>
////////////////////////////////// Call from page \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<table cellpadding="5" cellspacing="0">
<tr>
<td><b>Banner</b>
<br /><asp:HiddenField id="imgPath" runat="server" Value='<%# DataBinder.Eval(Container, "DataItem.Image") %>'/><asp:Image ID="imgPreview" runat="server" ImageUrl='<%# GetImage(DataBinder.Eval(Container, "DataItem.Image")) %>' /></td>
</tr>
<tr>
<td style="text-align:right;"><a href="#" onclick="javascript: ShowImageLib('<%= imgPath.ClientID %>', '<%= imgPreview.ClientID %>');">Choose Image</a></td>
</tr>
</table>
Hope this helps anyone who experianced the same issues.
Dane