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 17 2016 at 7:00pm |
Thanks Dmit OE,
Your guess would be correct, jquery.mobile might conflict against default jquery in OE. Therefore, I resolve this issue using jquery ui instead of jquery mobile as following, //in Header of BaseLayer <link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script> $( function() { $( "#Rslider" ).slider({ range:"max", min:0, max:100, step:0.5, value:50, slide: function( event, ui ) { $( ".Rrange input" ).val( ui.value ); } }); $( ".Rrange input" ).val( $( "#Rslider" ).slider( "value" ) ); } ); </script> //in Body of SubLayer Text Input Field form with Custom Classes="Rrange" Now, I need to connect this value to Database to get, update.....a lot of job.... Thanks, |
|
Dmit OE
Admin Group Joined: May 31 2012 Status: Offline Points: 5283 |
Post Options
Thanks(1)
|
That complicates things. I will have to look into it, when I find some time. Meanwhile, check whether you can achieve desired result without using jQuery mobile, which is not just some jQuery addon but an entirely different library and can indeed conflict a lot.
|
|
djju1029
Senior Member Joined: Aug 02 2016 Location: the US Status: Offline Points: 126 |
Post Options
Thanks(0)
|
Yes, I have tried it.
When I used only the last line (jquery.mobile-1.4.5.min.js) and NOT the one with jquery-1.11.3.min.js which conflicts with OE-integrated jQuery, the value of slider was not copied to text box form.
|
|
Dmit OE
Admin Group Joined: May 31 2012 Status: Offline Points: 5283 |
Post Options
Thanks(1)
|
Maybe, but first, try to use only the last line (jquery.mobile-1.4.5.min.js) and NOT the one with jquery-1.11.3.min.jswhich conflicts with OE-integrated jQuery.
|
|
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? |
|
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?
|
|
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> |
|
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.
|
|
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)
|
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 |
|
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 |