Форма, которая генерирует изображение в режиме реального времени

Question

Я хочу создать форму, которая обновляет изображение в режиме реального времени.

Может ли кто-нибудь помочь мне и сказать, как лучше всего создать такую ​​форму (языки, методы,и т. д.): http://www.demonplates.com/platebuilder.php

Где при вводе данных изображение соответствующим образом обновляется.Форма отправит в Google Checkout с введенными данными.

Очень ценится.

Answer 1

Вам даже не нужно использовать AJAX для этого.Предполагая, что скрипт, генерирующий изображение, принимает параметр GET, такой как: generate_image.php?text=foo

Вы можете просто динамически обновлять атрибут src изображения каждый раз, когда изменяется содержимое поля ввода.Вот пример использования jQuery.

<input type="text" id="image_text" value="your text here" />
<br />
<img src="generate_image.php?text=your+text+here" alt="generated image" id="generated_image" />

и JavaScript:

$('#image_text').change(function() {
    $('#generated_image').attr('src', $(this).val());
});