A new website has been launched today for Westbourne Motors in Seaton Delaval.
Preview the website live at www.westbournemotors.com
Sunday, August 26, 2012
Sunday, August 19, 2012
Limit string lengths in C# adding Ellipsis (...) text
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;
}
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;
}
Tuesday, April 10, 2012
Detecting Browser Display Width Using Jquery - Responsive Design
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
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
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
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
Friday, May 27, 2011
Freelance Web Developer Bubble
Wednesday, May 18, 2011
From Freelance Web Developer's Office To Film Set!
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!
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!
Monday, May 2, 2011
Passing Selected HTML.Dropdownlist through actionlink in MVC
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:
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);
});
});