X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Реализация онлайн-просмотра шрифтов. Нужна помощь!
axle_vega
axle_vega
Topic Starter сообщение 5.1.2014, 19:15; Ответить: axle_vega
Сообщение #1


У меня сайт с дополнениями к photoshop, среди них имеются шрифты.
Хочу добавить возможность вводить любой текст и смотреть, как он будет выглядеть.

Вот пример такого сервиса: http://ru.fontriver.com/font/edmundsbury_serif (там есть вкладка Тест-драйв, в которой мы можем ввести любой текст и увидеть, как он выглядит с данным шрифтом).

Загуглил и ничего не нашел (

Подскажите, это просто скрипт или что-то более глобальное? можно ли поставить такой сервис на сайт бесплатно и т.д.?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
axle_vega
axle_vega
Topic Starter сообщение 10.1.2014, 22:11; Ответить: axle_vega
Сообщение #2


Я сделал следующее:
Нашел одну вещь, typeface называется. Что-то вроде cufon.
Все было хорошо, пока дело не дошло до изменения текста в поле.
Вот здесь результат работы: http://digmast.ru/new-fontz/new-giger
Всё классно, если не менять текст в поле :smile: А это главный момент в задаче.
Вот основной код:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/typeface-0.15.js"></script>
</head>
<body>
<script type="text/javascript">
function changeText2(){
var userInput = document.getElementById('userInput').value;
document.getElementById('boldStuff2').innerHTML = userInput;
}
</script>
<script type="text/javascript" src="js/a_avantetitulinline_regular.typeface.js"></script>
<script type="text/javascript">
function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = "" } }
function doDefault(theText) { if (theText.value == "") { theText.value = theText.defaultValue } }
</script>
<div>
    <div id="boldStuff2" class="typeface-js" style="font-family: a_AvanteTitulInline; font-size:60px">
        <p class="typeface-js" style="font-family: a_AvanteTitulInline; font-size:60px;" id="boldStuff2">Digmast</p>
    </div>
    <div>
        <form onsubmit="changeText2(); return false;">
            <input type="text" id="userInput" value="Введите текст" onFocus="doClear(this)" onBlur="doDefault(this)"/>
            <input type="submit" value="Проверить"/>
        </form>
    </div>
</div>
</body>
</html>


По итогу получается, что при submit class="typeface-js" не применяется к новому тексту, вместо этого выводит текст с простым шрифтом.
Как это исправить?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
15 Tia2 2323 Вчера, 0:54
автор: diviner99
Открытая тема (нет новых ответов) Прием платежей онлайн c Paykassma | Процессинг платежей с 2019 | Платежный шлюз | Merchant Accounts ✅✅✅
0 paykassma 341 16.4.2024, 13:45
автор: paykassma
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
54 arendator 34815 15.4.2024, 15:16
автор: arendator
Открытая тема (нет новых ответов) 366.cash - Обменник криптовалют онлайн
5 DenisP366 1583 11.4.2024, 18:10
автор: DenisP366
Горячая тема (нет новых ответов) Онлайн магазин качественных аккаунтов
Продажа аккаунтов - соц сети, почтовые, фрихостинг, популярных служб
120 Alanamana 73130 5.4.2024, 7:35
автор: Alanamana


 



RSS Текстовая версия Сейчас: 18.4.2024, 5:57
Дизайн