How can submit the form in BaseLayer? |
Post Reply | Page 12> |
Author | |
djju1029
Senior Member Joined: Aug 02 2016 Location: the US Status: Offline Points: 126 |
Post Options
Thanks(0)
Posted: Oct 13 2016 at 5:39pm |
Hi OE team,
My webpage has a multilayer structure such as: BaseLayer --- BaseLayer_summary ---Summary_main \ \_Summary_system_info \ \_Summary_laser_iinfo \_BaseLayer_system \ \ \_BaseLayer_advanced Now, Scenario is that 1) BaseLayer_summary has RGB control bars (three bars). 2) These RGB control bars are shown always and can be controlled wherever user navigate under BaseLayer_summary. 3) User need to control RGB power of laser whenever he/she need to adjust it. However, the submit form includes only Form Elements which are used in same page, for example, I want to submit it on Summary_main but the submit form in Summary_main show only Form Elements which are used in Summary_main page. How can I submit the Form Element which is used in BaseLayer?
|
|
Dmit OE
Admin Group Joined: May 31 2012 Status: Offline Points: 5283 |
Post Options
Thanks(1)
|
Hi,
You can't just add those several field elements onto each page? There's no simple way of including layer fields into a page's form... You can get their values with JavaScript and put into some elements present on the page and included into the form, but it's not necessarily easier |
|
djju1029
Senior Member Joined: Aug 02 2016 Location: the US Status: Offline Points: 126 |
Post Options
Thanks(0)
|
Could you give an example that getting the value from BaseLayer page at sub-layer page using JavaScript?
|
|
Dmit OE
Admin Group Joined: May 31 2012 Status: Offline Points: 5283 |
Post Options
Thanks(1)
|
Well, for example you can use one (invisible to user) field for each base layer field on your page, note its ID as well as ID of corresponding base layer input, then do someting like
|
|
Dmit OE
Admin Group Joined: May 31 2012 Status: Offline Points: 5283 |
Post Options
Thanks(1)
|
And of course you need to include those 3 page inputs in the form configuration
Edited by Dmit OE - Oct 14 2016 at 8:35am |
|
djju1029
Senior Member Joined: Aug 02 2016 Location: the US Status: Offline Points: 126 |
Post Options
Thanks(0)
|
Dmit OE, Thank you so much! I will try it.
By the way, in order to use the slider form by JQuery Mobile, I put jquery.mobile.css and jquery.mobile.js onto Header of source such as: // example <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> It works but I have a problem. After putting jquery.mobile, the javascript code of coping value from Range form to Text box form does not work anymore, // example of the javascript code of coping value from Range form to Text box form $('.Rrange input').change(function(){ $('.Rrange-mirror input').val($(this).val()); // copy value from here to "mirror" field }); // immediately run the code "on change" Could you advise to me what I made a mistake on it? |
|
Dmit OE
Admin Group Joined: May 31 2012 Status: Offline Points: 5283 |
Post Options
Thanks(1)
|
You really need to upload your website somewhere, in some temporary location on any available hosting, and give the link to see what's wrong... (no need for PHP to work so no need to upload your datas etc. I think) Otherwise if you have no other choice, send the project to me.
|
|
Dmit OE
Admin Group Joined: May 31 2012 Status: Offline Points: 5283 |
Post Options
Thanks(1)
|
P.S. You shoudl remove this linefrom your code:
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> |
|
djju1029
Senior Member Joined: Aug 02 2016 Location: the US Status: Offline Points: 126 |
Post Options
Thanks(0)
|
Thanks Dmit OE,
It would be better to send whole project folder to you, personally. Could you inform your contact information to me privately?
|
|
djju1029
Senior Member Joined: Aug 02 2016 Location: the US Status: Offline Points: 126 |
Post Options
Thanks(0)
|
1) When I remarked this line, the result was same.
2) When I remarked the jquery.mobile line as well as following, the value was copied to text box form what I want. <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <!-- <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> --> <!-- <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> --> Question? Does jquery.mobile affect the proper operation of jquery script we use in OE? |
|
Post Reply | Page 12> |
Tweet
|
Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |