Guidance Item now opens up in new Window

In the new version of TeamMentor, there is now a quick preview of Guidance Items, which is shown when the user selects a row (with one click) :

If the user double-clicks on the selected item (in the table), a pop-up window will appear with the full details of the selected Guidance Item (before this was opening up in a new tab which I felt was not as practical for the user with a big screen that wants to have multiple guidance items open at the same time (which is probably the main use-case of this feature)).

This is what the new pop-up window looks like:

Here is the JQuery DataTable code that creates the popup:

$("#guidanceItemsTable tbody").dblclick(function(event) {
$(oTable.fnSettings().aoData).each(function (){
$(this.nTr).removeClass('row_selected');
});
$(event.target.parentNode).addClass('row_selected');
var aPos = oTable.fnGetPosition( event.target );
var selectedGuidanceId = oTable.fnGetData( aPos[0] )[5];
window.open('/3_0_WebSite/Aspx_Pages/ViewGuidanceItem.aspx?#ruledisplay:' + selectedGuidanceId ,
'_blank',
'location=1,status=1,scrollbars=1,  width=1020,height=700');                         </pre>
&nbsp;

});

At the moment the size of popup window is being hard-coded to 1020×700. This could only be a problem for users with low resolution screens, but that might not be a very realistic scenario (given the target audience of TeamMentor)

Advertisements

About Dinis Cruz

Dinis Cruz is the main developer of the OWASP O2 Platform and TeamMentor
This entry was posted in JQuery. Bookmark the permalink.

One Response to Guidance Item now opens up in new Window

  1. it’s great jquery , i am a great fan of jquery, works well on all the browsers

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s