AJAX, Jscript and Microsoft CRM

http://philiprichardson.org/blog/post.aspx?id=106

TrackBack — Mon, 17 Jul 2006 00:53:35 GMT

AJAX, Jscript und Microsoft CRM

Joris Kalz — Tue, 18 Jul 2006 21:34:59 GMT

In meinem Blog habe ich einen neuen Artikel zur Erweiterbarkeit von Microsoft CRM veröffentlicht. In...

Microsoft CRM » Microsoft CRM : Dynamic Picklist using .aspx and AJAX

Microsoft CRM » Microsoft CRM : Dynamic Picklist using .aspx and AJAX — Sun, 20 Aug 2006 06:35:52 GMT

PingBack from http://krishnacrm.wordpress.com/2006/08/20/microsoft-crm-dynamic-picklist-using-aspx-and-ajax/

re: AJAX, Jscript and Microsoft CRM

ioannisjt — Wed, 30 Aug 2006 09:17:59 GMT

I have tried your code and worked the first go. Thanks. But i get some overlap on drop down lists like so http://img225.imageshack.us/img225/8597/suggestionboxxd4.jpg Anyone else getting this? Any idea on how to fix it?

AJAX, Jscript and Microsoft CRM « [semaj]

AJAX, Jscript and Microsoft CRM « [semaj] — Fri, 01 Sep 2006 05:27:35 GMT

PingBack from http://semaj.wordpress.com/2006/09/01/ajax-jscript-and-microsoft-crm/

re: AJAX, Jscript and Microsoft CRM

ioannisjt — Fri, 08 Sep 2006 08:59:11 GMT

The suggestion box is displayed under any picklists. Anyone found a way to fix this? It would also be good if they could click and select an item.

re: AJAX, Jscript and Microsoft CRM

ioannisjt — Wed, 01 Nov 2006 02:16:10 GMT

Fixed the problem with the drop down lists by adding an iframe behind it.

Was for work on this page.

http://www.ask-distribution.com.au/ASKBeyond/DownloadAddress.asp

re: AJAX, Jscript and Microsoft CRM

Joris Kalz — Wed, 01 Nov 2006 02:43:17 GMT

@ioannisjt

Thank you for the information. It seems to be a generic problem of IE: http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx

However, it has been fixed in IE 7

re: AJAX, Jscript and Microsoft CRM

ioannisjt — Fri, 03 Nov 2006 01:25:43 GMT

I did not test in IE7 but thank you.

Ioannis

Så får du Intellisense i Microsoft CRM

Microsoft Dynamics CRM Norge — Thu, 11 Jan 2007 17:06:13 GMT

Fält som vet vad du skall skriva och fyller i sig själv låter väl inte så dumt ? Istället för att du

re: AJAX, Jscript and Microsoft CRM

SimonJackson — Wed, 09 May 2007 11:16:52 GMT

This is a great script so I thought I'd see how some of our users got on with it. Unfortunately some users insist on using their mouse to click in the list, which does not work. With the mouse they can also move focus to another textbox and the list hangs around.

Does anyone know how to deal with these events in this script?

re: AJAX, Jscript and Microsoft CRM

SimonJackson — Wed, 09 May 2007 12:09:41 GMT

After my last comment of this code not dealing with mouse events I've decided to add them, see selectedwithmouse and hoverwithmouse.

Please find updated code below:

function SuggestionTextBox(textfield, method, preload)

