Support

Home Forums Seating Chart Add-on (EE3) Choose a seat button

Choose a seat button

Posted: March 19, 2013 at 4:35 am


iTEC

March 19, 2013 at 4:35 am

Hi!

Is there a way to get an additional button or textlink where you can click for opening the seating chart? My my customers just don’t get it with the input field. It’s too unusual for theme to click into a input filed for opening a popup.

Thank’s for helping


Dean

March 19, 2013 at 5:05 am

Hi

I had a play with trying to change the input into an image etc and it would basically need the jQuery being customised.

So I would say the best option would be to change the wording of the label from Select a Seat: to something like To select a seat, click the box on the right

You could use the translation files to do this or a function like this http://www.viper007bond.com/2011/07/13/changing-core-wordpress-strings/


iTEC

March 19, 2013 at 5:15 am

Sorry, to change the wording is no option. That was the first thing i tried and even if i mark the text fat and red, people don’t get it.
It’s really very unusal.
Aroun what line in the jQuery Code would that be?
I made a submit button who was able to open the popup, that’s working so far. Now i only need, that the jquerry is posting the seat number stil into the value of the text input and not into the input of the submit button.


Dean

March 19, 2013 at 5:27 am

Hey,

Yeah you got as far as I did, enabling the seating chart to pop up, but the issue is getting it to add the right code to the input as the input is still needed to pass the information along.

seating_chart.js is the file in question, but I couldnt advise what line it would be to pass the data along, as I dont know.


iTEC

March 19, 2013 at 5:32 am

I guess the jQuery is looking for the class ee_s_select_seat and the custom html tag event_id. So i maby just have to change the id he is looking for to open the popup in the jquery Code. What do you think about that? Do you think this could work or have you already tried that?

All the troubles just because people became too layz to read. 😉


Dean

March 19, 2013 at 5:41 am

Well I added those to the label (and an image) and yes it worked, the seating chart popped up, but the data doesnt get sent to the input field on selection, thats the issue. My jQuery knowledge isnt brilliant so I am not sure how to pass it on.

Im guessing that the jQuery is trying to add it back to the input but because the image/whatever now has the name and id its trying to pass it to that instead.


iTEC

March 19, 2013 at 7:33 am

We found a solution. I gave the an id to the text field and made a testlink with a onclick event.
Simple as it it is, it’s working:

<a>klick</a>
    &lt;input name=&quot;seat_id&quot; id=&quot;myFocusField&quot; type=&quot;text&quot; class=&quot;ee_s_select_seat required&quot; title=&quot;" value="" size="30" readonly="readonly" event_id=""  /&gt;


iTEC

March 19, 2013 at 7:35 am

<a>klick</a>
    &lt;input name=&quot;seat_id&quot; id=&quot;myFocusField&quot; type=&quot;text&quot; class=&quot;ee_s_select_seat required&quot; title=&quot;" value="" size="30" readonly="readonly" event_id=""  /&gt;


iTEC

March 19, 2013 at 7:37 am

Sorry, somehow i can’t poste the code.
Anyway, heres the ocklick event i gave to the textlink:

onclick="javascript:document.getElementById('myFocusField').click();"

And the id i gave to the input:

&lt;input name=&quot;seat_id&quot; id=&quot;myFocusField&quot; type=&quot;text&quot; class=&quot;ee_s_select_seat required&quot; title=&quot;" value="" size="30" readonly="readonly" event_id=""  /&gt;


Dean

March 20, 2013 at 1:38 am

Hey Rahel,

It’s great to see you got it working. Is there any chance you can add the code to Pastebin or somewhere please? I’d love to have a close look at it.

The support post ‘Choose a seat button’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso