Wie kann ich einen Zeilenumbruch in einem HTML-Tooltip verwenden?

Question

Ich bin derzeit das Hinzufügen von ausführlichen Tooltips auf unserer Website, und ich möchte (ohne auf eine whizz-bang jQuery-Plugin zurückgreifen, ich weiß, es gibt viele!), um Wagenrücklauf zu verwenden, um die Tooltip-Format.

Um den Tipp hinzuzufügen, verwende ich die title Attribut. Ich habe mich auf den üblichen Websites umgesehen und die Grundvorlage von:

<a title='Tool?Tip?On?New?Line'>link with tip</a>

Ich habe versucht, die ? mit:

• <br />
• &013; / 

• \r\n
• Environment.NewLine (Ich verwende C#)

Keine der oben genannten Möglichkeiten funktioniert. Ist das möglich?

Answer 1

Verwenden Sie einfach dies:

<a title='Tool&#x0aTip&#x0aOn&#x0aNew&#x0aLine'>link with tip</a>

Sie können eine neue Zeile im Titel hinzufügen, indem Sie Folgendes verwenden &#x0a .

Answer 2

In Chrome 16 und möglicherweise früheren Versionen können Sie " \n ". Nebenbei bemerkt: " \t " funktioniert auch.

Answer 3

Ich glaube nicht, dass es so ist. Firefox 2 schneidet lange Link-Titel ohnehin ab, und sie sollten wirklich nur verwendet werden, um einen kleinen Teil des Hilfetextes zu vermitteln. Wenn Sie mehr Erklärungstext benötigen, würde ich vorschlagen, dass er in einen Absatz gehört, der mit dem Link verbunden ist. Sie könnten dann den Tooltip-JavaScript-Code hinzufügen, um diese Absätze auszublenden und sie als Tooltips anzuzeigen, wenn Sie den Mauszeiger bewegen. Das ist Ihre beste Wette für immer es cross-browser IMO zu arbeiten.

Answer 4

Verwenden Sie einfach JavaScript. Dann ist es mit den meisten und älteren Browsern kompatibel.

Verwenden Sie die Escape-Sequenz \n für Zeilenumbruch.

document.getElementById("ElementID").title = 'First Line text \n Second line text'

Answer 5

Demnach Artikel auf der W3C-Website :

CDATA ist eine Folge von Zeichen aus dem Zeichensatz des Dokuments und kann Zeicheneinheiten enthalten. Benutzeragenten sollten das Attribut Werte wie folgt interpretieren:

• Ersetzen Sie Zeicheneinheiten durch Zeichen,
• Zeilenvorschübe werden ignoriert,
• Ersetzen Sie jeden Wagenrücklauf oder Tabulator durch ein einzelnes Leerzeichen.

Das bedeutet, dass (zumindest) CR und LF nicht innerhalb der Titel Attribut. Ich schlage vor, dass Sie ein Tooltip-Plugin verwenden. Die meisten dieser Plugins ermöglichen die Anzeige von beliebigem HTML als Tooltip eines Elements.