Добавление шрифта + функция к текстовой области - PullRequest
Новая
       28

Добавление шрифта + функция к текстовой области

4 голосов
/ 27 августа 2011

Я пытаюсь создать функцию для создаваемого Script Encoder, которая увеличит размер шрифта текстовой области на единицу. Вот что я получил до сих пор: 

<script type="text/javascript"> 
  var size=10 + "px";
  var size2=10;
  function add(){
     size2++;
     size=size2+"px";
  }
  if(typeof size2=="undefined"){size2="10";}
  $('#panel').html("<form method='post' name='pad' align='center'><textarea class='look' rows='11' id='code1' style='font-size:"+size+";' name='text' cols='58'></textarea><br></form>")   
</script>

<div id="panel"></div>
<br />
<input type="button" value="Font+" name="fontAdd" onclick="add();">

Проблема в том, что текстовая область не отображается.

Ответы [ 2 ]

1 голос
/ 27 августа 2011

Я исправил ваше решение здесь:

http://jsfiddle.net/H2J9Y/2/

Единственная «ошибка» в том, что если в текстовом поле есть текст, когда размер текста увеличивается, он не 'на самом деле, оставайтесь на связи, пока не начнете печатать снова.Вы поймете, что я имею в виду, но, надеюсь, это решило вашу главную проблему.

Редактировать : Небольшое отступление делает проблему намного менее заметной http://jsfiddle.net/H2J9Y/3/

0 голосов
/ 27 августа 2011

Попробуйте вместо этого 

<div id="panel"></div>
<br>
<input type="button" value="Font+" name="fontAdd" id="fontAdd">

Я добавил id="fontAdd" и затем сослался на click()

$('#fontAdd').click(function(){
  size2++;
  size=size2+"px";
  if(typeof size2=="undefined"){size2="10";};
  $('#panel').html("<form method='post' name='pad' align='center'><textarea class='look' rows='11' id='code1' style='font-size:"+size+";' name='text' cols='58'></textarea><br></form>");
      });

Кроме того, вам не хватало нескольких ;

Пример: http://jsfiddle.net/jasongennaro/n3jGK/

** Продолжайте нажимать кнопку font +, чтобы увидеть увеличение.

...