Question

I have a question and maybe there is a better method of doing it beside php but i am throwing the idea out there… let me know your expert advice.

1. I will have a pre designed certificate i will create in PHP and design in HTML.
2. User will be directed to a page to enter the name to print on the certificate.
3. the end result will be sized to 8 1/2″ by 11″ ready to print.

Image which shows what I am requesting: Example of Design

What is the best way to approach this? or is there something thats pre made and can be customized for my request?

Answer 1

Here’s an example in Javascript.

HTML:

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
Enter Name:
<input id="who" type="text" />
<input id="submit" type="button" class="btn" value="Submit" />
<div id="certificate" style="text-align:center;display:none;">
    <h1>Certificate of Merit</h1>
    <h3>Presented To:</h3>
    <h4 id="name"></h4>
    <hr />
    <h2>Congratz</h2>
</div>​

Javascript:

$('#submit').click(function() {
    $('#name').html($('#who').val());
    $('#certificate').fadeIn();
});​

JSFiddle: http://jsfiddle.net/6SWVV/1/