swipe and focus on items

[spadovan]

If i use this cose for enabling swiping on my pages:

Code: Select all

	<script language="javascript">
			  $( document ).ready(function() {
					$(document.body).swipe({
						swipeLeft: function() {
							$('#form\\:next').click();
						},
						swipeRight: function() {
							$('#form\\:previous').click();
						}
				  });
			  });
		</script>

then the input text items on the page are not clickable and i cannot enter this fields with the mouse....

Any idea ? thank you very much.

[mert.sincan]

Can you please attach a sample page?

[spadovan]

Please try to add this code in the (<ui:define name="head"> of) messages.xhtml of the ultima demo application:
Please add "id" to the form tag too (<h:form id="form">)

Code: Select all

<ui:define name="head">

		<script language="javascript">
			  $( document ).ready(function() {
					$(document.body).swipe({
						swipeLeft: function() {
							$('#form\\:submitButton').click();
						},
				  });
			  });
		</script>
...		

The inputs are not clickable anymore...
Thanks

[mert.sincan]

Please add the following mobile check;

Code: Select all

<ui:define name="head">

		<script language="javascript">
			  $( document ).ready(function() {
			  
 if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
					$(document.body).swipe({
						swipeLeft: function() {
							$('#form\\:submitButton').click();
						}
				  });
		}
			  });
		</script>
...		

[spadovan]

Nice, it works !

do i have to test mobile device every time i'd like to use swipe functionality ?

thanks, you're number one !

Simone

[spadovan]

can i use

Code: Select all

PrimeFaces.widget.Ultima.isMobileDev 

too ?

[mert.sincan]

do i have to test mobile device every time i'd like to use swipe functionality?

- Yes, swipe functionality is for mobile devices.

[mert.sincan]

can i use

Code: Select all

PrimeFaces.widget.Ultima.isMobileDev 

too ?

- Great solution! You can use it.