0

Hi
I am after some code to place on my website.
What I need is when someone enters text (their licens plate number) and chose some options then it is displayed on my image. I believe this is called dynamic text on a background image to make a new image.

What I require is something like the below numberplate sites

http://www.a1showplates.com/creator.html?type=show
http://www.platesforcars.co.uk/designer.php#numberplates

I hope someone can help me out
many thanks

2
Contributors
2
Replies
4
Views
6 Years
Discussion Span
Last Post by jaylisa75
0

Hi,
I'm not sure if this is what you need, hope it help's.. .

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="Content-Script-Type" content="text/javascript">
		<title>Live-Sample::Dynamic Text</title>
<style type="text/css" media="all">

<!--


html, body { margin: 0; padding: 0; }
body { 
     font: 60% Verdana, Helvetica, arial, sans-serif;
     background-color: #FFFFFF;
     color: #696969;
     text-align: center;     
}

form {
	margin-top: 10px;
	 }

div#container {
	margin: 25px auto;
	padding: 0;
	
	width: 742px;
	height: 165px;
	font-size: 13em;
	background: #FFFFFF url( ./images/plate.jpg ) no-repeat center center; }



-->
</style>

<script type="text/javascript">
<!--

onload = function() {

var id = ["registration", "container"];
var reg = document.getElementById(id[0]) || document.all[ id[0] ];
var box = document.getElementById(id[1]) || document.all[ id[1] ];
	reg.onkeyup = ( function() {

		box.innerHTML = this.value;
		
	} );






}
   
//-->
</script>

	</head>
	<body>
		<noscript>
			<p> This site requires a browser that support <b>JavaScript</b>.</p> 
		</noscript>
		
		<div id="main">
			<form id="form0" action="#" method="post" onsubmit="return false">
				<div id="data">
					<label for="registration">Registration:&nbsp;<input type="text" id="registration" name="registration" size="10" maxlength="8">
					</label>
					<div id="container"></div>

				</div>

			</form>

		</div>
	</body>
</html>

the image sample is provided below:

Edited by essential: n/a

Attachments plate.jpg 4.1 KB
0

Hi
I am after some code to place on my website.
What I need is when someone enters text (their licens plate number) and chose some options then it is displayed on my image. I believe this is called dynamic text on a background image to make a new image.

What I require is something like the below numberplate sites

http://www.a1showplates.com/creator.html?type=show
http://www.platesforcars.co.uk/designer.php#numberplates

I hope someone can help me out
many thanks

Many thanks, you have helped me so much.
I have sent you an email and PM
thanks again

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.