How to get a text field value from the form in PHP by using jQuery Tagit -

-

i using jquery tags plugin , when user enter tags comma separated want tags after form submit using php.

my coding...

<?php        if(isset($_request['submit_tag'])) {     print_r($_request['tags']);      } ?> <!-- tags --> <script src="http://webspirited.com/tagit/demo/js/jquery.1.7.2.min.js"></script> <script src="http://webspirited.com/tagit/demo/js/jquery-ui.1.8.20.min.js"></script> <script src="http://webspirited.com/tagit/js/tagit.js"></script> <link rel="stylesheet" type="text/css" href="http://webspirited.com/tagit/demo/css/jquery-ui-base-1.8.20.css"> <link rel="stylesheet" type="text/css" href="http://webspirited.com/tagit/css/tagit-awesome-blue.css"> <script type="text/javascript">     $(function () {         $('#demo3').tagit({triggerkeys:['enter', 'comma', 'tab'], select:true});               $('#demo3gettags').click(function () {             showtags($('#demo3').tagit('tags'))         });          function showtags(tags) {             console.log(tags);             var string = "tags (label : value)\r\n";             string += "--------\r\n";             (var in tags)                 string += tags[i].label + " : " + tags[i].value + "\r\n";             alert(string);         }     }); </script> <!-- tags --> <form method="post" id="add_tag" action="" name="add_tag">     <button id="demo3gettags" value="get tags">get tags</button>     <ul id="demo3" name="tags[]"></ul>     <br />     <input type="submit" name="submit_tag" value="submit tag" /> </form>

you can add following script in code.

$('input[type=submit]').click(function(){         tag = $('#demo3').tagit('tags');         console.log(tag);         (var in tag)           $('form').append("<input type='hidden' name='tags[]' value='"+tag[i].value+"' >");        });

so code below:

<?php           if(isset($_request['submit_tag'])){         print_r($_request['tags']);          } ?> <!doctype html> <html><head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>jquery tagit demo page (php/themeroller)</title> <script src="http://webspirited.com/tagit/demo/js/jquery.1.7.2.min.js"></script> <script src="http://webspirited.com/tagit/demo/js/jquery-ui.1.8.20.min.js"></script> <script src="http://webspirited.com/tagit/js/tagit.js"></script> <link rel="stylesheet" type="text/css" href="http://webspirited.com/tagit/demo/css/jquery-ui-base-1.8.20.css"> <link rel="stylesheet" type="text/css" href="http://webspirited.com/tagit/css/tagit-awesome-blue.css"> <script type="text/javascript">     $(function () {        $('#demo3').tagit();            $('#demo3gettags').click(function () {         showtags($('#demo3').tagit('tags'))       });       $('input[type=submit]').click(function(){         tag = $('#demo3').tagit('tags');         console.log(tag);         (var in tag)           $('form').append("<input type='hidden' name='tags[]' value='"+tag[i].value+"' >");        });       function showtags(tags) {         console.log(tags);         var string = "tags (label : value)\r\n";         string += "--------\r\n";         (var in tags)           string += tags[i].label + " : " + tags[i].value + "\r\n";         alert(string);       }     });   </script> <!-- tags --> <form method="post" id="add_tag" action="" name="add_tag">   <button id="demo3gettags" value="get tags">get tags</button>   <ul id="demo3" name="tags[]"></ul>   <br />   <input type="submit" name="submit_tag" value="submit tag"  />  </form>

Comments

Post a Comment

Popular posts from this blog

Perl - how to grep a block of text from a file -

-
it can in xml or text format. how in general grep block of text in perl? <track type="ws"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>0</locationindex> <propertyindex>0</propertyindex> </range> </track> <track type="ps" id="1"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>1</locationindex> <propertyindex>1</propertyindex> </range> </track> i want grep type="ps" , till </range> . one solution open file, read line line , match block. open(fh, "file.txt"); foreach $line (<fh>) { if ($line =~ m/type="cc"(.*?)<\/range>/) { print $1; } } but there more optimal solution without reading file line l
Read more

delphi - How to remove all the grips on a coolbar if I have several coolbands? -

-
Image
if set mycoolbar.fixedorder true,only grip on first band hidden. well,if use delphi 7 create vcl forms application,then put coolbar on , create 3 coolbans hold other controls,only grip , top coolbands can hidden setting mycoolbar.fixedorder:=true. i've uploaded picture make things clear. you got fixedorder property wrong. fixed property not allow bands rearranged if set true . setting property of coolbar true keep user changing bands order @ runtime, user can still move , resize bands. can give advice can do, actual solution problem, well, have wait answer. my advice use 3 coolbars in row , setting "fixedorder" property true , bandborderstyle bsnone . way grip hidden on of them. about property, it's not bug of ide, actual preference of property.
Read more

javascript - Animating array of divs; only the final element is modified -

-
this baffling me @ moment. i'm experienced programmer looking throw bit of surprise fiancee on countdown page our wedding. desired effect simulated confetti falling behind main page. setup follows: i have array of divs in javascript. each div absolutely positioned on page. have interval set updates every 50 or milliseconds. on each tick, run loop on array of divs, , calculations , update positions. problem problem having, however, though can see divs created, stored array, , modified (in case, each has slight randomized rotation) during initialization phase, once tick update position starts, div stored in whatever last slot of array gets position updated. tried hard-coding each div index testing purposes, strictly last element update position. upon printing current "left" , "top" style values each div before , after calculations shows value has been changed, no visible change noticeable. here's basic code: javascript var container;
Read more