Blog entries posted in Web Design

Using an Image as a Submit Button in HTML

Trevor M. — Fri, 31 Jul 2009 06:00:00 +0100

There are times when you want to use an image as a button to submit a form. One case is when you need to use JavaScript to check the html form was submitted correctly. Here is the code:

<script>
    function checkForm()
    {
        var msg = "Please correct the following: \n\n";
        var error = false;

&nRead More...

Changing a New Line to a Break

Trevor M. — Tue, 30 Jun 2009 06:00:00 +0100

There is a great php function takes a variable and changes the new lines (\n) into breaks (<br/>).

For example, a user submits a form on your website and used a textarea to submit a couple of paragraphs. You then retrieve this data from the database and echo it out in html. You will notice that it is now just one big paragraph.

To fix this problem, you the function: nl2br

Here is how you might use this:

<?php
&Read More...

Cleaning Up After a WYSIWYG Editor

Jennifer Startup — Thu, 11 Jun 2009 06:00:00 +0100

For basic content edits a WYSIWYG editor is a great tool to have. The HTML it generates, however, is not so great. Sometimes there's a chunk of text that it just doesn't seem to want to make changes to, and the reason is usually that style tags were left behind from previous changes. The good news, though, is it's not difficult to clean up HTML. Doing so will restore content to its default state, and will make it respond to the editing tools the way it should.

To see the raw codRead More...

How to Stop a Form From Submitting on Enter

Trevor M. — Fri, 10 Apr 2009 06:00:00 +0100

I came across a problem this week, with a form that submitted when a user hit the "enter" or "return" button even though the submit button had an onclick function that should have kept the form from submitting. The problem only manifested itself on Google's Chrome browser.

I found the following JavaScript code to keep this from happening:

// Disables enter button from submitting the form
var nav = window.Event ? true : false;

Image Alignment in JCE

Jennifer Startup — Mon, 23 Mar 2009 06:00:00 +0100

By default the JCE Editor will insert an uploaded image into a content area separated from the text before and after it. This is passable on a particularly wide image, but most common is to wrap the text around any images in the content. In order to set this up well there are some parameters to get to know.

First, to upload or insert a previously uploaded image, the JCE Editor provides the Insert/Edit Image tool.

Most web pages will be just fine with the firsRead More...