2010-09-14 16 views
8

Ho una pagina WEB mobile che mostra un estratto conto bancario. Qualcosa di simile a questo:Numeri di rendering HTML mobile

DATE   | DESCRIPTION    | AMOUNT 
--------------|--------------------------|--------------- 
Jan 2nd 2010 | Clothes     | USD 1.839.000 
Sep 23rd 2010 | Drinks     | USD 2.837.000 

Sto usando . come separatore delle migliaia da allora che è la nostra configurazione locale per questo.

HTML è molto semplice. Qualcosa di simile a questo:

<table> 
    <tr> 
     <td>DATE</td> 
     <td>Clothes</td> 
     <td>AMOUNT</td> 
    </tr> 
    <tr> 
     <td>Jan 2nd 2010</td> 
     <td>Clothes</td> 
     <td>USD 1.839.000</td> 
    </tr> 
    <tr> 
     <td>Sep 23rd 2010</td> 
     <td>Drinks</td> 
     <td>USD 2.837.000</td> 
    </tr> 
</table> 

Il problema che sto avendo è che di iPhone Safari, Android Browser e alcuni Nokia i browser sono pensiero (erroneamente) numeri come 1.839.000 e 2.837.000 sono numeri di telefono quindi rendendoli come link per fare telefonate o fare sms.

La mia domanda: C'è un TAG/ATTRIBUTE/CSSSTYLE speciale per indicare al browser mobile di mostrare quel tipo di testo come testo semplice?

Grazie mille.

+1

Interessante domanda. Aggiunge tag span tra help ?: ' .837 .000' –

+0

@Pekka: lasciami provare. Grazie! –

+0

@Pekka: è stato d'aiuto! –

risposta

24

non so su Android o Nokia, ma per iPhone è possibile utilizzare il meta tag:

<meta name="format-detection" content="telephone=no"> 

per disattivare il rilevamento nulla come un numero di telefono.

+0

Incredibile, finalmente qualcosa che NON è ignorato da Opera Mobile Classic !! Questo ha funzionato davvero, sono così commosso che sto per piangere: P – andreszs

+0

Per mantenere il click2call ma rimuovere l'effetto di sottolineatura blu: a [href^= tel] { color: inherit; testo-decorazione: nessuno; } –

0

Longshot, ma, prova a scrivere il periodo come &#46; - ci sono codici intelligenti che possono disabilitarlo per il safari mobile, ecc., Ma funziona solo per uno-due dispositivi. Se sei fortunato, ignorerai la loro espressione regolare.

+0

Sì, questo (ho perso i voti per oggi) o forse qualche strano personaggio unicode che sembra un '.' come ultima risorsa –

3

Ecco come lo si fa for the iPhone, che seems to work per Android; esso può funzionare in altri browser, che è tutto quello che ho da testare con in questo momento:

<meta name="format-detection" content="telephone=no" /> 
0

Come discusso nei commenti, aggiungendo campate arbitrari sembra rompere il rilevamento per il browser in questione:

<span>2</span>.837<span>.000</span> 

tuttavia, una soluzione esplicita sotto forma di un attributo "non analizzare questo" o il Meta tag sarebbe naturalmente preferibile, in quanto sarebbe più sicuro di lavorare in futuro e per tutte/la maggior parte delle piattaforme.

4

Nel caso in cui si desidera mantenere la funzionalità che riconosce il numero di telefono come tale e permette di toccare, utilizzare questa soluzione:

Dal iOS aggiunge un tag <a href="tel123456789"> intorno al numero, tutto ciò che dovete fare è fare una regola CSS che gli stili di questo tag:

a[href^=tel] { color: inherit; }

merito va a this Razor Edge Labs article.

Problemi correlati