• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

My Monkey Do

A Log of Coding Solutions

  • Home
  • Web Hosts
  • Tools
  • About

Coding

iPad textarea not selectable

April 20, 2015 by Webhead

Problem

The textarea on iPad could not be selected and could not have anything entered.

Solution

The textarea in iPad only responds to the ‘touchstart’ event and not the ‘click’ event, but regular input accepts the ‘click’ apparently.  I some javascript where it would catch the ‘touchstart’ event and trigger a ‘click’ event to make things a little faster on iPads.  This prevented the textarea from being selected and edited.

Another possible solution was I didn’t have the cols and rows attribute in the textarea html tag.  Adding these attributes before the class or id attributes solved it for some people.

http://stackoverflow.com/questions/3909843/why-is-my-text-area-disabled-on-ipad

Filed Under: Coding Tagged With: html, iPad, javascript

What keyboard does an HTML input bring up?

February 3, 2015 by Webhead

I was having trouble figuring out what input type brings up what keyboard on the iPhone and iPad.  Turns out the number type doesn’t bring up the numeric pad.  Only “tel” does.

This is a great article on what input type brings up what keyboard:

https://about.zoosk.com/ko/engineering-blog/mobile-web-design-use-html5-to-trigger-the-appropriate-keyboard-for-form-inputs/

When your input is surrounded by a form tag, the keyboard will show a blue “Go” button.  Otherwise it will show a regular return button.

http://stackoverflow.com/questions/22986347/go-vs-return-button-in-ios-keyboard-for-html-input-forms

Filed Under: Coding Tagged With: apple, html 5, iPad, iPhone, mobile

Line in Firefox background

October 23, 2014 by Webhead

Problem

When scaling the FireFox and having a background image size set to 100%, the bottom of the image sometimes shows a line on the bottom showing the background behind it.

Solution

Firefox seems to have a problem with background-size: 100%.  instead use background-size: 99.99%;

 

http://stackoverflow.com/questions/18423884/flickering-line-under-background-image-in-firefox-on-resize

Filed Under: Coding Tagged With: css, firefox

2 color horizontally expanding background

September 3, 2014 by Webhead

All done in css, no images.  Float the background past the normal page width based on percentage.  one on the left, one on the right.

 

http://stackoverflow.com/questions/8893312/css-bi-color-flexible-horizontal-background-band

Filed Under: Coding Tagged With: css

Disabled Trackbacks, but still getting them

August 4, 2014 by Webhead

Problem

I disabled trackbacks in the general WordPress settings, used the Simple Trackback Disabler plugin (because i’m too lazy to do it in mysql) and I still got trackbacks.

 

Solution

The Simple Trackback Disabler apparently doesn’t disable trackbacks for attachments as of this writing.  Next time, don’t be lazy, just do the sql query:

update wp_posts
set ping_status = 'closed'
WHERE `ping_status` = 'open'

 

Filed Under: Coding

CSS iOS div lines disappear on zoom in

July 8, 2014 by Webhead

Problem

In iOS devices sometimes safari can display an annoying line above and below div elements.  Like so:

Unwanted div lines

 

Solution

The solution is quite hacky and hopefully this is a bug in Safari and it gets fixed soon.  The solution is to put a negative 1px margin on the sides you see the lines.  So if you see the lines above a certain div, set the top margin to -1px.

Thanks to this blog for the solution.

 

Filed Under: Coding Tagged With: css, iPad, iPhone

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 4
  • Go to page 5
  • Go to page 6
  • Go to page 7
  • Go to page 8
  • Interim pages omitted …
  • Go to page 30
  • Go to Next Page »

Primary Sidebar

Topics

502 apache apple bluehost bootstrap buddypress chrome cloudways cms css debug drupal eCommerce firebug firefox git goDaddy google google analytics google maps hacked hosting htaccess html html 5 icons IE crap image iPad iPhone javascript jquery linux localization mac os x ms sql mysql open source optimize php tinymce wordpress wpengine yii youtube




Categories

  • Coding
  • Off the Shelf
  • Plugins
  • Random Thoughts
  • Server Stuff
  • Tools