Add CRM HTPP clickable link in notes tab
Question
Answers
-
A possible quick and dirty solution is to change the functionality above to one that builds an html section for each annotation.
It’s fair to say that this solution is much more risky and if there was ever a line between good unsupported and bad unsupported this is definitely bad. Here is a working example…
function OnCrmPageLoad()
{
window.NotesToolbar = new InlineToolbar("new_openurl");
NotesToolbar.AddButton("btnShowLinks","Show Links","15%",OpenSelectedUrl);
}
function OpenSelectedUrl()
{
var NotesIframe = document.all.notescontrol.contentWindow;
var Annotations = NotesIframe.document.getElementsByTagName("TextArea");
for(var i = 0; i < Annotations.length ; i++)
{
var Note = Annotations[i];
var NoteLink = Note.Link;
if (NoteLink == null)
{
NoteLink = NotesIframe.document.createElement("SPAN");
NoteLink.style.cssText = "border-top:1px solid gray;line-height:22px;width:100%;background-color:pink";
Note.Link = NoteLink;
Note.parentElement.appendChild(NoteLink);
}
NoteLink.innerHTML = UrlToLink(Note.innerText);
}
}
function UrlToLink (text)
{
if( !text ) return text;
text = text.replace(/((https?\:\/\/|ftp\:\/\/)|(www\.))(\S+)(\w{2,4})(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/gi,
function(url)
{
nice = url;
if( url.match('^https?:\/\/') )
{
nice = nice.replace(/^https?:\/\//i,'')
}
else
{
url = 'http://'+url;
}
return '<a style="text-decoration:underline;color:blue;" target="_blank" rel="nofollow" href="'+ url +'">'+ nice +'</a>';
});
return text;
}
OnCrmPageLoad();
GI CRM Blog * GI Website- Marked as answer by DavidJennawayMVP, Moderator Thursday, August 5, 2010 3:40 PM
All replies
-
As mentioned … the CRM notes control (notescontrol) displays each annotation description inside a Text Area.A possible workaround is to teach the user to select the URL (instead of clicking on it) and click on an alternative toolbar / inline toolbar button that retrieves the user selection (the URL possibly) and uses it if it’s a link.
The following post http://mscrm4ever.blogspot.com/2009/10/crm-40-creating-inline-toolbar-and.html describes the method necessary to add an inline button. You can add a new section above the notes tab add the new_openurl place holder attribute to it. (see link above for explanation). The JS below is the actual implementation.
The merit of using this method, although easy to implement, is that it’s unsupported.
Cheers.
function OpenSelectedUrl()
{
//ref notes tab
var NotesIframe = document.all.notescontrol.contentWindow;
//grab selected text
var SelectedUrl = NotesIframe.document.selection.createRange().text;
var r = new RegExp("((http|https)(:\/\/))([a-zA-Z0-9]+[.]{1}){2}[a-zA-z0-9]+(\/{1}[a-zA-Z0-9]+)*\/?|","gi");
//check if it's a valid url
var result = r.exec(SelectedUrl);
if (result.input != "" && result.input == result[0])
{
window.open(SelectedUrl);
}
}
function OnCrmPageLoad()
{
window.NotesToolbar = new InlineToolbar("new_openurl");
NotesToolbar.AddButton("btnOpenLink","Open Selected Url","25%",OpenSelectedUrl);
}
GI CRM Blog * GI Website- Proposed as answer by DavidBerryMVP, Moderator Tuesday, July 20, 2010 6:36 PM
-
A possible quick and dirty solution is to change the functionality above to one that builds an html section for each annotation.
It’s fair to say that this solution is much more risky and if there was ever a line between good unsupported and bad unsupported this is definitely bad. Here is a working example…
function OnCrmPageLoad()
{
window.NotesToolbar = new InlineToolbar("new_openurl");
NotesToolbar.AddButton("btnShowLinks","Show Links","15%",OpenSelectedUrl);
}
function OpenSelectedUrl()
{
var NotesIframe = document.all.notescontrol.contentWindow;
var Annotations = NotesIframe.document.getElementsByTagName("TextArea");
for(var i = 0; i < Annotations.length ; i++)
{
var Note = Annotations[i];
var NoteLink = Note.Link;
if (NoteLink == null)
{
NoteLink = NotesIframe.document.createElement("SPAN");
NoteLink.style.cssText = "border-top:1px solid gray;line-height:22px;width:100%;background-color:pink";
Note.Link = NoteLink;
Note.parentElement.appendChild(NoteLink);
}
NoteLink.innerHTML = UrlToLink(Note.innerText);
}
}
function UrlToLink (text)
{
if( !text ) return text;
text = text.replace(/((https?\:\/\/|ftp\:\/\/)|(www\.))(\S+)(\w{2,4})(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/gi,
function(url)
{
nice = url;
if( url.match('^https?:\/\/') )
{
nice = nice.replace(/^https?:\/\//i,'')
}
else
{
url = 'http://'+url;
}
return '<a style="text-decoration:underline;color:blue;" target="_blank" rel="nofollow" href="'+ url +'">'+ nice +'</a>';
});
return text;
}
OnCrmPageLoad();
GI CRM Blog * GI Website- Marked as answer by DavidJennawayMVP, Moderator Thursday, August 5, 2010 3:40 PM
