Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I have create a fiddle with your piece of code and have made some small changes and tested it on iphone / ipad &amp; desktop, work fine for me: <br> here html:</p> <pre><code>&lt;button id="addwebcam"&gt;Add Webcam&lt;/button&gt; &lt;div id="cameraformwebcam" title="Add a webcam"&gt; &lt;form id='AddCameraFormWebcam' action=''&gt; &lt;p&gt; &lt;label for="CameraName"&gt;Camera name: &lt;span class="small"&gt;Enter label for camera&lt;/span&gt; &lt;/label&gt; &lt;input type="text" id="CameraName" name="camera_name" size="24" maxlength="36" /&gt; &lt;/p&gt; &lt;p&gt; &lt;label for='CameraQuality'&gt;Camera quality: &lt;span class="small"&gt;Select camera quality&lt;/span&gt; &lt;/label&gt; &lt;select id='CameraQuality' name='camera_quality'&gt; &lt;option value='HIGH' selected='selected'&gt;High&lt;/option&gt; &lt;option value='MEDIUM'&gt;Medium&lt;/option&gt; &lt;option value='MOBILE'&gt;Mobile&lt;/option&gt; &lt;/select&gt; &lt;/p&gt; &lt;p&gt; &lt;label for='CameraStatus'&gt;Motion detection: &lt;span class="small"&gt;Turn motion detection on/off&lt;/span&gt; &lt;/label&gt; &lt;select id='CameraStatus' name='camera_status'&gt; &lt;option value='ENABLED' selected='selected'&gt;On&lt;/option&gt; &lt;option value='DISABLED'&gt;Off&lt;/option&gt; &lt;/select&gt; &lt;/p&gt; &lt;p&gt; &lt;label for='EmailNotice'&gt;Email notice: &lt;span class="small"&gt;Turn email notices on/off&lt;/span&gt; &lt;/label&gt; &lt;select id='EmailNotice' name='email_notice'&gt; &lt;option value='ENABLED' selected='selected'&gt;On&lt;/option&gt; &lt;option value='DISABLED'&gt;Off&lt;/option&gt; &lt;/select&gt; &lt;/p&gt; &lt;p&gt; &lt;label for='CameraSensitivity'&gt;Camera sensitivity: &lt;span class="small"&gt;Select camera sensitivity&lt;/span&gt; &lt;/label&gt; &lt;select id='CameraSensitivity' name='camera_sensitivity'&gt; &lt;option value='HIGH'&gt;High&lt;/option&gt; &lt;option value='AVERAGE' selected='selected'&gt;Average&lt;/option&gt; &lt;option value='LOW'&gt;Low&lt;/option&gt; &lt;/select&gt; &lt;/p&gt; &lt;input type='hidden' name='camera_type' value='WEBCAM' /&gt; &lt;button type='submit' class='submit_camera' name='addcamera' value='Add'&gt;Add&lt;/button&gt; &lt;button type='reset' class='cancel_changes' name='cancel_changes' value='Cancel'&gt;Cancel&lt;/button&gt; &lt;/form&gt; &lt;/div&gt; </code></pre> <p><br> here js:<br></p> <pre><code>$('#cameraformwebcam').hide(); $("#addwebcam").click(function(event){ event.stopPropagation(); touchStart(event); if(event.handled !== true) { $('#cameraformwebcam').show(); $('.addwebcam').hide(); event.handled = true; } else { return false; } }); function touchStart(event) { if (event.target.tagName != 'SELECT') { event.preventDefault(); alert(event); } } $('.submit_camera').click(function(){ alert("Send data"); }); </code></pre> <p><a href="http://jsfiddle.net/konstheinrich188/TKfEJ/" rel="nofollow noreferrer">Link to fiddle</a></p> <p><br> hope it helps</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload