Freelance Web Developer Blog

New Website Launched

2012-08-26T03:18:00.004-07:00

A new website has been launched today for Westbourne Motors in Seaton Delaval.

Preview the website live at www.westbournemotors.com

Limit string lengths in C# adding Ellipsis (...) text

2012-08-19T09:18:00.002-07:00

The following snippet of code can be used to limit the lenth of strings in a paragraph of text using C#.

The code will add ellipsis (or '...') characters to the end of the string.

Happy coding

public static string Ellipsis(string originalText, int length)
        {
            if (originalText.Length <= length) return originalText;
            int pos = originalText.IndexOf(" ", length);
            if (pos >= 0)
                return originalText.Substring(0, pos) + "...";
            return originalText;
        }

Detecting Browser Display Width Using Jquery - Responsive Design

2012-04-10T08:57:00.003-07:00

I have recently been working on a project that needs to be 'responsive' dependent on the visible browser area, I have written some Jquery code that detects the user's browser display width and disables or enables stylesheets as required, I have included a snippet below should this help anyone.

function ProcessPageSize() {

//Configure stylesheets based on visible area.

setStyleEnabled("deskStyle", true);
setStyleEnabled("deskStyle2", true);
setStyleEnabled("handheldStyle", false);
setStyleEnabled("tabletStyle", false);

//get window width
var width = $(window).width();

if (width < 960) {
setStyleEnabled("deskStyle", false);
setStyleEnabled("deskStyle2", false);

if (width < 400)
setStyleEnabled("handheldStyle", true);
else
setStyleEnabled("tabletStyle", true);
}

}

function setStyleEnabled(styleName, isEnabled)
{
$('link[@rel*=style][title]').each(function (i) {
this.disabled = true;
if (this.getAttribute('title') == styleName) this.disabled = !isEnabled;
});
}

//Call configure page function
$(document).ready(function () {
ProcessPageSize();

$(window).resize(function () {
//resize just happened, pixels changed
ProcessPageSize();
});

});

See a jpr freelance - built responsive design in action - here

Responsive Design

2012-04-10T04:37:00.002-07:00

JPR freelance are currently working on a cutting edge website build using responsive design techniques and CSS media queries.

The mobile and tablet market is ever-increasing and it is important that sites are built to accommodate the mobile market, building a site with CSS media queries allows us to alter graphical display based upon a client's device display size.

For more information on responsive web design visit the following wiki article:

http://en.wikipedia.org/wiki/Responsive_Web_Design

Freelance Web Developer Bubble

2011-05-27T02:52:00.000-07:00

JPR Freelance have now purchased a new vehicle for advertising use!

Known in the office as the JPR Freelance 'bubble', the Fiat 500 is fully badged up to catch people's eye when travelling the streets of Tyneside and beyond!

From Freelance Web Developer's Office To Film Set!

2011-05-18T05:16:00.001-07:00

Yesterday saw the arrival of a German film company to JPR Freelance offices in North Shields, near Newcastle upon Tyne. The company have converted the JPR Freelance offices to a bakery and an internet cafe!

Watching the crew work was most interesting, it is quite amazing how a block of offices can be converted in a day to look completely different. Just look at the photos of the set!

Passing Selected HTML.Dropdownlist through actionlink in MVC

2011-05-02T04:11:00.001-07:00

I spent a bit of time today figuring out how to pass a selected value from an html dropdown list into an MVC actionlink so thought I would write a post on my findings.

OK, I have a category list on my page as follows:

<%:Html.DropDownList("Categories") %>

...and an actionlink link as follows:

<%: Html.ActionLink("Edit", "MaintainCategory", "CMS", new { ID = 0 }, new { id = "editlink" })%>

...I want the ID passed to be the value selected in the dropdown box.

The easiest way I found was to add the above JQuery / Javascript to the page:

<script type="text/javascript">

   $(function () {
       $('#Categories').change(function () {
           var value = this.value; // get the selected value
           //modify the href link
           value = '/CMS/MaintainCategory/' + value;
           $('#editlink').attr('href', value);

       });
   });