Welcome, Guest

Jquery : id, name or else, for an ajax combo

Page:
1

TOPIC:

Jquery : id, name or else, for an ajax combo 04 Oct 2012 18:53 #4258

VeCrea Topic Author Offline Platinum Member Absolute JCook fan Posts: 473 Thank you received: 100	vehicule += jQuery("select#jform_vehicule").val(); jQuery("#vehicule").html(vehicule); this works flawless. But what if I want to get the value of an ajax group by field ? Can't seem to find the right one Thanks for your help
	Please Log in or Create an account to join the conversation. Last edit: by VeCrea.

Re: Jquery : id, name or else, for an ajax combo 05 Oct 2012 06:46 #4261

JoomGuy
Offline
Moderator
Joomla Enthusiast, Lover of Cooking
Posts: 1115
Thank you received: 195

Try this to see if you're getting what you need/expect by either placing this .ready function in the head or, placing the inner function in an existing ready function..:

jQuery(document).ready(function() {
    $("#my-select).change(function() { //Change the #my-select on this line and below
        alert($('#my-select option:selected').html());
    });
});

From looking at the dom structure of one of my ajax fields, each new subsequent groupby elements' id changes to represent its relation...

What I mean is, in my ajax combo, I have 3 elements;

Country: jform_county_region_country
Region: jform_county_region
County: jform___ajx_county

Hope this helps!

Gez

Need help with your Cook/Joomla Project? . PM me to find out what I can help with. NO time wasters please!!!

Please Log in or Create an account to join the conversation.

Re: Jquery : id, name or else, for an ajax combo 05 Oct 2012 06:58 #4263

VeCrea Topic Author Offline Platinum Member Absolute JCook fan Posts: 473 Thank you received: 100	Thanks I tried much combinations already, nothing has worked... Will try again though, but...can't seem to find the right id for the ajax fields
	Please Log in or Create an account to join the conversation. Last edit: by VeCrea.

Re: Jquery : id, name or else, for an ajax combo 05 Oct 2012 08:10 #4266

JoomGuy
Offline
Moderator
Joomla Enthusiast, Lover of Cooking
Posts: 1115
Thank you received: 195

From looking at the dom, they should be as follows:

If you've specified a groupby field and the combo only has 2 levels the first select box will follow the format;
jform_foreignField1_fieldFromTable where
- foreignField1 = the field you've used as the label from your foreign table
- fieldFromTable = the FK field you've placed in the table
and the 2nd combobox will follow the format;
jform__ajx_fieldname where fieldname = the name of the field you are using the combobox for
if you have a second level group by (as in if you are drilling down into a 3rd table) it will work just as above except that it will add an extra _foreignField2 to the first combo box so it will look like;
jform_foreignField1_foreignField2_fieldFromTable[/i][/b] where
- foreignField1 = the field you've used as the label from your foreign table
- foreignField2 = the field you've used as the label from your second foreign table
- fieldFromTable = the FK field you've placed in the table
2nd combo box in this instance will look like the 1st combo in No. 1 and the second will look like the 2nd combo in No. 1 with the addition of another underscore prepended to the "ajx" part of the combo id

Hope this helps narrow it down!

Gez

Need help with your Cook/Joomla Project? . PM me to find out what I can help with. NO time wasters please!!!

Please Log in or Create an account to join the conversation.

Last edit: by JoomGuy.

Re: Jquery : id, name or else, for an ajax combo 05 Oct 2012 10:39 #4270

admin Offline Administrator Chef Posts: 3711 Thank you received: 986	ToolTips are on the way. A drafted JDom Tooltip is already existing in local, but not finished because I want to implement it for every children of html.fly and html.grid. Bit of patience, it is comming. Coding is now a piece of cake The following user(s) said Thank You: JoomGuy
	Please Log in or Create an account to join the conversation.

Re: Jquery : id, name or else, for an ajax combo 06 Oct 2012 10:11 #4288

VeCrea Topic Author Offline Platinum Member Absolute JCook fan Posts: 473 Thank you received: 100	Well it doesn't work for me... Tried every combination... I was able to get it to work with every input and select, but not with ajax combos. Even the simpliest thing like jQuery("select#jform_jobcat_jobtype").change(function () { jQuery("#jobtype").html("test"); }) .change(); doesn't get the jobtype div to change. And i tried many other #'s
	Please Log in or Create an account to join the conversation.

Re: Jquery : id, name or else, for an ajax combo 07 Oct 2012 19:58 #4310

JoomGuy Offline Moderator Joomla Enthusiast, Lover of Cooking Posts: 1115 Thank you received: 195	Hi, I think in the change event handler, you're going to have to set the value or selected value to the Id of the value you require. This in-turn should change the text value related to it , ie the title or name from the related table. Hope this helps! Gez Need help with your Cook/Joomla Project? . PM me to find out what I can help with. NO time wasters please!!!
	Please Log in or Create an account to join the conversation.

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 03:31 #4316

