Mobile HTML-rendering-zahlen

Ich habe eine mobile WEB-Seite mit einem Kontoauszug. So etwas wie dieses:

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

Ich bin mit . als Tausendertrennzeichen, da unsere locale-Konfiguration für diesen.

HTML ist sehr einfach. So etwas wie dieses:

<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>

Das problem, das ich habe ist, dass iPhone-Safari, Android-Browser sowie einige Nokia-Browser sind denken (fälschlicherweise) zahlen wie 1.839.000 und 2.837.000 sind Telefonnummern somit Rendern als links, zu telefonieren oder zu Simsen.

Meine Frage: gibt es einen besonderen TAG - /ATTRIBUT - /CSSSTYLE zu sagen, mobile browser, um zu zeigen, dass die Art von text als Klartext?

Vielen Dank.

  • Interessante Frage. Wirkt sich das hinzufügen span-tags in zwischen helfen?: <span>2</span>.837<span>.000</span>
  • lassen Sie mich versuchen. Danke!
  • es half!
  • schön! Aber es ist natürlich irgendwie ein Schlamassel. Wenn Sie keine Telefon-Nummern auf der ganzen Seite, Kenny/Brian ' s Vorschlag besser sein könnte. Wie auch immer, ich ' ll fügen Sie es als eine Antwort.
InformationsquelleAutor Pablo Santa Cruz | 2010-09-14
  1. 25

    Weiß ich nicht über Android oder Nokia, aber für das iPhone können Sie mit der meta-tag:

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

    deaktivieren der Erkennung nichts als eine Telefonnummer.

    • Unglaublich, endlich etwas, das NICHT ignoriert Opera Mobile Classic!! Dies funktionierte wirklich, ich bin so bewegt, ich bin zu Weinen 😛
    • Halten Sie den click2call, sondern entfernen Sie die Blaue Unterstreichung Wirkung: a[href^=tel] { color: inherit; text-decoration: none; }
    InformationsquelleAutor kennytm
  2. 4

    Hier ist, wie Sie es tun für das iPhone, die scheint zu funktionieren für Android-als auch; es kann funktionieren, in anderen Browsern ist, dass alles, was ich zum testen im moment:

    <meta name="format-detection" content="telephone=no" />
    InformationsquelleAutor Brian Campbell
  3. 4

    In Fall, dass Sie wollen halten Sie die Funktionalität, erkennt das Handy die Nummer als solche und ermöglicht es Ihnen, es zu Tippen, verwenden Sie diese Lösung:

    Seit iOS fügt eine <a href="tel123456789"> - tag um die Anzahl, ist alles was Sie tun müssen ist, dass eine css-Regel, die Stile, die dieses tag:

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

    Kredit geht an das Razor Edge Labs Artikel.

    InformationsquelleAutor Bakabaka
  4. 0

    Longshot, aber, schreiben Sie die Zeit als &#46; - es gibt smart-codes deaktivieren können, die für mobile safari, etc, aber das funktioniert nur für ein-zwei Geräte. Wenn Sie Glück haben, werden Sie umgehen Ihre regex.

    • Ja, diese (ich bin aus der Stimmen für heute) oder vielleicht etwas komisch unicode-Zeichen, das sieht aus wie ein . als letzten Ausweg
    InformationsquelleAutor pp19dd
  5. 0

    Diskutiert in den Kommentaren, das hinzufügen von beliebigen Spannweiten scheint zu brechen-Erkennung für browser in Frage:

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

    jedoch eine explizite Lösung in form eines "nicht Parsen" - Attribut oder Meta-tag wäre natürlich vorzuziehen, wie es wäre, bestimmte arbeiten in der Zukunft und für alle/die meisten Plattformen.

    InformationsquelleAutor Pekka 웃
Schreibe einen Kommentar