Search jQuery

jQuery Forum

Using jQuery Plugins

Contemp

TagEditor get initalTags from db through $.ajax

in Using jQuery Plugins • 5 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 :

$(this).tagEditor({ initialTags : [myTags]

Thanks

Replies(20)

jakecigar

Re: TagEditor fetch tags on each textarea using data retrieved from a MySQL while loop

5 years ago

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.

Contemp

Re: Re: TagEditor fetch tags on each textarea using data retrieved from a MySQL while loop

5 years ago

I have updated my 1st post, which is now easier to understand.
How can I pass a var instead of brute words ? Thanks

jakecigar

Re: TagEditor get initalTags from db through $.ajax

5 years ago

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

Contemp

Re: TagEditor get initalTags from db through $.ajax

5 years ago

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.

I need to pass to initialTags the $.ajax output. How do I do that?
$.ajax : success : function(myTags) { console.log(myTags); }

initialTags or addTag : myTags

Thanks

jakecigar

Re: TagEditor get initalTags from db through $.ajax

5 years ago

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

Contemp

Re: TagEditor get initalTags from db through $.ajax

5 years ago

That was my very 1st logic and attempt, but how do I transform my textareas into tagEditor Tagboxes?

jakecigar

Re: TagEditor get initalTags from db through $.ajax

5 years ago

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

Contemp

Re: TagEditor get initalTags from db through $.ajax

5 years ago

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

I've tried to find : tag-editor-tag and to put "a clic, blur" event on it but, no reaction either. Thanks

jakecigar

Re: TagEditor get initalTags from db through $.ajax

5 years ago

It would not work! the <textarea> is hidden by the plugin. Why do you want it?

JΛ̊KE

Contemp

Re: TagEditor get initalTags from db through $.ajax

5 years ago

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

And to do so, I need to know which TagBox I'm aiming at....

Thanks :)

jakecigar

Re: TagEditor get initalTags from db through $.ajax

5 years ago

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

Contemp

Re: TagEditor get initalTags from db through $.ajax

5 years ago

EDIT : Wait :)

jakecigar

Re: TagEditor get initalTags from db through $.ajax

5 years ago

Did you add jQuery UI?

<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>

Can you share the generated HTML of one of your divs?

JΛ̊KE

Contemp

[Solved] TagEditor get initalTags from db through $.ajax

5 years ago

Thank u very much for your help :)

Thumb up !

jakecigar

Re: TagEditor get initalTags from db through $.ajax

5 years ago

While I was answering, I wrote a demo. jQuery tagEditor Plugin with lots of textareas. That’s how I would do it.

JΛ̊KE

Contemp

Re: Re: TagEditor get initalTags from db through $.ajax

5 years ago

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

jakecigar

Re: TagEditor get initalTags from db through $.ajax

5 years ago

I would wait until they submit the form. But you can save every time they make any change as well.

Autocomplete has a change method. As do <select>s. Use one function for all of them.

JΛ̊KE

Contemp

Re: Re: TagEditor get initalTags from db through $.ajax

5 years ago

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

Thanks again for your precious help.

jakecigar

Re: TagEditor get initalTags from db through $.ajax

5 years ago

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

Contemp

Re: TagEditor get initalTags from db through $.ajax

5 years ago

Ok, cool ! Have fun both u !

Top Reply

Response title

Attachments

jQuery Forum

TagEditor get initalTags from db through $.ajax

Replies(20)

Re: TagEditor fetch tags on each textarea using data retrieved from a MySQL while loop

Re: Re: TagEditor fetch tags on each textarea using data retrieved from a MySQL while loop

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

[Solved] TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Re: TagEditor get initalTags from db through $.ajax

Statistics

Tags

Actions