Databases
StackOverflow2013
Postsdbo
POCross Browser compatibility for <input> tag
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCross Browser compatibility for <input> tag
    primarykey
    data
    text
    <p>I am having problems with this page [see code below], and its cross browser compatibility. It works fine on both Safari and Chrome but not on IE and Firefox. I was wondering if it was something to do with the input tag.</p> <p>The page can be viewed at <a href="http://www.arcomis.com/order/basket" rel="nofollow">http://www.arcomis.com/order/basket</a>. The features that don't work are the refresh/update number of copies, and remove buttons, and the Buy with Google button. (To see these features you may have to add something to the basket, best done with this page: <a href="http://www.arcomis.com/catalogue/view/id/4852" rel="nofollow">http://www.arcomis.com/catalogue/view/id/4852</a>; click order on RHS). </p> <p>If there is a better way for me to display the code let me know, and if you need login details let me know! Thanks, i'm a bit of a newbie to all this. </p> <p><strong>login with exttest and password: testing</strong></p> <pre><code> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;meta property="og:image" content="http://www.arcomis.com/img/logo_top.gif"/&gt; &lt;title&gt;Arcomis : Your Basket&lt;/title&gt; &lt;link href="/css/main.css" media="screen,projection,print" rel="stylesheet" type="text/css" /&gt; &lt;link href="/css/print.css" media="print" rel="stylesheet" type="text/css" /&gt; &lt;/head&gt; &lt;body class="tundra"&gt; &lt;div id="headBar"&gt; &lt;div id="top_container"&gt; &lt;div id="navigation_top"&gt; &lt;div id="login"&gt; &lt;img src="/img/user.gif" width="13" height="27"&gt; &lt;span id="user_name"&gt;sarahgupta&lt;/span&gt; &lt;a href="/account"&gt;manage account&lt;/a&gt; &lt;a href="/login/logout"&gt;logout&lt;/a&gt; &lt;/div&gt; &lt;img src="/img/tabs/u_home.gif" width="93px" height="27px" class="nav_icon_u_hidden"/&gt; &lt;img src="/img/tabs/u_commissioning.gif" width="153px" height="27px" class="nav_icon_u_hidden"/&gt; &lt;a href="/publishing"&gt;&lt;img src="/img/tabs/u_publishing.gif" width="104px" height="27px" class="nav_icon_u"/&gt;&lt;/a&gt; &lt;img src="/img/tabs/u_news.gif" width="93px" height="27px" class="nav_icon_u_hidden"/&gt; &lt;img src="/img/tabs/u_about.gif" width="93px" height="27px" class="nav_icon_u_hidden"/&gt; &lt;/div&gt; &lt;div id="top_rightcol"&gt;&lt;a href="/"&gt;&lt;img src="/img/logo_top.gif" width="128px" height="94px"/&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="mid_container"&gt; &lt;div id="navigation"&gt; &lt;a href="/ "&gt;&lt;img src="/img/tabs/d_home.gif" width="91px" height="33px" class="nav_icon_d"/&gt;&lt;/a&gt; &lt;a href="/commissioning"&gt;&lt;img src="/img/tabs/d_commissioning.gif" width="151px" height="33px" class="nav_icon_d"/&gt;&lt;/a&gt; &lt;a href="/publishing"&gt;&lt;img src="/img/tabs/d_publishing.gif" width="102px" height="33px" class="nav_icon_d_hidden"/&gt;&lt;/a&gt; &lt;a href="/news"&gt;&lt;img src="/img/tabs/d_news.gif" width="91px" height="33px" class="nav_icon_d"/&gt;&lt;/a&gt; &lt;a href="/about"&gt;&lt;img src="/img/tabs/d_about.gif" width="91px" height="33px" class="nav_icon_d"/&gt;&lt;/a&gt; &lt;/div&gt; &lt;div id="mid_rightcol"&gt;&lt;a href="/"&gt;&lt;img src="/img/logo_bottom.gif" width="130px" height="35px"/&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="main_container"&gt; &lt;div id="wrapper"&gt; &lt;div id="content"&gt; &lt;h2&gt;Your basket items&lt;/h2&gt; The following items are in your basket.&lt;br/&gt;&lt;br/&gt; &lt;form action=" /order/basket" method="POST"&gt; &lt;table class="dataTable"&gt; &lt;thead&gt; &lt;tr&gt; &lt;td width="55%"&gt;Item&lt;/td&gt; &lt;td width="10%"&gt;Type&lt;/td&gt;&lt;td width="10%" align="center"&gt;Price/copy&lt;/td&gt;&lt;td width="10%"&gt;Copies&lt;/td&gt;&lt;td width="15%"&gt;Price&lt;/td&gt;&lt;td width="10%"&gt;Remove&lt;/td&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr class="alt2" valign="middle"&gt; &lt;td&gt; The Arcomis Flute Album &lt;/td&gt; &lt;td align="center"&gt; Download &lt;/td&gt; &lt;td align="center"&gt; &amp;pound;2.79 &lt;/td&gt; &lt;td align="center"&gt; &lt;input type="text" name="copies_0" value="3" style="width:20px;font-size:8pt;border:0;"/&gt;&lt;input type="image" src="/img/buttons/update.gif" alt="update number of copies/licenses" title="update number of copies/licenses" name="update" value="0"/&gt; &lt;/td&gt; &lt;td align="right"&gt; &amp;pound;8.37 &lt;/td&gt; &lt;td align="center"&gt;&lt;input type="image" src="/img/buttons/remove.gif" alt="remove item from basket" title="remove item from basket" name="remove" value="0"/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class="alt1" valign="middle"&gt; &lt;td&gt; Ghost Dances &lt;/td&gt; &lt;td align="center"&gt; Download &lt;/td&gt; &lt;td align="center"&gt; &amp;pound;4.00 &lt;/td&gt; &lt;td align="center"&gt; &lt;input type="text" name="copies_1" value="1" style="width:20px;font-size:8pt;border:0;"/&gt;&lt;input type="image" src="/img/buttons/update.gif" alt="update number of copies/licenses" title="update number of copies/licenses" name="update" value="1"/&gt; &lt;/td&gt; &lt;td align="right"&gt; &amp;pound;4.00 &lt;/td&gt; &lt;td align="center"&gt;&lt;input type="image" src="/img/buttons/remove.gif" alt="remove item from basket" title="remove item from basket" name="remove" value="1"/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;tr class="postage"&gt; &lt;td colspan="2" style="background:#ffffff"&gt;&lt;/td&gt; &lt;td colspan="2"&gt;&lt;a href="/order/delivery"&gt;Postage&lt;/a&gt;&lt;/td&gt; &lt;td align="right"&gt;&amp;pound;0.00&lt;/td&gt; &lt;td style="background:#ffffff"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="total"&gt; &lt;td colspan="2" style="background:#ffffff"&gt;&lt;/td&gt; &lt;td colspan="2"&gt;TOTAL&lt;/td&gt; &lt;td align="right"&gt;&amp;pound;12.37&lt;/td&gt; &lt;td style="background:#ffffff"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;br/&gt; &lt;br/&gt; If this completes your order please proceed to the payments area which is operated by Google Checkout on behalf of Arcomis. &lt;br/&gt; &lt;br/&gt; &lt;a href="/catalogue" class="option" style="background: url(/img/icons/explore.gif) left center no-repeat"&gt;Return to catalogue&lt;/a&gt; &lt;input type="image" src="https://checkout.google.com/buttons/checkout.gif?merchant_id=759193895597719&amp;w=168&amp;h=44&amp;style=white&amp;variant=text&amp;loc=en_GB" alt="checkout" name="checkout" value="checkout"/&gt; &lt;/form&gt; &lt;br/&gt; &lt;br/&gt; &lt;b&gt;N.B.&lt;/b&gt; We have recently become aware that a web browser upgrade has been causing problems with the purchasing and downloading of scores from the Arcomis catalogue. If a problem occurs please &lt;a href="mailto:info@arcomis.com"&gt;contact us&lt;/a&gt; directly to resolve the issue. &lt;/div&gt; &lt;div id="main_rightcol"&gt; &lt;/div&gt; &lt;div id="cleardiv"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="footer1"&gt; &lt;a href="/"&gt;Home&lt;/a&gt; &lt;a href="/commissioning"&gt;Commissioning&lt;/a&gt; &lt;a href="/publishing"&gt;Publishing&lt;/a&gt; &lt;a href="/news"&gt;News&lt;/a&gt; &lt;a href="/about"&gt;About us&lt;/a&gt; &lt;a href="/about/terms"&gt;Terms of Use&lt;/a&gt; &lt;/div&gt; &lt;div id="footer2"&gt;&lt;p&gt;Arcomis Ltd - Company Number: 6436170 - Registered Address: CBTC, Senghenydd Road, Cardiff, CF24 4AY&lt;/p&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); &lt;/script&gt; &lt;script type="text/javascript"&gt; try { var pageTracker = _gat._getTracker("UA-8254016-1"); pageTracker._trackPageview(); } catch(err) {}&lt;/script&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>PHP is:</p> <pre><code>&lt;? $this-&gt;headTitle('Your Basket') ?&gt; &lt;h2&gt;Your basket items&lt;/h2&gt; The following items are in your basket.&lt;br/&gt; &lt;br/&gt; &lt;?php if($this-&gt;basket-&gt;isEmpty()){?&gt; Your basket is empty. &lt;?php } else {?&gt; &lt;form action=" &lt;?= $this-&gt;url(array('controller' =&gt; 'order','action' =&gt; 'basket'))?&gt;" method="POST"&gt; &lt;table class="dataTable"&gt; &lt;thead&gt; &lt;tr&gt; &lt;td width="55%"&gt;Item&lt;/td&gt; &lt;td width="10%"&gt;Type&lt;/td&gt; &lt;td width="10%" align="center"&gt;Price/copy&lt;/td&gt; &lt;td width="10%"&gt;Copies&lt;/td&gt; &lt;td width="15%"&gt;Price&lt;/td&gt; &lt;td width="10%"&gt;Remove&lt;/td&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;?php $counter = 0; foreach($this-&gt;basket-&gt;items as $key =&gt; $item) { $counter++; $rowClass = ( $counter % 2 == 0 ) ? ('alt1') : ('alt2'); ?&gt; &lt;tr class="&lt;?=$rowClass ?&gt;" valign="middle"&gt; &lt;td&gt; &lt;?=$item-&gt;pieceTitle?&gt; &lt;/td&gt; &lt;td align="center"&gt; &lt;? if($item-&gt;isPrinted){?&gt; Printed &lt;?} else {?&gt; Download &lt;?}?&gt; &lt;/td&gt; &lt;td align="center"&gt; &amp;pound;&lt;?=number_format($item-&gt;piecePrice,2)?&gt; &lt;/td&gt; &lt;td align="center"&gt; &lt;input type="text" name="copies_&lt;?=$key//$item-&gt;pieceID?&gt;" value="&lt;?=$item-&gt;copies?&gt;" style="width:20px;font-size:8pt;border:0;"/&gt; &lt;input type="image" src="&lt;? =$this-&gt;getBase()?&gt;/img/buttons/update.gif" alt="update number of copies/licenses" title="update number of copies/licenses" name="update" value="&lt;?=$key//$item-&gt;pieceID?&gt;"/&gt; &lt;/td&gt; &lt;td align="right"&gt; &amp;pound;&lt;?=number_format($item-&gt;getTotalPieceCost(),2)?&gt; &lt;/td&gt; &lt;td align="center"&gt; &lt;input type="image" src="&lt;?=$this-&gt;getBase()?&gt;/img/buttons/remove.gif" alt="remove item from basket" title="remove item from basket" name="remove" value="&lt;?=$key//$item-&gt;pieceID?&gt;"/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;?php } ?&gt; &lt;/tbody&gt; &lt;tr class="postage"&gt; &lt;td colspan="2" style="background:#ffffff"&gt; &lt;/td&gt; &lt;td colspan="2"&gt; &lt;a href="&lt;?= $this-&gt;url(array('controller' =&gt; 'order','action' =&gt; 'delivery'))?&gt;"&gt;Postage&lt;/a&gt; &lt;/td&gt; &lt;td align="right"&gt;&amp;pound;&lt;?=number_format($this-&gt;basket-&gt;getTotalPPCost(),2)?&gt; &lt;/td&gt; &lt;td style="background:#ffffff"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class="total"&gt; &lt;td colspan="2" style="background:#ffffff"&gt; &lt;/td&gt; &lt;td colspan="2"&gt;TOTAL&lt;/td&gt; &lt;td align="right"&gt;&amp;pound;&lt;?=number_format($this-&gt;basket-&gt;getTotalCost(),2)?&gt; &lt;/td&gt; &lt;td style="background:#ffffff"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;br/&gt; &lt;br/&gt; If this completes your order please proceed to the payments area which is operated by Google Checkout on behalf of Arcomis. &lt;br/&gt; &lt;br/&gt; &lt;a href="&lt;?= $this-&gt;url(array('controller' =&gt; 'catalogue'),null, true)?&gt;" class="option" style="background: url(&lt;?=$this-&gt;getBase()?&gt;/img/icons/explore.gif) left center no-repeat"&gt;Return to catalogue&lt;/a&gt; &lt;input type="image" src="https://checkout.google.com/buttons/checkout.gif?merchant_id=759193895597719&amp;w=168&amp;h=44&amp;style=white&amp;variant=text&amp;loc=en_GB" alt="checkout" name="checkout" value="checkout"/&gt; &lt;/form&gt; &lt;?php } ?&gt; &lt;br/&gt; &lt;br/&gt; &lt;b&gt;N.B.&lt;/b&gt; We have recently become aware that a web browser upgrade has been causing problems with the purchasing and downloading of scores from the Arcomis catalogue. If a problem occurs please &lt;a href="mailto:info@arcomis.com"&gt;contact us&lt;/a&gt; directly to resolve the issue. </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSarah
    1. USSarah
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POCross Browser compatibility for <input> tag
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POCross Browser compatibility for <input> tag
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POCross Browser compatibility for <input> tag
      1. This table or related slice is empty.
      1. VTDownMod
    1. COPlease post the rendered html from the browser. As this is a browser compatibility issue, the php code should not be the cause and it only makes things harder to read. You should also properly indent everything.
      singulars
      1. POCross Browser compatibility for <input> tag
      1. USJames Montagne
    2. CO@JamesMontagne - big +1 to that -- would be +10 if I could; that code is virtually unreadable.
      singulars
      1. POCross Browser compatibility for <input> tag
      1. USSDC
    3. COargh .. that is some jumbled-up code ..
      singulars
      1. POCross Browser compatibility for <input> tag
      1. UStroelskn
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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