Need advice adapting page w/ onmouseover img swap to iPhone/iPad devices.

Need advice adapting page w/ onmouseover img swap to iPhone/iPad devices.
OK, we knew we needed to co-develop for touch-base devices, but this page forces the issue.
See page at: http://www.sos.state.or.us/elections/pages/voterresources/civics-toolkit/index.html
The page has two-state graphical buttons: a small button for the standard state and a large button in response to the onmouseover event. Navigation occurs onclick. Of course, touch-based devices like iPhone and iPad have no mouse over. The iPad displays the button just fine. However, the iPhone only shows the image until it is clicked. After that it is gone, even when one navigates away and back again after clicking it.
I imagine we should detect what device is browsing and then load only the large, more informative buttons when we detect a smartphone or tablet device.
What's the best approach?
Thanks in advance!

So iPhone an iPad have ontouchstart and ontouchend - the information you provided says Apple implemented these events. Perhaps I should have specified that the page needs to work well on all touch devices, including non-Apple data phones.
Do you know if these touch events or some other solution is supported cross platform?
Just to be sure I understand, I
ditch the onmouseover event in favor of using the a:hover pseudo-class to swap images. This swaps for all devices.
implement ontouchstart/ontouchend for iPhone and iPad to create begin and end points for the image swap. This works for iPhone/iPad and no special condition is needed for a device with a mouse.
use onclick to trigger navigation. This works for all devices.
Thanks!