{ // max items in the suggestion box

var maxItems = 6;

this.suggestionList = new Array();

this.suggestionListDisplayed = new Array();

var actual_textfield = textfield;

var actual_value = '';

var selectedNumber = 0;

var countMatches = 0;

if (preload)

{

// load the data via external method

this.suggestionList = method();

}

// attach this function to the textfield

textfield.attachEvent("onfocus", initTextfield);

// init textfield and attach necessary events

function initTextfield()

{

// when leaving the field we have to clear our site

textfield.attachEvent("onblur", resetTextfield);

document.attachEvent("onkeydown", keyDown);

}

function resetTextfield(e)

{

//when leaving the field, we have to remove all attached events

document.detachEvent("onkeydown", keyDown);

textfield.detachEvent("onblur",resetTextfield);

}

function keyDown(e)

{

keyCode = e.keyCode;

switch (keyCode)

{

case 9: case 13:

// enter & tab key

if (countMatches > 0)

itemSelected();

break;

case 38:

//pressing up key

if(selectedNumber > 0 && countMatches > 0)

{

selectedNumber--;

createSuggestionTable();

}

return false;

break;

case 40:

// pressing down key

if(selectedNumber < countMatches-1 && countMatches > 0 && selectedNumber < maxItems)

{

selectedNumber++;

createSuggestionTable();

}

return false;

break;

default:

// do not call the function to often

setTimeout(

function()

{

executeSuggestion(keyCode)

}, 200 /* in ms */

);

break;

}

function itemSelected()

{

actual_textfield.value = suggestionListDisplayed[selectedNumber];

if (document.getElementById('suggestion_table') != null)

{

document.body.removeChild(document.getElementById('suggestion_table'));

}

function executeSuggestion(keyCode)

{

selectedNumber = 0;

countMatches = 0;

actual_value = textfield.value;

//todo add keyCode

// get all possible values from the suggestionList

if (!preload)

{

// load the data via external method

// todo add some caching function

this.suggestionList = method();

}

// using regular expressions to match it against the suggestion list

var re = new RegExp(actual_value, "i");

//if you want to search only from the beginning

//var re = new RegExp("^" + actual_value, "i");

countMatches = 0;

this.suggestionListDisplayed = new Array();

// test each item against the RE pattern

for (i = 0; i < this.suggestionList.length; i++)

{

// if it matche add it to suggestionListDisplayed array

if (re.test(this.suggestionList[i]) && actual_value != '')

{

this.suggestionListDisplayed[countMatches] = this.suggestionList[i];

countMatches++;

// if there are more values than in maxItems, just break

if (maxItems == countMatches)

break;

}

if (countMatches > 0)

{

createSuggestionTable();

}

else

{

if (document.getElementById('suggestion_table'))

{

document.body.removeChild(document.getElementById('suggestion_table'));

}

function createSuggestionTable()

{

if (document.getElementById('suggestion_table'))

{

document.body.removeChild(document.getElementById('suggestion_table'));

}

// creating a table object which holds the suggesions

table = document.createElement('table');

table.id = 'suggestion_table';

table.width = actual_textfield.style.width;

table.style.position= 'absolute';

table.style.zIndex = '100000';

table.cellSpacing = '1px';

table.cellPadding = '2px';

topValue = 0;

objTop = actual_textfield;

while(objTop)

{

topValue += objTop.offsetTop;

objTop = objTop.offsetParent;

}

table.style.top = eval(topValue + actual_textfield.offsetHeight) + "px";

leftValue = 0;

objLeft = actual_textfield

while(objLeft)

{

leftValue += objLeft.offsetLeft;

objLeft = objLeft.offsetParent;

}

table.style.left = leftValue + "px";

table.style.backgroundColor = '#FFFFFF';

table.style.border = "solid 1px #7F9DB9";

table.style.borderTop = "none";

document.body.appendChild(table);

// iterate list to create the table rows

for ( i = 0; i < this.suggestionListDisplayed.length; i++)

{

row = table.insertRow(-1);

row.id = 'suggestion_row' + (i);

row.attachEvent("onclick", selectedwithmouse);

column = row.insertCell(-1);

column.id = 'suggestion_column' + (i);

if (selectedNumber == i)

{

column.style.color = '#ffffff';

column.style.backgroundColor = '#316AC5';

}

else

{

column.style.color = '#000000';

column.style.backgroundColor = '#ffffff';

row.attachEvent("onmouseover", hoverwithmouse);

}

column.style.fontFamily = 'Tahoma';

column.style.fontSize = '11px';

column.innerHTML = this.suggestionListDisplayed[i];

}

function hoverwithmouse()

{

var itemNumber = event.srcElement.id.replace('suggestion_column','');

if (!isNaN(itemNumber))

{

selectedNumber = itemNumber;

createSuggestionTable();

}

function selectedwithmouse()

{

var itemNumber = event.srcElement.id.replace('suggestion_column','');

if (!isNaN(itemNumber))

{

selectedNumber = itemNumber;

itemSelected();

}

// return object

return this;

}

re: AJAX, Jscript and Microsoft CRM

Joris Kalz — Wed, 23 May 2007 00:09:02 GMT

@SimonJackson: Thank you very much for sharing your work!

re: AJAX, Jscript and Microsoft CRM

banhinc — Sun, 16 Sep 2007 04:24:45 GMT

Thanks, Web services API works great. It opens up some possibilities for accessing all other CRM entities data from the client scripting.

CRM Convergence in Europe

Microsoft Dynamics CRM Team Blog — Wed, 24 Oct 2007 17:55:03 GMT

I am in Copenhagen attending the EMEA Convergence conference and I would like to give you a quick look