Loading...

Search jQuery

Search

jQuery Forum

Ajax search system expand - clone by click

in Using jQuery • 7 years ago

Hello,

i work on a form, who a user can add details about a customer and choose products wich the customer bought.

For this i used an ajax autocomplite script i found on this page : click here

The function works nice already. And i get the details and product as email, but i would expand like that:

If the user chose a product (by clicking on a product), the table row should be dublicated and the user should add another product.

I changed already small things but the main code is on the linked page already.

How i can realize that ?

1

Replies(18)

jakecigar

Re: Ajax search system expand - clone by click

7 years ago

Rather than duplicate it, clear it and prepend the current info to the top of the table.

Most people don’t use a "code-it-yourself" autocomplete, they use jQuery UI autocomplete. We have lots of experience with it.

JΛ̊KE

Re: Ajax search system expand - clone by click

7 years ago

Hey im trying to install the ui but dont get working.

Will paste all of my code on fiddle. (even php not working)

Dont know why isnt working :(.

PS: i added the JS and controlled in the browser.

The Problem: If i add something in the input nothing happen.

jakecigar

Re: Ajax search system expand - clone by click

7 years ago

https://jsfiddle.net/jakecigar/zw0hcm5c/1/ adds jquery and ui to the fildde,

But your ajax server program is not on fiddle, so it can't run.

JΛ̊KE

jakecigar

Re: Ajax search system expand - clone by click

7 years ago

Use http://plnkr.co/edit/ia5oyM8XSXOfmRS5SV2d?p=preview to play with, my php works cross domain.

JΛ̊KE

Re: Re: Ajax search system expand - clone by click

7 years ago

Is it secure to cross link my mysql connection datas.

jakecigar

Re: Re: Ajax search system expand - clone by click

7 years ago

What does that mean? Nothing is secure on the wold wide web.

JΛ̊KE

Re: Re: Ajax search system expand - clone by click

7 years ago

Ähm you said i should cross link a php file with the ajax/php code (ajax server programm).

In this file i connect to my phpmyadmin database, this way there is password and username in it.

jakecigar

Re: Ajax search system expand - clone by click

7 years ago

cross link a php file

I am not sure what that means.

I made a cross domain php program so that I could play with fiddles and plunker demos. It's only needed for playing cross domain.

JΛ̊KE

Re: Re: Ajax search system expand - clone by click

7 years ago

Oh i understand now sry oO.

Does you used my php code (on fiddle commented out)?

I tought i should edit your code on plunker.

jakecigar

Re: Ajax search system expand - clone by click

7 years ago

You can edit the plunker and use my php. Your php won't work unless you add proper CORS headers on your server. I dedicated an entire server to serve CORS response for testing and playing.

enable cross-origin resource sharing

JΛ̊KE

Re: Re: Ajax search system expand - clone by click

7 years ago

Thanks with your help i found the problem.

I had to set charset utf8 ... else i got no dates from database.

Now im trying to solve the clone problem, but is´nt working again :(.

I added a button, on click i would clone the whole class/div.

Edit: I can only clone a single element like an input, but i would clone more inputs.

jakecigar

Re: Ajax search system expand - clone by click

7 years ago

https://jsfiddle.net/jakecigar/pgbnLzw7/1/

JΛ̊KE

Re: Re: Ajax search system expand - clone by click

7 years ago

Thank you Jake !

It works like a charm =). Just one thing the autocomplete dont work more on the cloned elements. If i change the id will work ?

jakecigar

Re: Ajax search system expand - clone by click

7 years ago

IDs? I don’t use no stinkin’ ids!

After you clone, you probably have to set up the autocomplete again.

JΛ̊KE

Re: Re: Ajax search system expand - clone by click

7 years ago

The id of the input i meaned. (#search-box)

I searched for this problem and some have written to fix the problem should be increased the id with a number or something else.

How does you mean set up again ? How can i do this ?

jakecigar

Re: Ajax search system expand - clone by click

7 years ago

https://jsfiddle.net/jakecigar/pgbnLzw7/2/ doesn’t have the id

$(document).ready(function () {
$('[ name="Produkt" ]').autocomplete(…)
$('#clone-search').click(function () {
var clonedRow=$('.products:last').clone().insertAfter(".products:last").find(":input").val("");
$('[ name="Produkt" ]',clonedRow).autocomplete(…)
});
});

JΛ̊KE

jakecigar

Re: Ajax search system expand - clone by click

7 years ago

https://jsfiddle.net/jakecigar/pgbnLzw7/3/ does autocomplete in the cloned rows.

JΛ̊KE

Re: Re: Ajax search system expand - clone by click

7 years ago

Thank you very much, Jake. Works great !