Adapting An Interface For Touch Devices?

Oct 27, 2010

Notice: This is a discussion thread for comments about the SitePoint article, Adapting an Interface for Touch Devices.

Interesting technique!

View 2 Replies


ADVERTISEMENT

JQuery :: Hover / Mouseover Events On Touch Devices

Sep 22, 2011

Do you know of any best practice here?Expanding on the question, if an end user is viewing content with touch-based device, such as an iX or Android X, then hover type events (such as hover/hoverIntent, mouseover, mouseout, mouseenter, mouseleave, and perhaps other events that I haven't listed) don't make sense.Forthwith, what's the best usability practice in lieu of these events?

View 1 Replies View Related

JQuery :: Adapting Xhtml Layout For Photo Slider To PHP Blog Template?

Jun 18, 2009

I am hoping to use a 3rd party script for a simple JQuery photo slider for my WP blog. But the script creator says: "If you are trying to 'include' this into a blog template then you will need to have a good knowledge of the template structure and how it is pulling the information from the database. The files that I supply are intended for use in a normal xhtml page where you would just add the javascript calls and stylesheet links to the page head, then embed the xhtml into the web page or use a simple php 'include' to add this at run time." He couldn't help further. The blog theme I purchase comes with a photo slider but I wasn't happy with it 100%. I took the code from the new one and put it in as best as I could where the original one was formatted. I am not a programmer though and I know that clearly I did not do it right, as I used "a" ids like you would in HTML and I know they don't belong in PHP. However, it magically is working somewhat! All the graphics are showing, it's pulling images, and they are sliding. I just need to clean it up a bit. Here is a page where it is on:

[Code]...

View 2 Replies View Related

Hardware Devices Control

Oct 5, 2003

i have a little quiz about controlling hardware devices from java script
so .. can i use java script to control CD-ROM or printer or any thing pluged into serial port ?

View 20 Replies View Related

Mobile Devices, Run Function On Flick?

Sep 20, 2011

Im working on a mobile site for a friend and im curious, can i trigger javascript events on screen flick (By flick i mean the way to scroll through homepage screens). Id love to run a few things like that but i dont know if thats possible. If it is is there a tutorial about i could look at?

View 3 Replies View Related

JQuery :: Which Plattforms Are Supported By JQ Touch

Jul 21, 2011

I would like to know whether anyone can tell me which plattforms are supported by jQ Touch. On the homepage of jQ Touch it is said, that is "for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices" SO what is meant by that. Which other browsers are supported?

View 1 Replies View Related

Provide Alternate Content For Browsers / Devices Without Flash

Sep 20, 2011

I have a quiz embedded on my site that originates elsewhere (QuizRevolution.com) and is embedded on my site via a link (plus some other code), part of that code being in an iframe. The quiz contains YouTube videos that, because of how the quiz is set up by QuizRevolution, will not play in browsers/devices without Flash (for example, the iPad). What I would like to do is put some script on my site that will load a SECOND quiz from QuizRevolution (this one without video) for browsers/devices without Flash. This second quiz will substitute for the first one. Does anyone know how to do this? The tricky part seems to be how I have embedded the quiz in my site, so I have included that part of the page here:

[Code]....

View 17 Replies View Related

JQuery :: Touch Events - Reverse Data Direction?

Oct 20, 2011

I am looking for a snippet to use touch gestures in jquerymobile. The following snippets works fine but the page only slides to the left. How to swipe the page to left and right? (data-direction=reverse"?

<script type="text/javascript">
$('div.ui-page').live("swipeleft", function(){
var nextpage = $(this).next('div[data-role="page"]');
// swipe using id of next page if exists
if (nextpage.length > 0) {
$.mobile.changePage(nextpage, 'slide');
}});
$('div.ui-page').live("swiperight", function(){
var prevpage = $(this).prev('div[data-role="page"]');
// swipe using id of next page if exists
if (prevpage.length > 0) {
$.mobile.changePage(prevpage, 'slide', true);
}});
</script>

View 2 Replies View Related

JQuery :: Using Buttons For Touch Screen Data Entry

Oct 8, 2011

I've done a fair amount of PHP development, but am new to Jquery. What I'd like to do is develop a tablet web app that uses custom image buttons for numeric-only data entry to populate form text boxes. Basically, when an image button (0 - 9) is tapped by the user, then the text box having the focus gets that corresponding digit added. There will also be a "back" button to erase, and a "send" button to process the form. It looks like this should be possible to do using Jquery or Jquery UI, but again I'm a newbie with Jquery and am not sure how to proceed.

View 1 Replies View Related

Jquery :: Script To Display When On Mobile Devices And Flash When On Computer Browser?

Sep 14, 2010

I just want to know if there is a script to display jquery when on mobile devices and flash when on computer browser?

View 1 Replies View Related

JQuery :: Detect Touch Screens - Hide The Scroll Bars

Mar 1, 2011

Is there a way to use jquery to detect any device with a touch screen?

Im using the jscrollpane but the handles drag in the wrong direction on touch screens like the ipad (in my opinion). As you can drag the main content (which works in the correct way), I want to hide the scroll bars if the device is a touch screen.

View 2 Replies View Related

Best Cross Browser Compatible Swipe Script For Android , Iphone And Other Touch Phones?

Jan 20, 2011

I'm looking for the best cross browser compatible swipe script for android, iphone and other touch phones. Has anyone used any of the available frameworks or have you used custom scripts? [code]...

View 1 Replies View Related

Web Interface Without A Browser?

Aug 12, 2011

I am maintaining a program that has a web user interface and is written in the combination of ASP.NET and javascript. One thing that I cannot understand is that the program doesn't run directly in a browser. Actually the program looks just like a window application.Then I can search additional info about it.

1. I cannot examine the HTML to look for error.

2. I cannot use the following javascript to bring up Page-Setup dialog box:

Code:

shell = new ActiveXObject( "WScript.Shell" );
window.setTimeout( "javascript:shell.SendKeys('%fu');", 1000 );

View 4 Replies View Related

Keep User Interface Preference

Mar 7, 2006

I've got an interface with some panel that can be minimize/maximize with Javascript/CSS.

But, how can I save those information so when the user click on another page or sign out, next time he came back, the interface will look the same?

I guess I can do that with cookie but, is there others solution? Can I save that on server instead of client side?

View 8 Replies View Related

Text Editing Interface

Feb 28, 2003

how to do a text editing interface similar to the one on this forum, where you can click on a bold B to set the tags between the text to be bold, etc. How do you get a javascript window with a text field so users can enter the text, and then how do I enclose the tags around that value?

The rest of the stuff in PHP I can do (just substitute [b] for strong or whatever), but I'm baffled about the javascript bit.

View 12 Replies View Related

GUI Tool For Developing JS Interface?

Nov 10, 2011

I have been tasked with reproducing something quite similar to the following website [url]...

I examined the site, and after looking at the source I have determined that a lot of it looks like it was coded in JavaScript. While I do know a bit of JavaScript but I must admit it's not the sharpest tool in my arsenal.

Since this "application" will be heavy on the JavaScript interface, I was wondering if there was a GUI RAD tool for JavaScript similar to Visual C# for .NET.

So far I have looked into Visual Web Developer 2010 Express, Dreamweaver, and most recently the Google Web Toolkit (with GWT Designer), is anyone familiar with any of these tools, and will any of these help me develop a largely GUI based JS application?

View 4 Replies View Related

JQuery :: JQM Conditional User Interface

Jan 3, 2012

I am building an application where more than one device can change settings on a webserver.Imagine using 2 smartphones. If a button on smartphone#1 is being pressed by a user, then on the webserver the status changes from 0 -> 1. I need both smartphone#1 and smartphone#2 to change from 0->1 and vice-versa so that the user knows the current value of the status.How can I accomplish this? Meaning, if I want to make a toggle switch.I read on the website:The first option will be styled as the "on" state switch and the second will be styled as the "off" state so write your options in the correct order.[code]My first guess is to create a function in the <head> in script, with one for the on and one for the off state.Depending on the current value I either load one of the two codes in the <body> section.The script in the <head> decides.

View 1 Replies View Related

LightBox App Using Yahoo User Interface

Sep 29, 2007

There are tons of lightbox apps out there, but none that I could find that use YUI. I'm sure there are lots of developers out there already using YUI and don't want to have to use another library such as jQuery to get lightbox functionality. I have two demos available from the link below and you can download a zip file of the complete application including the YUI files needed.

Supports 3 modes (LightBox, Overlay and Remote), but many many more configurations...

View 2 Replies View Related

How To Store Interface Setting Using Cookie?

Aug 10, 2006

I had a div boxs set on the page left, when user onclick the div that will set the display element to none..("display:none")

However, when the user change to other page, the display setting will return to before. How to use cookie to store the display setting?

View 1 Replies View Related

Rapid Injection Of Strings Into Interface?

Aug 6, 2009

if i have a java interface on a website and that interface contains a box where a user enters a string and then submits it. If I wanted to rapidly submit strings from a list I had (in a text file say), how would I go about doing this?

I have looked at the source code for the interface but I don't really know java that well. There must be a way to "connect" to the interface and rapidly submit strings.

View 4 Replies View Related

Write A User Interface In For Email?

Oct 20, 2010

Does anyone know if it is possible to write a user interface in javascript for email?

View 6 Replies View Related

Build A Desktop Like Application Interface?

Dec 21, 2009

I just came across following demo application: [URL] I have a few questions about this:What is the right approach to start a project, which have heavy use of JS? how to choose which library is best, or one should develop his own library specific to requirements to keep the file size smaller?

View 24 Replies View Related

JQuery :: Sencha Api - Ext Js 4 Api - Yql - Prototype - Design And Interface?

Jun 10, 2011

Which one is easier? and which gives best design and interface?

View 1 Replies View Related

JQuery :: Windows 8 Tile Type Interface?

Sep 14, 2011

im not new to jquery but have limited skills. I wonder if anyone has seen any plugins or sites that have a similar interface to the new windows 8 interface...or indeed that windows phone. Interested in building a tile based site.

View 2 Replies View Related

Swapping Images For A Tab Style Interface (within Same Page)?

Feb 5, 2009

working on a feature that displays 3 news stories. The stories are accessed by 3 buttons on the top, sort of like a tab-style navigation. The catch is that all 3 stories are on the same html page, the "navigation" is just showing/hiding content based on Java, CSS & div's. Where I'm stuck is creating On/Off state for the tab buttons. What I'd like to do is:

Click button 1, buttons 2 & 3 turn off.
Click button 2, buttons 1 & 3 turn off.
Click button 3, buttons 1 & 2 turn off.

Naturally I have separate version of each button for the on/off state, I'm just not sure how to initiate the swap...Do I set a JS variable on the onclick? Or is it just a function?

View 1 Replies View Related

Admin Interface That Allow To Customize HTML Page?

Oct 16, 2010

Would I use php or javascript to make an admin interface so someone can update the web page I made for them earlier? As of now, they need to change the html page and upload an image using filezilla. Are there any Admin interfaces that allow you to customize what you want to change/add to an html page?

View 8 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved