The Mighty Blog

Create a Simple and Quick Web Service Handler

wills@strohlsitedesign.com — Wed, 18 Nov 2009 18:45:00 PST

There are some cases where a full-blown web service or WCF implementation is just too much for the project you’re working on. In those times, I often resort to building a similar implementation using an ASP.Net handler to accepts posts, and return data, just like a standard web service would do. This is not new. We’ve been doing similar things in Classic ASP and PHP for some time now.

I like doing this, because it’s quick, easy, and usually does the job better than a full-fledged web service when this solution fits the project requirements. Otherwise, this is just stupid! ;)

For my example, I am going to assume you need a handler or web service to return JSON data for an AJAX request, much like you’d need for a jQuery AJAX call.

In its simplest form, JSON data that is returned as a result of an AJAX request looks something like the example below. The collection name and values will vary from application to application. Keeping this example in mind, all you have to do is return a string object to the requesting application.

     { collectionName: ['value1', 'value2', 'value3', 'value4', 'value5'] }
  

First thing is first, add a handler to your project.

When you add the handler, the HTML markup should be relatively empty. That is because all of the action happens behind the scenes, in the code. By default, you will have a class that looks something like this:

This is a great template to start with for what we’re going to do. Now, we simply need to add our own logic to return our data. The format of the data is normally either defined by you, or by the application you’re using or extending.

We are going to assume that we are using an AJAX application that expects to receive a collection of names. We want our resulting JSON data to look like this:

    { fullNames: ['John Dough','Jane Dough','Bart Simpson','Jon Arbuckle','Danger Mouse'] }
  

First, remove this line of code from your class:

    context.Response.Write("Hello World!")
  

Now, whatever we do with our business logic, we are going to return our JSON string using the context.Response.Write() method.

At this point, we’d already have a Data Source in mind to grab our string-based data. It doesn’t matter where it comes from. I can be from another web service, database, XML files, etc. It doesn’t matter. All you need to do is feed your data into a string builder of some kind, and return it.

Here is my example, using a Customer object that gets populated from an imaginary Data Source.

    Dim ctlCustomer As New CustomerController

    ' grab a list of all of the customer

    Dim lstCustomer As List(Of CustomerInfo) = ctlCustomer.GetSortedCustomers()

    Dim sb As New StringBuilder

    sb.Append("{ fullNames:[")

    ' Loop through the available customers

    For Each person As CustomerInfo In lstCustomer.Values

        If Not String.IsNullOrEmpty(person.FullName) Then

            ' We need to replace the forward slash and single quotes, or the JavaScript will choke on them.

            sb.AppendFormat("'{0}',", Regex.Replace(person.FullName, "([/'])", "\$0"))

        End If

    Next

    sb.Append("] }")

    If sb.Length > 0 Then

        context.Response.Write(sb.ToString)

    Else

        context.Response.Write(String.Empty)

    End If

In our code snippet, we are using a StringBuilder to create the string output that we’re looking for, using the List object that we loaded from our Data Source. We simply loop through the collection, adding the customer to the list of full names. Once the customers are iterated through, the handler writes the resulting string as the response.

Now that we have that logic, our class should look something like this:

    Imports System.Web

    Imports System.Web.Services

    Public Class Handler1

        Implements System.Web.IHttpHandler

        Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest

            context.Response.ContentType = "text/plain"

            Dim ctlCustomer As New CustomerController

            ' grab a list of all of the customer

            Dim lstCustomer As List(Of CustomerInfo) = ctlCustomer.GetSortedCustomers()

            Dim sb As New StringBuilder

            sb.Append("{ fullNames:[")

            ' Loop through the available customers

            For Each person As CustomerInfo In lstCustomer.Values

                If Not String.IsNullOrEmpty(person.FullName) Then

                    ' We need to replace the forward slash and single quotes, or the JavaScript will choke on them.

                    sb.AppendFormat("'{0}',", Regex.Replace(person.FullName, "([/'])", "\$0"))

                End If

            Next

            sb.Append("] }")

            If sb.Length > 0 Then

                context.Response.Write(sb.ToString)

            Else

                context.Response.Write(String.Empty)

            End If

        End Sub

        ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable

            Get

                Return False

            End Get

        End Property

    End Class

