Christ.com: Prayer and Praise: Installing the Prayer Box on Your Site

Holy of Holies

Install the Christ.com Prayer & Praise Message Box on Your Website

How to Install the Prayer Message Box:

You can help build prayer warriors in the Body by putting a prayer request or praise report message box on your own website. It will contain the same prayers and praise messages that are published on our home page at www.Christ.com, but will be displayed in a small scroll box on your own web page. The instructions for installing this prayer or praise message box on your server are below:

Choose a location on your current website for displaying the prayer box. You need an actual web page or web site on the internet to display the prayer box. Pick a location on your page for displaying a rectangular box (table, that you create) filled with the prayer list code we provide.
Edit your web page and insert the section of code in red (below). You may want to place the code in a table or division to help with formatting. Feel free to change any of the "style" parameters to match your own page style:
- PRAYER For a prayer message box, put the following section of code in your web page (or put the code below into one cell of a table as illustrated later):
  <iframe src="http://www.Christ.com/prayer-latest.html" style="border-width:4px; height:237px; width:100%;"></iframe>
- PRAISE For a praise message box, put the following section of code in your web page:
  <iframe src="http://www.Christ.com/praise-latest.html" style="border-width:4px; height:237px; width:100%;"></iframe>
Upload your web page to your server or host. (same code as above section in red)

PRAYER: Here is the code in a text box below for the prayer message box:
<iframe src="http://www.Christ.com/prayer-latest.html" style="border-width:4px; height:237px; width:100%;"></iframe>

PRAISE: Here is the code for the praise message box:
<iframe src="http://www.Christ.com/praise-latest.html" style="border-width:4px; height:237px; width:100%;"></iframe>

Example: Putting the Prayer Message Box in a Table

You may want to put the prayer message box in a larger table embedded on your page for appearance. In the example below, we have designed our prayer and praise section using one table with two columns. This is what we use at the top of this page. Each column has the embedded "iframe" code that displays the prayer and praise contents. The HTML code is provided below for the table with prayer and praise message boxes. Try different backgrounds and sizes for the table. God bless you, and thank you for helping in the prayer ministry!

PRAYER & PRAISE IN A TABLE:

Comments:

If you look at the source code for our pages, we typically define most of the CSS data in a CSS Class. Tables with CSS and embedded IFRAMEs can be tricky in making things look "ok".

In the above example code we have set "border-width:3px;" property inside each of the two <iframe> tags, which makes a total of 6px; for the Left + Right borders of the IFRAME. To make things fit perfectly inside the table <td> cell, we need to pad the inside of the <td> cell on the right with the extra 6px; due to the IFRAME border. So in the <td> cell we set "padding:0;" as the default padding, and explicitly set the right padding to "padding-right:6px;".

Advanced Topics: IFRAME Caching

There is a minor "bug" in some browsers with "caching" or storing previously used data. When the user refreshes a page, sometimes the content inside the IFRAME doesn't refresh, and shows older content. You will notice that when you look at the source code for our pages, we have applied a "bug fix" for this problem using Javascript. Of course this will only work when users allow Javascript to run in their browsers.

The fix is to include a short section of Javascript code immediately after the <iframe> code, and to give each <iframe> a unique "id". Below is the code before and after the "fix", with the new code in red. This code only deals with the <iframe> tag, and not the surrounding tables or other containers. THIS IS NOT A REQUIRED FIX. Most people just ignore this subtle point... and then wonder why their IFRAME content sometimes does not refresh when they reload the browser.

Original Code without Caching Fix

Code with Caching Fix

Praise the Lord!


www.Christ.com	Contents	Churchnews	Contact Us
Info & Faqs	Mobile Verse
Studies, Devotionals, Links, and Searches:
Today's Study	Word Archives	Greek	Verse of the Day
Doctrine	Bible Search	Links	Devotionals
Audio Links
Prayer, Praise, News, Misc:
Prayer & Praise	News

The Earth is the Lord's,
and the fulness thereof;