You are here: Hello » blog

jQuery UI is now compatible with jQuery mobile

Good news for JQuery developers- two of most popular frameworks becames compatible. Now, jQuery, jQuery-Mobile and jQuery-UI could be used at the same time- no more error any more. Great!!!
jQuery 2.0.3 + jQuery-mobile 1.3.1 + jQuery-UI 1.10.3

In earlier versions I've been sacrificing jQ-UI because of compatibility issues with JQM, but now I'll use full power of jQuery without any additional3rd party plugins.

2014/02/04 20:18 · 1 Comment

Codebender invite

Well well, after morning email check i have found invite to use CodeBender service. And what is here? Codebender is online IDE for arduino development. This service can compile you code and upload it to you local arduino device, or event remote1) Arduino device via TCP/IP. I think this will be great change from native Arduino IDE to web based full featured Arduino Integrated Development Environment

2014/02/04 20:18

Contact system fixed

Recently, I have found out, that my contact system was broken. Fixed it right know, and it should be working. Just drop me a note if you have something to say

2014/02/04 20:18

Anti-Spam Security

I hate spam, as everyone do. Since my website was quite vulnerable by spam bots- I had to implement some kind of security. From now on every unregistered user must enter capcha text, visible right after comment form. I don't mean to raise any difficulties for my visitors, but this type of security is essential.

2014/02/04 20:18 · 0 Comments

Obstacles and traps of JQuery

Celebration of Christmas and New Year have ended. Its time to back to work on projects.
Did some progress on Spot-In's server backend. Begun to update front end. I would like to allow user to delete his own report within few minutes after posting. It's quite ordinal in mobile UI2) that taphold3) event brings additional menu for touched item. I would like to use it to delete record.
Everything looks good till you try. Attached tap and taphold events for items and problems flow out:

  • If you taphold, tap event is executed
  • If you try to scroll down- taphold event is executed. As mentioned is previous problem, taphold is followed with tap.

Well, I could deal with tap and taphold problem if where would be no need to scroll down. This ListViews requirement was my traps. Searched whole web. I've tried various hakish ways of achieving what is needed and each time I've banged head into wall.

Finally, after a week I've found one simple and interesting solution, that really works. Swipe (scroll), taphold work perfectly. Solution is quite simple: taphold threshold and swipe duration threshold must differentiate at least 1ms(millisecond). And these thresholds mus be set before loading JQuery mobile library. Script should look like so:

<script type="text/javascript" charset="utf-8" src="jquery.min.js"></script>
<script type="text/javascript">
    $(document).bind("mobileinit", function () {
        $.event.special.tap.tapholdThreshold = 1000,
        $.event.special.swipe.durationThreshold = 999;
    });
</script>
<script type="text/javascript" charset="utf-8" src="jquery.mobile.min.js"></script>

One problem solved, but one left: how to prevent tap after taphold. I have tried everything what I came up with: various settings, hakish event handling and so on. This bug is registered in official jQuery bug tracked. Resolution- “wont fix” 8-o
And suddenly idea strike my head: unbind tap event on taphold and rebind it later. Little bit lame, but ir works :)

$("#object").on('taphold', function(e){
	$(this).off("click");
	//do whatever is needed
	setTimeout(function(){		//after 3 seconds return click event, as it was removed
		$(this).on("click", function(){
			// TAP event processing
		})
	},3000);
})

Looks like these two snippets let scroll, taphold and tap events to behave friendly without teasing each other :-)
Now I can continue to work on next version of spot-in for android.

P.S. I've found a remote Mac service. But about this later, till I be able to test it.

2014/02/04 20:18 · 0 Comments

<< Newer entries | Older entries >>

1) additional configuration needed
2) user interface
3) click and hold for second
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 3.0 Unported

Hey.lt - Nemokamas lankytojų skaitliukas XHTML