That’s all there is to it! Our resulting response will look exactly like what our AJAX project asked for. Really simple, right?

Technorati Tags: ASP.Net,VB.Net,Handler,JSON,AJAX,Web Service

Using the Autocomplete jQuery Plugin

wills@strohlsitedesign.com — Wed, 18 Nov 2009 12:06:00 PST

In my day job at RezHub.com, we began using jQuery last December, and there has been no turning back. Our site is a DotNetNuke website, and out main module is the one that facilitates the travel searches, such as the one on the RezHub home page. It was originally built by Arrow Designs, and has since been maintained by us. It functions almost exclusively using jQuery and various jQuery plugins, including the Autocomplete plugin.

The Autocomplete plugin allows the end-user to begin typing a value for a textbox, and the textbox will suggest values that are acceptable to be entered. In our case, we are suggesting travel destinations. This allows for developers to have a real possibility to increase usability on their web forms.

While the example I am giving you is actually more complicated than the code I will be showing you, the functionality and end-result remain the same. It is quite simple to wire up a textbox to take advantage of Autocomplete, but there is a little work that you might need to do first. Make sure that you have the Autocomplete plugin script (and jQuery) included in your page or module.

The first step to making this work is to add the references to your page. I have blogged about this in various forms in several earlier posts, so I will not rehash it here. Besides, I have another post planned this week that will rehash it again anyhow. ;)

Let’s See it Work

After adding the jQuery references to your page, this would be a really simple example of using Autocomplete using the following code:

     <input id="txtCity" type="text" />

    <script language="javascript" type="text/javascript">   1:     2:     jQuery(document).ready(function(){   3:         var data = 'Orlando Jacksonville Pensacola Tallahassee Tampa Clearwater Naples Sarasota Miami'.split(' ');   4:         var options = { lookUp: data }   5:         jQuery('input#txtCity').autocomplete(options);   6:     });script>

Here is what that might look like:

City Name: (Enter in the first few letters of a city name.)

Hint! Choose one of these cities: Orlando Jacksonville Pensacola Tallahassee Tampa Clearwater Naples Sarasota Miami

That seems easy enough, right? Give it a go!

Using a Web Service

The next step is to attach this to a web service to make it use dynamic data. Assuming that the web service only returns a single string to the Autocomplete, here is how you’d do that:

    // imaginary web service returning a list of String

    var urlService = 'http://www.domain.com/services/service.svc';

    var options = { serviceUrl: urlService }

    jQuery('input#txtCity').autocomplete(options);

That’s not all that difficult, right? The second half of the call allows you to call and set optional settings, such as minChars to designate how many characters to wait for before the autocomplete task begins. I will be blogging in greater detail about the web service implementation later.

Hopefully, that’s enough to get your interest piqued enough to try this on your own.

Technorati Tags: DotNetNuke,DNN,DNN Blogs,jQuery,ASP.Net,Autocomplete,Intellisense

Learn About Using jQuery in DotNetNuke Tomorrow Night

wills@strohlsitedesign.com — Mon, 16 Nov 2009 07:49:00 PST

Tomorrow night I will be in chilly Connecticut to speak to the Connecticut DotNetNuke® User Group (DNNCT) about jQuery. This is still kind of a new group, in that it’s still finishing its first year of service. The group is headed up by a well-known DotNetNuke® guru, Tom Kraak. Tom was invited to the ODUG earlier this year about SEO, so I felt it only appropriate that I return the favor, and tomorrow I do!

The DNNCT group meeting is in Wallingford for the last time tomorrow (as announced in their most recent newsletter).

Many people in Florida are already familiar with my jQuery talk, as I have given it at a couple of code camps already. Luckily for the DNNCT, my presentations only get better, so they are in for a treat!

Here’s what to expect from my talk…

Short introduction to jQuery and its selectors
Introduction to where jQuery is used in DNN
Introduction on how to incorporate jQuery into your DNN development efforts (skins and modules)

Keep in mind that this is a very fluid topic, so this direction might change depending on the level of experience in the audience. There was a single time where we basically just spoke about jQuery selectors.

I hope to see you there. Please visit the DNNCT website for the venue details, but I otherwise expect to see you there tomorrow night at 7pm.

Technorati Tags: DotNetNuke,DNN,DNN Blogs,Connecticut DotNetNuke User Group,User Group,Events,Community

DotNetNuke Has Many Microsoft MVP’s

wills@strohlsitedesign.com — Fri, 13 Nov 2009 06:49:00 PST

With Antonio Chagoury visiting recently, and the last code camp in Florida wrapping up for the year, I’ve been talking to many Microsoft MVP’s. As a result of these recent conversations I’ve been having, I was curious… How many Microsoft MVP’s are there in the DotNetNuke® community? As it turns out, the answer might surprise you. I know it did me!

There are a couple of obvious people in the community that immediately pop into my head when I thought about this, and that’s Shaun Walker and Nik Kalyani. But can you believe that there’s actually 18 MVP’s active in the DNN community?! That should allow you to rest easy, knowing that when you have a problem, there’s several MVP’s out there helping to create and contribute to DNN.

At least that’s my count. The number might be higher, as I might have forgotten some names.

I came up with the list below. Not all of them began in DNN, but they are definitely known to support DNN, speak about DNN, and use it regularly in their development. This list was created using the Microsoft MVP website. (And these are just quick blurbs about what they do, so information is obviously missing.)

Antonio Chagoury: Visual Basic: Architecture
Antonio is a DNN Core Team member. His skills span across many areas, but he is also the DNN Blog Module team lead, and helps with the DNN Installer utility.
Brian G. Scarbeau: ASP/ASP.NET: Training
Brian primarily does training in the DotNetNuke® topic. He also speaks about DNN, and have co-authored Professional DotNetNuke 5 by Wrox.
Cathal Connolly: ASP/ASP.NET: Development
You should definitely be familiar with Cathal. He leads the effort to maintain the integrity of DNN’s security.
Charles Nurse: ASP/ASP.NET
Charles is the Senior Engineer for the DNN Corporation. He has been the primary force behind code development for the core DNN Library.
Chris Paterra: ASP/ASP.NET: Architecture
Chris is my hero! Not just a Core Team member… He took the fading DNN Forums Module and successfully led his project team to develop a tremendous module. He also has had his part in 2 DNN books: DotNetNuke for Dummies, and Professional DotNetNuke 4.
Erik van Ballegoij: ASP/ASP.NET: Development
Erik is on the DNN Core Team and leads the Announcements Module. His duties with DNN also span across the Events and Chat modules as a team sponsor.
Jeff Cochran: Internet Information Services: Systems Administration
While Jeff’s talents may reside mostly in the IIS side of the house, he is an avid user of DNN and has many live DNN sites out there. He also spoke about DNN at the first annual Day of DotNetNuke®.
Jon Henning: ASP/ASP.NET
We all know Jon from his development efforts on the client-side portions of the DNN core code. He is also a Core Team Member, and was the Technical Editor for Professional DotNetNuke Module Programming, Professional DotNetNuke 4, and Professional DotNetNuke 5.
Michael Washington: Silverlight: Development
Michael is best known for his online module programming tutorials which have gotten most people started with module development in DNN. He is also a Core Team Member, and a co-author of Building Websites with VB.Net and DotNetNuke.
Mitchel Wyndham Sellers: Visual C#: Architecture
Mitchel doesn’t need an introduction, does he? Hehehe… He has been a formidable force in the Microsoft community in terms of free support on various forums and websites. He is also the author of Professional DotNetNuke Module Programming, which has become thee book to have to learn module development.
Nik Kalyani: ASP/ASP.NET: Development
Nik is a co-founder of the DNN Corporation. He is the creator of the widget framework in DNN.
Nina Meiers: ASP/ASP.NET: Design
Nina is one of the best known DNN skinners in the DNN eco-system – especially since she has the single largest repository of free skins.
Sebastian Leupold: ASP/ASP.NET: Architecture
Sebastian is a guy who only requires 5 minutes of sleep each day. You’d think that was true if you seen how much he contributes to the DNN Forums and support system. He also is a former lead of the Forms and List Module.
Shaun Walker: ASP/ASP.NET
Shaun = DNN Godfather ;) Kiss his ring the next time you see him. Wait for me to get my camera first though…
Stan Schultes: Visual Basic: Development
Stan speaks about DNN all of the time. His personal website runs on DNN and has a ton of DNN information as well. He is a contributing author of Professional DotNetNuke 5, where he wrote the module development chapters. Those chapters happen to be my favorite module development tutorial, ever.
Stefan Kamphuis: ASP/ASP.NET: Development
Stefan runs a company that focuses on DNN solutions and is the Chat Module Team lead.
Steve Fabian: ASP/ASP.NET: Development
Steve is the team lead for the Repository Module, and is also a DNN Core Team Member.
Vicenc Masanas: ASP/ASP.NET: Development
Vicenc is a DNN Core Team Member, where he has focused on the localization and globalization efforts. He also runs DNNJungle, providing free resources to the DNN Community.

