Добавить теги в текстовое поле

Я пользуюсь библиотекой Tag Manager.Добавить теги в текстовое поле

Я получил это работает на самом простом уровне -

<head runat="server"> 

    <link rel="stylesheet" type="text/css" href="CSS/tagmanager.css" /> 

    <script type="text/javascript" src="Scripts/jquery/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript" src="Scripts/tagmanager.js"></script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 

     <input type="text" name="tags" placeholder="Tags" class="tm-input"/> 

    </div> 

      <script> 
       $(".tm-input").tagsManager(); 
    </script> 

    </form> 
</body> 
</html>

Можно ли определить местоположение, где метки расположены на странице? Более конкретно, я хотел бы добавить теги в другое текстовое поле, которое будет действовать как контейнер. Я не могу найти нигде в документации о том, как указать местоположение.

Вот рабочий example JSFIDDLE

источник

2015-03-16 Ebikeneser

Существует уже вариант для него, если вы видите docs [выделите Tagmanager Configuration]

tagsContainer: Дополнительный селектор JQuery для элемента, чтобы содержать тегов. По умолчанию: теги появляются непосредственно перед вводом тега.

Код:

$(function() { 
    $(".tagsManager").tagsManager({ 
     prefilled: ["Pisa", "Rome"], 
     CapitalizeFirstLetter: true, 
     preventSubmitOnEnter: true, 
     typeahead: true, 
     typeaheadAjaxSource: null, 
     typeaheadSource: ["Pisa", "Rome", "Milan", "Florence", "New York", "Paris",  "Berlin", "London", "Madrid"], 
     delimeters: [44, 188, 13], 
     backspace: [8], 
     blinkBGColor_1: '#FFFF9C', 
     blinkBGColor_2: '#CDE69C', 
     hiddenTagListName: 'hiddenTagListA', 
     tagsContainer: '#testcontainer' 
    }); 
}); 

<input type="text" name="tags" placeholder="Tags" class="tagsManager" 
/> 
<input type="hidden" value="Pisa,Rome" name="hiddenTagList"> 
<div id="testcontainer"><h2>Tags here:</h2></div>

Fiddle Demo

источник

2015-03-16 17:06:38 anpsmn

Я не совсем уверен, какой выход функция, которую вы показали бы производить, но не возможность просто переместить полученный код с JQuery туда, где вы хотите? как это:

<script> 
//First execute your function 
$(".tm-input").tagsManager(); 
//Then move it somewhere else 
$("#form1").appendTo(".some-other-container"); 
</script>

Где .some-другой-контейнер "является DIV с классом =„некоторые-другой-контейнер“

Вы также можете использовать InsertAfter(), чтобы переместить код после определенного дела.

источник

2015-03-16 17:02:17

Добавить теги в текстовое поле

ответ

Смежные вопросы