Response title
This is preview!
Move this topic
TagEditor get initalTags from db through $.ajax
in Using jQuery Plugins
•
6 years ago
Hello,
I'm using Pixabay Tag Editor https://goodies.pixabay.com/jquery/tag-editor/demo.html,
How do I pass the result of my $.ajax request to initialTags ?
success : function(myTags) { console.log(myTags); }
I need to do something like that :
I need to do something like that :
$(this).tagEditor({ initialTags : [myTags]Thanks
1
Replies(20)
With AJAX you would call
// addTag $('#demo3').tagEditor('addTag', 'example');
for each tag.
Your code looks like a mix between classic HTML and AJAX. You would not use initialTags.
As far as autocomplete, you just need a proper php that works with autocomplete.
JΛ̊KE
PS I never saw this plugin before. I downloaded it. It does exactly what they say it does, and it does it well.
I have updated my 1st post, which is now easier to understand.
How can I pass a var instead of brute words ? Thanks
How can I pass a var instead of brute words ? Thanks
Leave a comment on jakecigar's reply
Since you have several textareas, and each has several tags. It is easier to build the HTML than to do it in javaScript.
JΛ̊KE
Leave a comment on jakecigar's reply
Could you kindly explain a bit more in depth, because my html is dynamically loaded according to the mysql number of results.
Lets say I display thumbnail pictures from a mysql request : each thumbnail has its own tag box which can be updated.
If I have 10 thumbnails, the 10 will have their own tags, but I don't knwo how many pictures I'll have. Maybe 200, maybe 3... It depends on how many images the user has uploaded.
If I have 10 thumbnails, the 10 will have their own tags, but I don't knwo how many pictures I'll have. Maybe 200, maybe 3... It depends on how many images the user has uploaded.
I need to pass to initialTags the $.ajax output. How do I do that?
$.ajax : success : function(myTags) { console.log(myTags); }
$.ajax : success : function(myTags) { console.log(myTags); }
initialTags or addTag : myTags
Thanks
Leave a comment on Contemp's reply
Use PHP to generate the page. Loop through the "thumbnails", generating each <div> with the image and a textarea that is already filled in.
No ajax!
JΛ̊KE
Leave a comment on jakecigar's reply
That was my very 1st logic and attempt, but how do I transform my textareas into tagEditor Tagboxes?
Leave a comment on Contemp's reply
I used
- $("textarea").tagEditor({ // every textarea. Use a different selector if you have other textareas
- placeholder: 'Enter tags ...',
- autocomplete: { 'source': '//cors.jejaju.com/color.php', minLength: 3 } // I set up autocomplete with this.
- })
JΛ̊KE
Leave a comment on jakecigar's reply
Thanks, It looks to be working, while yesterday I had my tags the same everywhere.. Maybe I was tired.
Other question :) How would you reach $("textarea") ?
> $("textarea").on('click focus', function () {alert('i') ); doesn't work
> $("textarea").on('click focus', function () {alert('i') ); doesn't work
I've tried to find : tag-editor-tag and to put "a clic, blur" event on it but, no reaction either.
Thanks
Leave a comment on Contemp's reply
It would not work! the <textarea> is hidden by the plugin. Why do you want it?
JΛ̊KE
Leave a comment on jakecigar's reply
Autocomplete :
Each one of my <thumbnail div container> has 3 linked <select> to classify the images // or videos by category, subcategory, and sub-sub-category.
When a sub-sub-category is selected, I want my autocomplete URL 'path.php?category='+category+'&subcat='+subcat+'&subsubcat='+subssubscat to display the already existing and corresponding tags
When a sub-sub-category is selected, I want my autocomplete URL 'path.php?category='+category+'&subcat='+subcat+'&subsubcat='+subssubscat to display the already existing and corresponding tags
And to do so, I need to know which TagBox I'm aiming at....
Thanks :)
Thanks :)
Leave a comment on Contemp's reply
No click! Just a more complex source. I was about to type out how you do it, when I decided to see if there was a simple example.
- source: function(request, response) {
- $.getJSON("product_auto_complete.php", { postcode: $('#zipcode').val() },
- response);
- },
passes an extra postcode to the server, you would pass your categories in a similar manner.
JΛ̊KE
Leave a comment on jakecigar's reply
Leave a comment on Contemp's reply
Did you add jQuery UI?
Can you share the generated HTML of one of your divs?
- <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
- <script src="https://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
- <script src="jquery.caret.min.js"></script>
- <script src="jquery.tag-editor.js"></script>
JΛ̊KE
Leave a comment on jakecigar's reply
Thank u very much for your help :)
Thumb up !
Leave a comment on Contemp's reply
While I was answering, I wrote a demo. jQuery tagEditor Plugin with lots of textareas. That’s how I would do it.
JΛ̊KE
Great. I've got it working fine now. Merci !
Just another last question : with onChange: tag_func I'll be able to pass the new entered tags to $.ajax to save them. Right?
Thanks again, & nice doggy :D
Thanks again, & nice doggy :D
Leave a comment on jakecigar's reply
I would wait until they submit the form. But you can save every time they make any change as well.
Okay, I'll look at autocomplete change method too. I didn't know.
I don't have no submit button. Everything is saved on change or blur, depending of the kind of fields
I don't have no submit button. Everything is saved on change or blur, depending of the kind of fields
Thanks again for your precious help.
Leave a comment on jakecigar's reply
Great. It’s your site!! Now I have to walk the dog, literally. He’s a miniature dalmatian, and I think he has a date at the dog park!
JΛ̊KE
Leave a comment on jakecigar's reply
Leave a comment on Contemp's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Contemp's question
{"z406451791":[14737000006852132,14737000006848125,14737000006848163,14737000006848165,14737000006848167,14737000006848169,14737000006848171,14737000006848173,14737000006848175,14737000006848177,14737000006848179],"z2950240":[14737000006847229,14737000006847271,14737000006847283,14737000006847285,14737000006847287,14737000006847295,14737000006847299,14737000006847301,14737000006847303,14737000006847305]}
Statistics
- 20 Replies
- 3943 Views
- 1 Followers