Предварительный просмотр Cufon и JQuery

Question

Предварительный просмотр JQuery Magic позволяет пользователю вводить текст и автоматически обновлять его (так же, как это «поле отправки» работает с загрузкой предварительного просмотра ниже!). Я хотел бы, чтобы пользователь мог ввести текст, а затем шрифт Cufon, чтобы взять на себя то, что они написали (или просто набрал шрифт cufon).

$(function() { 
$('form.example input:text').magicpreview('mp_'); 
}); 

Cufon.replace('p#mp_trythis1'); 

Пример здесь: http://twmorton.com/magicpreviewjquery/

Answer 1

Хорошо, лучший пример того, что мне нужно будет предпросмотра шрифт, как на этом сайте:

http://www.fontspace.com/mario-arturo/sahara

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

Answer 2

Вот это упрощенная версия (без magicpreview):

HTML-часть:

<h1>Cufon Test</h1> 
<input id="in" type="text"> 
<div id="out"><h1>Start typing ...</h1></div> 

Код JavaScript часть:

Cufon.replace('h1'); 
$('#in').keyup(function(){ 
    $('#out').html('<h1>'+$(this).val()+'</h1>'); 
    Cufon.replace('#out h1'); 
}); 

См живой пример here

РЕДАКТИРОВАТЬ : вы можете увидеть две альтернативные версии here im как плагины jQuery.

• обновления v1 @ 1000 мс после фокусировки потерял & только если грязные
• v2 обновления @ 1000 мс после последнего KeyUp