VeCrea Topic Author Offline Platinum Member Absolute JCook fan Posts: 473 Thank you received: 100	i thought of adding a class attribute, will check out both our solutions this afternoon. Thanks
	Please Log in or Create an account to join the conversation. Last edit: by VeCrea.

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 05:34 #4322

JoomGuy Offline Moderator Joomla Enthusiast, Lover of Cooking Posts: 1115 Thank you received: 195	No probs adding the class attr but it won't add anything as such in terms of making it work/speeding it up as you are already selecting with the id which takes priority. Hope it helps! Gez Need help with your Cook/Joomla Project? . PM me to find out what I can help with. NO time wasters please!!!
	Please Log in or Create an account to join the conversation.

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 05:41 #4323

VeCrea Topic Author Offline Platinum Member Absolute JCook fan Posts: 473 Thank you received: 100	Well, that is the catch. I'm not sure if I select it right or not. It works fine with other selects so I really believe it's a problem of selecting the correct Id. That's why I thought of adding a class there, to make sure of the selector I use Thanks for helping
	Please Log in or Create an account to join the conversation.

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 06:16 #4324

JoomGuy
Offline
Moderator
Joomla Enthusiast, Lover of Cooking
Posts: 1115
Thank you received: 195

One thing that I think you might need to do is check that your selector/change script is firing on the page after the Ajax div wrapper for the combo...

I seem to remember reading somewhere that a JDom class creates the wrapper then the view.html.php page loads the content into it...

Try to use the JS console or at least the source HTML of the page to see when the select options are loaded and ensure your select comes after.

Are you getting any JS errors in console? If I'm right, you should be getting an error telling you that it doesn't exist.

Hope this helps,

Gez

Need help with your Cook/Joomla Project? . PM me to find out what I can help with. NO time wasters please!!!

Please Log in or Create an account to join the conversation.

Last edit: by JoomGuy. Reason: Changed to view.html.php

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 07:26 #4325

JoomGuy
Offline
Moderator
Joomla Enthusiast, Lover of Cooking
Posts: 1115
Thank you received: 195

I'm not in front of the computer as such today so I can't check but to elaborate on my last post, the content for the combo div is almost certainly going to be loaded in a document ready function. Therefore, check in the document.ready to ensure that your selector follows loading the content/options into your combo....

It might also be helpful to add some breaks in console to step through the script if you're still finding it difficult to locate the point of insertion/id you need.

Best of luck

Gez

Need help with your Cook/Joomla Project? . PM me to find out what I can help with. NO time wasters please!!!

Please Log in or Create an account to join the conversation.

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 19:13 #4336

VeCrea
Topic Author
Offline
Platinum Member
Absolute JCook fan
Posts: 473
Thank you received: 100

Kind of got it to work : i know have the id displayed in my div.
That's already a big step ahead, thanks.
Know i must figure out another thing : how to do a query to get the "machine_name" and not its id...

Just to let you know, i had to change the view.html.php file associated with the view of the "machines" table, where there is a

$event = 	'jQuery("#jform_machine").val(this.value);';

That i modified with

				$event = 
				'
				jQuery("#jform_machine").val(this.value);
				var machine = "";
				machine = jQuery("#jform_machine").val();
				jQuery("#machine").html(machine);
				';

with #machine being the div displaying the actual result in the view

Please Log in or Create an account to join the conversation.

Last edit: by VeCrea.

Page:
1

Forum

Support forum

Coding inside your component

Jquery : id, name or else, for an ajax combo

Time to create page: 0.245 seconds

“

”

Amazing Tool !
And only tool I know that allows complete Scaffolding in terms of component creation. It really saves loads of time (actually much more than that). Simple architecture enables quick and painless changes at any time. Code is clean and consintent. It's just... what's the word... neat! :) Great work! You should definetely try this one!
pi_wo (JED)

TOPIC:

Jquery : id, name or else, for an ajax combo 04 Oct 2012 18:53 #4258

Re: Jquery : id, name or else, for an ajax combo 05 Oct 2012 06:46 #4261

Re: Jquery : id, name or else, for an ajax combo 05 Oct 2012 06:58 #4263

Re: Jquery : id, name or else, for an ajax combo 05 Oct 2012 08:10 #4266

Re: Jquery : id, name or else, for an ajax combo 05 Oct 2012 10:39 #4270

Re: Jquery : id, name or else, for an ajax combo 06 Oct 2012 10:11 #4288

Re: Jquery : id, name or else, for an ajax combo 07 Oct 2012 19:58 #4310

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 03:31 #4316

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 05:34 #4322

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 05:41 #4323

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 06:16 #4324

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 07:26 #4325

Re: Jquery : id, name or else, for an ajax combo 08 Oct 2012 19:13 #4336

Get Started

Newsletter