Id Card Editing

divyac

I am doing an id card project using php/mysql and also i have many id card templates.If i click on any template,that particular id card should become editable and one should be able to change the personal details over the template.i must have text boxes specifying different fields on a side and if one enters the data in the text boxes that should be affected in the template id card..How is it possible.??Is there any tool to do this?or is it enough to do with javascript or ajax or flash actionscript?
Refer:www.photo-badge.com

Atli

Hi.

Both JavaScript and Flash are capable of doing that.
Personally, I would go with JavaScript, because it doesn't require a 3'rd party plugin (the Flash player).

To do this with JavaScript, all you would have to do is set up your template in HTML, put input boxes somewhere (for the user to fill out), and have JavaScript mirror the changes to the input box on the template.

For example:

Expand|Select|Wrap|Line Numbers

 
<script type="text/javascript">

function updateTemplate(pTarget, pNewValue) {

    var targetElem = document.getElementById(pTarget);

    if(targetElem == null) { return false; }        

    targetElem.innerHTML = pNewValue;

}

</script>

<div id="Template">

  <span id="tpl_Name">John Doe</span><br />

  <span id="tpl_Title">Janitor</span>

</div>

<div id="UserInput">

  Name: <input type="text" onkeyup="updateTemplate('tpl_Name', this.value);" /><br />

  Title: <input type="text" onkeyup="updateTemplate('tpl_Title', this.value);" /><br />

</div>

See what I mean?

Id Card Editing

re: Id Card Editing

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about