Binary Jam

Interesting example! I tried clicking on the “Source Here” link but its not working….

Hi
I have gothough your example. I would like to have the steps of adding the webpart in the MOSS 2007

Thanks

I had a question about using this to open websites heres my reply for all to see. I also take time to describe some of the elements of the sourcecode so that hopefully its easy for anyone to add what they want.

Presuming that when you click any image you actually mean the scroller element, I guess you want to create a navigable control instead of an image display control and not the main image.

First off the Scroller bits.

Each of the thumbnails is a distinct Control. In the function downloadCompleted I iterate through the number of photos in my datalist to create these controls.

These controls are created by the statement new SilverlightFilmStripPartPhotoItem(…)

It might have been a good idea for me to put references to the items created in my original data but I didnt need to.

This statement only creates the JScript object and not the Silverlight object, that is created by the

templateInstance = this.control.content.createFromXaml(templateInstanceString, true);

statement. That template reference is passed into the constructor of the Jscript SilverlightFilmStripPartPhotoItem.

thats all very nice, but you are interested in events.

So handling events on each control then. In the constructor of the StrippartPhotoItems I create event handlers for the click event (plus others)

this.target.addEventListener(“MouseLeftButtonDown”, Sys.Silverlight.createDelegate(this, this.handleMouseLeftButtonDown));

When you click any image, each individual control object calls its own handleMouseLeftButtonDown function. If all I wanted to do was effect the object pressed then I could code my stuff in here, but I wanted to effect the parent. I could have passed a reference to the parent object in the constructor and done that, but I prefer the model of event raising or in this case function pointers.

What am I talking about ? Well in the function handleMouseLeftButtonDown I call another function

this.clickHandler(sender, this.photoUrl);

so what is clickHanlder looks like a variable of the constructor. Well it is and it isnt. The constructor of each PhotoItem has as its last parameter this statement

Sys.Silverlight.createDelegate(this, this.onPhotoItemClicked)

This creates a function pointer to the SilverlightFilmStripPart.Scene.onPhotoItemClicked function of the main scene object.

In here we set the MainImage to the url we want, passed by the photoItem control when it called this.clickHandler(sender, this.photoUrl);

So now to open a website by clicking on the Image. This is a change to the section

onPhotoItemClicked: function(sender, eventArgs) {
this.MainImage.Source=eventArgs;

},

For quickness try this

onPhotoItemClicked: function(sender, eventArgs) {
//this.MainImage.Source=eventArgs;
window.open(eventArgs);
},

For full control over the window to open ( I presume you want to open a window and not replace the current one)

see http://msdn2.microsoft.com/en-us/library/ms536651.aspx

This will no longer try and display a large image. Also find this line and comment it out

if (i==0)
this.MainImage.Source=this.PhotoItems[i].photoUrl;

In fact if your not using this as an image viwer but a fancy web page opener find all references in the xaml and the js and remove them.

Hope that helps.

Hey,
This is just awesome..
I am working with MOSS for a while but now would be focussing on Silverlight and Smooth UI in MOSS…
This was a very good article in that direction..

Many Thanks…

Many people are contacting me about this not working. In many cases what is happening is they have the older version of the source which included a CAB file and are just installing the CAB file.

Then there are those who do not know about -globalinstall for installing webparts like this or changing the security.

As I have said in other postings this part was developed on an x64 system so will not work on a 32 bit system. This was a technical article for developers of webparts and not for any one to just install a webpart, hence “sourcecode”.

So before anyone else asks me again.

1. Be a developer, I have no time for admins, this code needs compiling BY YOU in Vis Studio 2003, then create your own installation routine.
2. I have set my web.config from wss_minimal to Full, cos its easy, I am not writing for production environments, this is a proof of concept. You can worry about CAS.
3. Try a -globalinstall if your still having trouble.
4. Try and figure it out for yourself, plenty of others have already used this and figured it out, so I know its not the code.
5. Then and only then bother me about it, and even then I still might ignore you.

Sorry but getting a bit tired of people who can’t read or won’t try and figure stuff out for themselves, this is a developer article.