Using jQuery to Color Table Rows

One of the reasons I love technology is that it is designed to make life easier!  As the webmaster at Lake Center Bible Church, one of the things I do every week is upload the sermon to our website and to iTunes.  On our sermons page, we have a simple table that contains the sermon that is preached each week – pretty typical for any church.  I have the table set up to have alternating colors for the rows to make the content easier to see.  It looks like this:

 

Each row has a CSS class with the background color set as gray or blue.  Every week, when I upload the new sermon, I have to select the table row and then select the appropriate class.  Not a big deal, but it’s a few clicks / keystrokes.

Since I am learning javascript and jQuery, I decided to let it do the work for me instead!  By adding these lines of code I wrote, jQuery automatically colors the table for me:

</p>
<p><script><br />
$("document").ready(function(){<br />
$("tr:odd").css("background-color", "#E5E5E5");<br />
$("tr:even:gt(0)").css("background-color", "#c7d4e5");<br />
});<br />
</script></p>
<p>

All this is doing is taking every odd row and giving it the background color of gray (#E5E5E5).  It is then taking every even row that is greater than (gt) the index of 0 – everything past the first row, and coloring the background blue (#C7D4E5″).

Now, my table looks like this in Dreamweaver with all the classes stripped out:

 

And jQuery is coloring it in for me!  A VERY simple fix but anything that saves me time on something I do repeatedly is worth the effort.  Hope this helps someone!

No more desktops!

This is where we’re all heading!  The question is how quickly?  My feelings …. bring it!

 

The Open Source Church

open source logos

What if the Church Modeled the Tech World?

I’ve been working in the web field for three or four years now.  Most of what I know is self-taught through books, a class or two, but mainly from the web community at large – forums, blogs, tutorials, Twitter, etc etc.  As I was contemplating my education track and the rapidly developing world of technology, I started thinking about the mind-blowing speed at which technology is sweeping the planet!  It seems as though it is an unstoppable force which can be used for great good or great evil.

Continue Reading…

Introduction to Fellowship One

Image of Fellowship One website

Fellowship One - Powerful Church Management Solution

I am primarily a web designer on staff with two local churches but my other main role with these churches is to manage their church database management system.  We use a system called  Fellowship One. I’ve been working with the database for 3 years now and know the ins and outs of it very well. I’ve also worked with the Development side of it which is called the API – short for Application Programming Interface.  The API allows you to securely access your data via a “backdoor” so to speak.  I used the API to allow our website users to login to our website using their Fellowship One username and password.  I will explain more about this in a future blog post!

However, my purpose here is to give an overview of the strengths of Fellowship One for anyone who may be considering a new Church Management System.

Continue Reading…

Video Emails via BombBomb

BombBomb - Video Email Marketing with a discount for churches!

The other day I was browsing my twitter feed and I saw a recommendation for a company called BombBomb. BombBomb is a video email marketing company.  At first I thought they probably just had you put an image of your video in an email, and when recipients click on it, it would take them to a video hosting site.  But that’s not what this company does.  They have a system which allows you to embed real videos that stream directly to the client computer.  The videos work consistently across multiple email clients and also on mobile platforms too!

After browsing their site and seeing they had a sweet ministry discount, I sent an email to some of our church staff and said perhaps we should consider sending out video emails.  I received this response from the Senior Pastor:

Continue Reading…

Should Web Designers Learn Javascript?

Javascript Books

 

So judging from this picture, javascript is 90% bad, right? 🙂

I am near completion of a javascript course I took at a local community college.  The class has been interesting.  A number of students dropped out, I heard many saying the projects were causing them a lot of stress, and I saw grown men cry – not really on the last part!

Continue Reading…

Should the Church Go Mobile?

You bet it should!  Take a look at this:

Mobile Web

The Case for the Mobile Web

Infographic compiled by ShoutEm.

The mobile web is in explosion!  With 5 billion apps downloaded in 2010 and predictions of 21 billion apps to be downloaded by 2013, the church must catch up and move it’s message to this platform or else be left behind.

As I build a new web presence for Lake Center Bible church, one of my primary objectives is going to be mobile compatibility. Continue Reading…

Redesigning a church Website

ford logos over time

How the Ford logo evolved over time

This is a fitting image to set the stage for a series of blog posts I intend to write over the coming weeks and months.  I am embarking on a project to redesign the website of the primary church I work for: Lake Center Bible Church.  Good branding develops over time and so does a good website.  The current website we have isn’t bad, but it could be better!  As I have been researching to prepare for this project, I have discovered a few things:

Continue Reading…

Poke the Box

I just finished reading “Poke the Box” by Seth Godin which is a manifesto about starting things.  The book was not deeply profound but the message was simple and clear and it’s one I like –  “Go!” , “Start something”, “Soon is not as good as now.”

It served me as a good little blast of inspiration to get moving and so … I’m starting this blog!

I am a web designer and Fellowship One Champion (database administrator) at two churches – Lake Center Bible Church and the Bridge. I built and maintain their websites along with several others (view my portfolio here).  This blog is primarily for other church webmasters – I will get technical, share code, share what I’m learning, what I’m reading, and how I’m pushing myself to be better at what I do.  But others in ministry or in the web design world may find useful tidbits too!

So today, I encourage you to start something.  It doesn’t have to be something big.  It could be reading a book to make you better at your profession,  sending that email you’ve been putting off,  writing out your personal values or mission statement, starting a new hobby.  Anything!  Just get started.  Ready, set …. GO!

 

Page 3 of 3«123