Are you impressed? I know I am… Congratulations to all of these folks!

Technorati Tags: DotNetNuke,DNN,DNN Blogs,Microsoft,MVP

ODUG Moves Downtown and Has an Outstanding Meeting!

wills@strohlsitedesign.com — Thu, 12 Nov 2009 08:04:00 PST

This past Tuesday was a number of things… The Marine Corps birthday, the release of Modern Warfare 2, and it was of course the day of our November meeting for the Orlando DotNetNuke® Users Group (ODUG). There were many challenges coming into this meeting, which each could possibly ruin the entire meeting. However, all of those challenges were successfully met and overcome.

So… What Challenges?

This meeting had a lot going against it. Here is a run down of the challenges that we faced:

We had a new venue. For anyone that has run any kind of meeting that hosts volunteer attendees, you immediately know that this is a problem. Your attendance usually drops dramatically for at least 1-2 meetings.
With the new venue being in Downtown Orlando, parking is a problem. There is nearly nowhere that you can park without paying a (premium) fee.
Our venue has a security lock on the front door and in the elevator. I didn’t know this until I got there.
Our speaker flew in from out of town, and I was making sure he was taken care of.
We were going to do a live video with Joe Brinkman from OpenForce in Las Vegas. This required us to use a phone to speak with Joe, and for us to show a stream on our projector.
The projector didn’t work when we first arrived.

If you’ve gotten this far, you probably are already thinking what I was… Any ONE of those bullet points is a huge challenge for a user group meeting, yet we faced all of these challenges in a single night!

The new venue was at a company called CoLab. This place was really cool. It has all of the room we need right now, and it has all of the bandwidth we need too. So, in the future we will have plenty of room for our stream and to allow our members to use the internet connection. The venue came with free parking, even if it was a 5-minute walk from the building. I am happy about that for myself, since I don’t walk enough.

Luckily for me, our user group is full of intelligent and helpful people. Sam McCloud fixed the projector in short order, and we posted a “door man” in the form of another user group leader, Jim Begley, of the Tampa DNN User Group.

Our speaker was Antonio Chagoury from InspectorIT, who is also a Microsoft MVP, and a DNN Core Team Member. Taking care of him was easy. I picked him up from the airport, got him checked into his hotel, got him fed, and then took him to the meeting and back. More on him later…

Interview with the DotNetNuke Corporation

Our meeting usually begins with a little bit of an introduction of myself, the other board members, and things going on in the user group. However, right when we were about to start, Joe Brinkman shot me a message saying that he was ready for the streamed interview. So we stopped everything and we began with the stream.

The stream couldn’t have went more smoothly! Joe used UStream to broadcast to us, and I asked him questions over the phone. Live streams generally have a 3-5 second delay, so I immediately had to begin adjusting my conversation style to account for this.

Joe first began by giving us a little intro to OpenForce, and then showed us all of the DNN vendors on the exhibition floor. He walked to each booth, introducing us to the people that were there. Following this, I began interviewing Joe by asking questions about OpenForce. Nearly all of the details are already available online, so I won’t go into the specifics. Following my questions, I opened the questions to our user group members. We had some great questions.

I received nothing but great feedback on the interview from our user group members. I was incredibly pleased!

Antonio Chagoury

We couldn’t have asked for a better speaker and presentation. Antonio presented a session covering implementing RESTful services into DotNetNuke®. He had demos for Twitter, various URL shortening services, and Bing maps! There were hiccups in the demos, but we always expect that from any technical presentation. Even the most rehearsed demos have problems. Other than that, Antonio had a complete mash-up of the previously mentioned services. They worked great! His demonstration module could easily be adapted to be a first generation mash-up module for DNN.