Similar Messages

  • I need help making Adobe Edge animation appear correctly on iphones, ipads and android phones.

    I need help making Adobe Edge animation appear correctly on iphones, ipads and android phones. It currently looks fine on desktops and androids. I am using wordpress with a responsive theme (Canvas). I will need you to document The url is http://adamhtc.org.s183459.gridserver.com.

    Thanks George, interesting thought.  I looked on Adobe's site and they "advertise" fillable forms for the iPhone and Android markets, but on the Windows Phone tab, that is mysteriously missing.  lol    Maybe it will come later?   Meanwhile, I'll google to see if there are any PDF viewers that can handle it now.   Thanks for the reply.  :-)

  • I'm in realestae, and i need a client manager that will sync with my iphone, ipad and mac if i make changes on one device. Any sugestions.

    I'm in realestae, and i need a client manager that will sync with my iphone, ipad and mac if i make changes on one device. Any sugestions.

    Try using icloud and that should solve your problem

  • Need advice on Page file settings in Windows 7 x64

    Hi Guys
    I just opgraded my main CS6 rig to a total of 32 GB RAM. This means, that the system has added allocated space for the page file on my system drive, a 128 GB Corsair Pro SSD disc, and I therefor only have 23 GB free.
    I was wondering if I could put some or all of it on another, 240 GB SSD I have in my system that I use for PPRO previews, media cache etc. or I should simply upgrade my system drive to the 240 GB version?
    I have 2 600 GB WD Raptor 10K rpm drives too, one for media and one for render, could maybe put it there too?
    I am a bid unsure how to do this rigth, so any advice would be appreciated
    Thanks in advance.
    Ulf

    ....I am sure soon you will hear from others on this forum more knowledgeable than me....but, from what I've read hear before, to produce the fastest performance with your current  equipment would be to keep your OS and programs only on your current "C" drive. Assuming these SSDs are SATA III for best performance, you would then place a static pagefile at least 1.5x your installed system memory,(at least 48 GB), on the 240GB SSD, along with the previews, cache, and media cache files.
        No need to worry about any "SSD reliability" issues on that drive, as all those files can easily be re-created.
        Then , for fastest performance, you would create a 2 disk onboard RAID 0 with the two Raptors to place your media on for fastest editing performance. However, you must use an additional disk as the primary  location of your important, original media files.....then, you would copy those onto the RAID for editing speed.
       Then, you may either : export to the 240GB SSD for faster export.....then copy those to that new additional 7200 RPM you must buy,or, just export to that new drive directly,( may take a little longer).
       Newer Marvell controlled, ( not Sandforce), SSDs are supposedly able to handle "incompressible data", (like digital video files), well, without slowing down during writes. Storage Review and other sites have tested these.....Plextor and Corsair Pro series SSDs look to be the best,but, expensive.  I have NOT had any trouble so far with my SATA II Corsair F120 SSDs....at the time, 2 years ago, that drive was rated as having read and write speeds of over 200MB/sec. My tests showed that to be true. A large,cheap Marvell controlled SSD is the Crucial M4,( just issued new firmware)......it was as low as $339 for a 512GB recently.
        In general, you will hear criticism here on using SSDs for video editing. Without using a huge RAID array and expensive controller card....the standard recommendation  for a system like yours is to have a five drive setup.....plus backup. One drive for OS and programs, plus two -2 drive onboard RAID 0 arrays.
        Use of a single 7200rpm disk,( at 100-130MB/sec.) can slow you while editing.....hence the fast RAID arrays. Speed of OS drive is not that critical, once the program is up and running....it is your "project" disk speed that is important.
       Once re-configured, you should visit the PPBM5 website, and see how your rig does with the benchmark test compared to other setups.

  • Need advice on Pages for commercially printed publications.

    Here is my situation. I have created a publication (a buy/sell classified magazine) using Pages.
    Pages was recommended to me as opposed to Indesign or Quark as it has some great placeholder options for text and photos and would set up nicely as an easy template. So I spent 100s of hours setting up this document and getting it perfect and then off to the printer we go!
    Firstly I should mention we are using cold set printing for those who are familiar with it... anyhoo... publication came back with VERY dark photos and even the text was not crisp.
    Has anyone had cold set printing done from a publication or document done in Pages? Is the problem with the conversion to PDF? Any suggestions to fix the problem? Is lightening the pictures significantly going to work?
    Any suggestions or advice would be appreciated.
    Thanks.

    Have you asked your printer about how they handle PDFs? Or, for that matter, what they thought went wrong with the file you sent them? As far as I know, there is nothing special about the PDF output of Pages, and any printer that can utilize PDFs properly should be able to use Pages output (at least as far as the text is concerned -- images may very well take some tweaking). This sounds like a matter you should address directly with your printer -- if they are any good, they should be willing to discuss this with you.
    For the most part the commercial printing we've done from Pages was for digitally printed jobs, since we generally don't do large runs (1000+), but I have never had any problem with our printer services handling the PDF or producing less than acceptable results.
    PowerMac G5   Mac OS X (10.4.4)  

  • Need advice with longer cables to hard wire into my wifi device...

    Any advice,  I want to add a 2nd apple tv in another room but need a longer J45 cable to hard wire into my wi fi device at least 30 feet.  I do alot of utube watching?

    An ethernet cable that length should be fine.
    You might consider looking at mains powerline network sockets eg from Devolo, Belkin, Netgear etc etc
    http://www.devolo.com/consumer/dlan-mains-supply-network-fastest-500-mbit.html?l =en

  • Need advice if i should upgrade my legally unlocked iphone 3G

    Hi,
    I recently traveled to livigno (in the alps of Italy)and i stumbled across an unlocked iPhone 3G at an electronics store (not an apple store just a regular electronics store).
    the guy told me that it was legally unlocked and that i could make software updates. but after what I've been hearing in the apple discussion , i am not sure if i should take the risk and upgrade to 2.2.1 from 2.2
    how can i know that it is legally unlocked and that i can update without the phone being locked ()bricked.
    I live in Malta and using it in Malta.
    Thanking you in advance,
    Andrew

    This link provides where the iPhone 3G can be purchased in Italy.
    http://www.apple.com/it/iphone/buy/
    This link provides the iPhone part or model numbers for the iPhone 3G sold in Italy.
    http://support.apple.com/kb/HT1937
    MB489T/A
    MB496T/A
    MB500T/A
    You can determine the model number for this iPhone at Settings > General > About > Model.

  • Adaptive Page Layouts: UI Corrections on Search/KD Pages

    This thread started as a "how to make search results look like google" but after getting more familiar with search I started to realize that the KD is (to a certain extent) disconnected from the search results look and feel and that both would have to be tweaked. Not only that, but there are great inconsistencies between the 2. SO! I'm going to add info here as I tweak...it isn't rocket science but each thing takes 20-30 minutes to debug and correct and I figure in might save someone a few minutes here or there.
    <BR><BR>
    Like at most companies, our users are always clamoring for us to make search more like google. With the release of 6.5 and adaptive page layouts it is pretty easy to make it "look" like google at least.
    <P>The first thing you'll need to adjust is your mainstyle.css file <BR>(<root> \ptimages\imageserver\plumtree\portal\private\css)
    <P><BR>
    To make the "Properties" link that purple'ish hue:<BR>
    .ali-search-results-modified a {
       <BR> color:#77c;<BR>
    }<BR><BR>
    To make the "Modified By" field green:<BR>
    .ali-search-results-modified {<BR>
       color:green;<BR>
        line-height:1.5em;<BR>
    }<BR><BR>
    To shift the results closer to the left side of the page:<BR>
    #ali-search-results {<BR>
        clear:both;<BR>
        float:left;<BR>
        width:85%;<BR>
        min-width:625px;<BR>
        margin:12px 0 0 4px;<BR>
        padding:0;<BR>
    }<BR><BR>
    To make the main link blue and the right size:<BR>
    .ali-kd-docs-title a {<BR>
         font-family:Arial, Helvetica, sans-serif;<BR>
         font-size:16;<BR>
         font-weight:none;<BR>
         color: #0000CD ;<BR>
         letter-spacing:0px;<BR>
         text-decoration:none;<BR>
    }<P><P>
    Once you get the colors right things still look a little "not quite google". The next set of changes will hopefully fix that a bit.
    <BR>
    <P>
    1) Move the file type icon to the right side of the result title<BR>
    Search for: p class="ali-kd-docs-title" <BR> within your searchresultslayout.html file and move the line that says <pt:core.html pt:tag="img" src="$result.icon" alt="$htmlEncodedName"/> from the start of that section to the end.
    <BR>
    <P>
    2) Add a space between search results<BR>
    Search in your searchresultslayout.html file for "ali-search-results-modified", go down about 10 lines and you should be at a close tr tag: this is the end of your results row and where you want to add the space. Add another TR like so:
    <tr><pt:core.comment><!-- The purpose of this TR is to add space between search entries --></pt:core.comment>
       <td colspan="2">img alt="" src="http://yourserver/imageserver/plumtree/images/spacer.gif" width="1" height="1" border="0" </td>
    </tr><BR><BR>
    That will get your results pretty darn close to google and probably make your users quite happy.
    <BR>
    Post any extra tweaks that help! I could use some help here!
    Edited by geoffgarcia at 06/19/2008 7:44 AM

    The KD Pagination is in a column vs the search results page where it is in a row at the very bottom of the page.
    This looks like an innocent mistake because the fix to make them identical involves moving a single close div tag!
    To make the pagination move to the bottom of the page and into a row (just like search does it) go into your knowledgedirectorylayout.html file and search for <div id="ali-kd-pagenav">
    directly above this is a close div tag for the id="ali-kd-documents". Simply move that close tag beneath the ali-kd-pagenav and restart your IIS and voila! just like search results:)

  • JMS to Synchronous Web Service Scenario (Need Advice to use BPM or Not)

    Hi Experts,
    We have a scenario where we fetch data from JMS Sender and Send it to MDM Webservices.
    We want to have the files processed in such a way that until we get a response from webservice back that it was sucessful ,then only we need to process the next file.
    We would need advice as can we use BPM for this.
    We are thinking of having BPM like this:
    RecieveStep(Asyn)-SynchronousSend Step(with wait)-Stop
    The problem with this is when processing huge files the processing time of the Queue is taking very long and sometimes we are getting SYSFAIL.
    Please would anyone advice as how can we approach this scenario either using BPM or without.
    Also Can we use multiple queues or multpile instances concept for this scenario.
    Please Advice.
    Thanks in Advance
    Regards
    J

    Hi Prateek,
    Thank you very much for your quick reply.
    The response from Webservice does not need to be sent anywhere.
    We just want that after recieving the response back from webservice(SOAP) then only we need to process the next file.
    Can we control something from Sender JMS adapter side as well as it is picking up all the files and all files wait at BPE until each one gets processed.
    Is this possible without BPM or with BPM.
    Please advice as what wud be possible steps inorder to achive it through BPM or Without BPM.
    Thanks and Regards,
    J

  • Major Issues with installing 4tb internal. Really need advice please

    In the process of a long needed upgrade to my 2010 Mac Pro Quad core 2.8 and have run into a serious headache that I really need advice on so I can get back to work. I've already spent 2 days dealing with all of this...
    Just did a new SSD install and Migration which went fine but I'm also updating the rest of the internal drives. My main (non boot) drive was being upgraded from a Seagate Barracuda 3tb to a 4th Deskstar NAS (it was showing as compatible with my desktop, see links below). My 3tb ran fine for years but now due to it being heavily used I want to switch to a new drive and I can also use a bit more space.
    The issue I'm running into is that initially on boot, my system was telling me it couldn't recognize the disk and it wasn't even showing up in Disk Utility. I had to purchase a SATA USB 3 kit to attach it as an external to get it to show which worked without problem. With the USB kit I was then able to partition it (GUID, Mac OS extended journaled) and format it properly. After reinserting the drive into my tower as an internal it failed to show again. After a few attempts of restarts and trying various bays it popped up but showed as a non formatted drive and I was told again that the system didn't recognise it. I was then given the option to initialise and was then actually able to then format and partition it though Disk Utility while it was installed as an internal.
    Figured that was problem solved but when I went to check the drive and getting ready to transfer files over I noticed that Disk Utility was only allowing the First Aid and Partition options but not Erase, RAID, Restore which I'd never seen before. I then also noticed that none of the drive connection info was in the same format nor will it even provide drive bay info, connection info or read/write status (See screen shots). This is what I can't figure out and really need to clarify before I put full trust into using this drive.
    Any info would be greatly appreciated...
    Deskstar 4tb internal info which is installed in Bay 2
    3tb Seagate which I trying to retire and transfer from.
    Here are the weblinks to the Deskstar 4tb drive and the compatibility list but I support isn't allowing me to add direct links so add the www. before hand.
    (Drive - eshop.macsales.com/item/HGST/0S03664/) (compatibility list - eshop.macsales.com/Descriptions/specs/Framework.cfm?page=macpromid2010.html).

    What OSX version?
    Disk Utility in later versions of ML and I think Mavericks have problems formatting with 4 TB internal drives.
    http://forums.macrumors.com/showthread.php?t=1661024
    http://apple.stackexchange.com/questions/112266/why-doesnt-my-mac-pro-see-my-new -4tb-sata-drive

  • HELP: New to Mavericks. Need advice on setting up secure user accounts

    Hi,
    I need advice on how to best set up user accounts on Mavericks.
    I must set up an Administrative account...Any suggestion for best settings here to protect against targeted malicious exploits?
    I would also like to set up two user accounts for everyday work with applications and Internet browsing done in such a way that the machine would be protected from malicious attacks but with a minimum of inconvience for the users ( myself and my wife ).
    Thanks

    Hi hassiman, any exploits will come in the form of users downloading suspect pieces of software like browser add-ons and extensions, device drivers and non-trusted apps.
    Make sure that you do not use the admin account for any day to day use
    Create two normal user accounts, one for each of you and use them day to day
    When using the admin account to set up your system, pay very careful attention to the System Preferences > Privacy & Security area. There are various things to set up properly here:
    There are three settings for how people can download software, 1) From Mac App Store only, 2) From App Store and registered developers and 3) from anyone. It defaults to 2) but check it and if you feel uncomfortable with that, set it to 1). This might prevent you from downloading and installing software you think you might need; but think carefully about wether you really need it and therefore wether you should temporarily allow it via a lower setting.
    For the firewall, if you dont have a firewalled internet gateway device (a wireless router or similar), make sure the firewall is turned on. Most internet connection equipment does have such a firewall; make sure it is blocking any incoming connections by using its admin tool (usually a web browser interface). Consult its documentation for details.
    Whenever OS X asks for a password to complete a task of any kind, look carefully at what is making it ask and if you aren't sure, don't go through with it; it is usually wanting the admin account name and ppassword to complete some kind of system modification (install, config etc.).
    Make sure that you are both aware of the danger of installing any software that wants to add itself to your system or web browser. Things like custom search bars, extensions etc. If you are viewing a web page and it says you need "x" to see it or use it properly, make sure you really need to use that web site; otherwise don't do it.
    It really all comes down to common sense; the worst security breaches and damage come from users who don't know what to do, but they still click "OK" when they should be clicking "cancel" or "close". Make sure you and your wife are fully aware that responsibility lies with yourselves. It is better to take a minute to decide wether to install something (even if it's 20 times a week) than spend days fixing a compromised system.

  • Need advice for deploy adf web fusion application created in Jdev11gTp4

    hello,
    need advice for deploy adf web fusion application created in Jdev11gTp4
    and it will be nice if you have helper sites
    thanks
    greenApple

    Is there something specific in TP4 that you want to use TP4 - as John suggests, it might be an idea to use the full production release (11g). As for resources for information you can check out
    [Jdev Home|http://otn.oracle.com/products/jdev] this page contains links to the developers guides and various how tos etc etc. The follownig page is also useful and is focused more to those who are less familiar with Java
    [JDev for Forms|http://otn.oracle.com/formsdesignerj2ee]
    Hope this helps and maybe if you can be more specific we can better guide you.
    Regards
    Grant

  • I need advice after purchasing a MacBook Pro in the USA for use in the UK.

    Hello all out there,
    I bought a 13 inch MacBook Pro in the USA last week and brought it back with me to the UK. I had been given an Apple World Adapter kit by the gentleman in the apple store, however I realised today that it isn't for the MacBook Pro and is only for iPads, iphones and ipods. This means that despite paying around $40, I am stuck. I need advice as to how to charge the laptop in the UK now? Is there an adapter for this or can I use any ordinary USA to UK adapter and stick it to the one I have from the USA?
    Any advice would be much appreciated.
    Thanks,
    Zainab

    AFAIK, the World Adapter kit has a replacement PLUG for the power brick. What you need is just something that can go into your country's wall socket, as the power brick itself is universal and can work from 100-240 VAC, 50-60 Hz.
    In other words, you ARE aware that the power brick has removable plugs on the AC end, right?

  • Neo2 865-ls compatibility issue - plz ASAP need advice

    Hey guys,
        Im recently building a computer with the new 865pe chipset. I tried IS-7 but it was DOA. I rma it. Then I tried asus p4p800 delux...i rma twice cuz thier was problem with my all in wonder ati radeon 9700 pro pn-XXX-10, it have conflict with that version,. Asus and ABit has bad support. Right now im thinking about either getting MSI Or INTEL. INTEL board are reliable and stable but too freaking slow and too skimpy. I want to get MSI 865pe neo2 -ls but alot off ppl have problems with da board  ?( ask am reading in this forum. So im confuse. If anybody thier can give me help or tell me that these parts will be compatible with new 865pe neo2-ls. I need advice soon cuz im going back to college in a week and i have to get it set up by then.
    My parts.
    Cruciall DDR 400
    p4 2.8c (800FSB) HT
    WD caviar 80gb 8mb cache
    sony dvd player
    420watts thermalake pure power
    ALL IN WONDER 9700 pro - pn version pn-XXXXXXXX-10
    Thank you very much guys.  :P

    Hi Joni Guapz,
    There shouldn't be any issue on this board if you do the proper setups accordingly.
    1 word of advice for you. This mobo is very very very particular of the RAMs working on it, therefore, please kindly refer to the following page for a list of compatible RAMs:
    http://www.msi.com.tw/program/products/mainboard/mbd/pro_mbd_detail.php?UID=433
    Please note that if you are an o/clocker, I suggest you browsing through the older post of the forum through the search engine and see which are the best selected RAMs for your board, or you can go to the following thread by me on Mobo vs RAMs etc... on the top of 1st page and see the pros and cons listed out from individual users.
    All in all, this is a very very very good and stable board for me myself(in my signature) and it rocks very smoothly during gaming, ripping music and multi-tasking.
    All the Best... :D!!!

  • In Brazil. . . Do I need an adapter to plug in my HP Mini 110 into a 220 Voltage plug?

    Hi! I'm living in Brazil for a while and just got here. I have an HP Mini 110 and the plugs here say 220V. Is it safe to plug in my computer or do I need some kind of converter? If so what kind?
    My power is about to run out!!!!!
    Thanks in advance,
    Sasha

    No. The power brick for the iPod senses the voltage and adjusts for the different ones.
    You will need an adapter to switch form flat us pins tot the round pins used on their plugs.
    Allan

Maybe you are looking for

  • Scanning of analog inputs in PXI 7831R FPGA

    Hi all, I am new to Labview FPGA Module. I am using Labview 7.1.1 and Labview FPGA Module 1.1 . I am using PXI 7831R FPGA Card. I developed a program which is used to scan analog Inputs with given scan rate for given scan duration. I gave input as pu

  • JSF analogous to Struts Tokens?

    Hi! I would like to know if there is any feature in JSF that is similar to Struts Tokens? My Specific requirement is : After filling the form (in a wizard kind of interface)the fields would be persisted , but the user might click the back button to m

  • Square box around pointer

    All of a sudden, a square box of 3 by 4 inches appeared around the pointer. At the moment it occurred I was in 'Keyboard Shortcuts' of 'Keyboard and Mouse' in Preferences, where I must have touched something. Any suggestions as to how to free my poin

  • Production order enhancement for batches

    We have a scenario where the batch expiration date of the produced material in the Production order = to the earliest expiration date of one of the component batches. Once the batches of the component are allocated in the Production order, we want do

  • Importing Raw files from cd question.

    I have a new  MBP with LR3 and have sucessfully imported some Raw files from a cd. However, I have a cd with 48 Raw files and it just seemed to take forever. Is importing from a cd that much slower than importing from my memory card? To import from a