Antonio had a ton of questions, and even more information available to us. Of all of the speakers, he is the first one to have a full circle of people around him asking him questions after his presentation.

The best thing I loved about his demo is that it could easily have been done on a custom ASP.Net site, instead of DNN. You didn’t have to be a DNN developer to understand his code demos.

If you can get Antonio to speak at your user group, book him! He is a great presenter.

After Party

Usually, we meet about 2 miles away from our meeting a a TGI Fridays. However, this time we have a great social location on the ground floor of the very building we were meeting in. We met at Finnhenry’s. This place is run by a nice lady named Caitlin, and she gave us a discount and great service!

The music was a bit too loud to converse, but we dealt with it. Their prices are great, and their staff is very helpful and friendly. You can catch them on their Facebook page too.

We had a ton of fun at Finnhenry’s. We wrapped it all up at 11pm.

Our next meeting is going to be a DotNetNuke Speaker Idol meeting. See our website for more details.

Technorati Tags: DotNetNuke,DNN,DNN Blogs,OpenForce,Events,Community,User Group,ODUG,Orlando DotNetNuke Users Group

ODUG Downtown Venue Meeting Details

wills@strohlsitedesign.com — Fri, 06 Nov 2009 02:09:00 PST

I have already told you about the Orlando DotNetNuke® Users Group (ODUG) meeting details, on November 10th (this Tuesday). We will be having an exclusive interview with the members of the DotNetNuke Corporation, and our speaker will be Antonio Chagoury. This meeting is going to be a great one! What I need to tell you about now is where the meeting is being held, since it’s a new venue.

Our usual venue is not available for this month’s meeting, but we’re making the best of it. Our venue this month is going to be at CoLab in Downtown Orlando. This is a straight shot down the road from our usual venue, literally being on the same street. All of the details are on the Venues page on the ODUG site, but I will reiterate them here for you now.

37 North Orange Avenue, Suite 600
Orlando, FL 32801 (bing map | google map)

The CoLab building is located on the corner of Wall Street and Orange Avenue in Downtown Orlando. When you enter the building, just go to the 6th floor. The meeting room is across from the elevators. If you’re familiar with the downtown area, the building is across the street from Tabu Nightclub. The CoLab building has Subway and Finnhenry’s on the ground floor.

As it turns out, our after meeting social will also be at Finnhenry’s. They will be giving us drink specials. They have an incredible beer selection too! (Including my favorite, Newcastle Brown Ale.)

Venue Parking

Parking in Downtown Orlando is always a concern, as most places charge to park in their lot, and those that don’t usually will tow you away. Luckily, CoLab comes to the rescue for us with FREE PARKING just a block from the venue! In order to park there, you need to print out a parking pass and place it on your dashboard. The parking pass will come to your e-mail in our next newsletter. Don’t forget it!

If you have any other questions, please let me know.

Technorati Tags: DotNetNuke,DNN,DNN Blogs,Orlando DotNetNuke Users Group,ODUG,Events,Community

ODUG Exclusive Interview with DNN Corp at OpenForce 2009

wills@strohlsitedesign.com — Thu, 05 Nov 2009 02:28:00 PST

Not everyone can go to OpenForce this year. Many things might be a factor in that decision. But if you’re in Central Florida, and not going to OpenForce, you should be coming to the next Orlando DotNetNuke® Users Group (ODUG) meeting. Why? We will be having special (virtual) guests at the beginning of our next meeting. Who are they? You name it. It’s the members of the DotNetNuke Corporation! That’s right. OpenForce 2009 is happening next week which happens to be the same time that we are having our meeting. All of the members of DNN Corp will be having a dinner at OpenForce at the same time as our meeting, so there’s no telling who we’ll talk to!

We will be hearing about the OpenForce event from the founders of DNN Corp. I don’t know about you, but that’s awesome! We will not be steaming the interview, so you must be present at the meeting to hear and watch the interview, as well as ask your own questions.

Technorati Tags: DotNetNuke,DNN,DNN Blogs,OpenForce,Orlando DotNetNuke Users Group,ODUG

Relocate Selected Table Row Using jQuery

wills@strohlsitedesign.com — Wed, 04 Nov 2009 21:47:00 PST

This blog entry is a response to a request from an earlier blog entry, where I used jQuery to search an HTML table. The request as I understand it is this. How can I allow the website visitor click on a row in a HTML table, and relocate that row to the top of the table? Even though I cannot think of a use for this functionality myself, I was intrigued. So here is how I accomplish that task.

First of all, I needed a table to test this on. I used the example from the aforementioned post, as shown below:

     <table id="tblCustomer" cellspacing="0" cellpadding="2" border="1" style="width: 500px;">

        <tbody>

            <tr id="rowHeader" style="font-weight: bold;">

                <td>Firsttd>

                <td>Lasttd>

                <td>Addresstd>

                <td>Citytd>

                <td>Statetd>

            tr>

            <tr>

                <td>Johntd>

                <td>Doughtd>

                <td>123 Main Streettd>

                <td>Orlandotd>

                <td>Floridatd>

            tr>

            <tr>

                <td>Janetd>

                <td>Doughtd>

                <td>4367 South Washington Avenuetd>

                <td>Bartowtd>

                <td>Californiatd>

            tr>

            <tr>

                <td>Barttd>

                <td>Thompsontd>

                <td>531 Townsend Circletd>

                <td>Atlantatd>

                <td>Georgiatd>

            tr>

            <tr>

                <td>Sherrytd>

                <td>Simpsontd>

                <td>3346 Presario Lane, Apt. 123td>

                <td>Seattletd>

                <td>Washingtontd>

            tr>

            <tr>

                <td>Matttd>

                <td>Damontd>

                <td>300 Pounds Streettd>

                <td>Bostontd>

                <td>Massachusettstd>

            tr>

        tbody>

    table>

This table is just a small example of the kind of data you might be working with. In it, we have a listing of “customers” that are displayed. Note that there is a header row that gives context to the information in each column.

The next thing I did was something that I could have and should have done using actual CSS. I added some visual context to the rows to help you visualize what happened. I did it this way to make it easier to add to my blog.

    function setCssRules() {

        // this would be better implemented in a CSS file

        jQuery('#tblCustomer tr:not(\'#rowHeader\')')

            .css('cursor', 'pointer')

            .mouseover(function() {

                jQuery(this).css('background-color', '#c0c0c0');

            })

            .mouseout(function() {

                jQuery(this).css('background-color', '#ffffff');

            });

    }

Looking at the previous code, I just make the little hand show up when the mouse is over a table row. Then, I change the background color for each row, depending on if the mouse is over the row or not.

I used the jQuery(“#tblCustomer tr:not('#rowHeader')”) selector to exclude the first row in the table from the interactive changes.

Next, I add the following jQuery snippet that grabs the clicked row and moves it to the top of the table.

    // wire up the logic to make our function work

    jQuery('#tblCustomer tr:not(\'#rowHeader\')').click(function() {

        // get a reference to the chosen row

        var oRow = this;

        // remove the row from the table

        jQuery(this).remove();

        // add the row to the top of the table

        jQuery('#tblCustomer').prepend(oRow);

        // backtrack to put the header row back at the top of chosen row

        jQuery('#rowHeader').prependTo('#tblCustomer');

        // reset the CSS rules

        jQuery(this).css('background-color', '#ffffff');

        setCssRules();

    });

Notice that the selector is the same as before. Moving the row to the top of the table is easy. However, this table has a header row, so we need to take that into account. The method I used here allows us to move the header row back to the top after the selected row is moved. Finally, we fix the CSS to revert back to our original CSS changes.

Here is the code in action!

First	Last	Address	City	State
John	Dough	123 Main Street	Orlando	Florida
Jane	Dough	4367 South Washington Avenue	Bartow	California
Bart	Thompson	531 Townsend Circle	Atlanta	Georgia
Sherry	Simpson	3346 Presario Lane, Apt. 123	Seattle	Washington
Matt	Damon	300 Pounds Street	Boston	Massachusetts

That’s it! I hope this helps you. Enjoy the complete snippet here:

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>Untitledtitle>

        <script language="javascript" type="text/javascript" src="/Resources/shared/scripts/jquery/jquery.min.js">script>   1:     2: