nieuwe regel in <td title=””>

Mogelijk duplicaat:
Hoe kan ik een regelterugloop gebruiken in een HTML knopinfo?

Ik zou graag willen weten of het mogelijk is om een ​​nieuwe regel te forceren om te laten zien in de tooltip bij gebruik van de titel eigenschap van een TD.
zoiets als

<td title="lineone \n linetwo \n etc...">

Kan dit worden gedaan?


Antwoord 1, autoriteit 100%

Dit zou nu moeten werken met Internet Explorer, Firefox v12+ en Chrome 28+

<img src="'../images/foo.gif'" 
  alt="line 1&#013;line 2" title="line 1&#013;line 2">

Probeer een JavaScript-tooltip-bibliotheek voor een beter resultaat, bijvoorbeeld OverLib.


Antwoord 2, autoriteit 23%

Een manier om een ​​soortgelijk effect te bereiken is via CSS:

<td>Cell content.
  <div class="popup">
    This is the popup.
    <br>
    Another line of popup.
  </div>
</td>

En gebruik dan het volgende in CSS:

td div.popup { display: none; }
td:hover div.popup { display: block; position: absolute; }

Je zult wat randen en achtergrond willen toevoegen om de pop-up er goed uit te laten zien, maar dit zou het idee moeten schetsen. Het heeft echter enkele nadelen, de pop-up is bijvoorbeeld niet relatief ten opzichte van de muis gepositioneerd, maar ten opzichte van de cel die het bevat.


Antwoord 3, autoriteit 15%

De Extensible Markup Language (XML) 1.1 W3C-aanbeveling zegt u

« Alle regeleinden MOETEN zijn genormaliseerd bij invoer naar #xA zoals beschreven in 2.11 End-of-Line Handling, dus de rest van dit algoritme werkt op tekst die op deze manier is genormaliseerd. »

De link is http://www.w3.org/ TR/2006/REC-xml11-20060816/#AVNormalize

Dan kun je schrijven:

<td title="lineone &#xA; linetwo &#xA; etc...">

Antwoord 4, autoriteit 4%

&#xA;gebruiken werkt in Chrome om afzonderlijke regels in knopinfo te maken.


Antwoord 5, autoriteit 2%

Dit zou in orde moeten zijn, maar is specifiek voor Internet Explorer:

<td title="lineone
linetwo 
etc...">

Zoals anderen al hebben gezegd, is de enige andere manier om een ​​op HTML + JavaScript gebaseerde tooltip te gebruiken als je alleen geïnteresseerd bent in de tooltip. Als dit voor toegankelijkheid is, moet je je waarschijnlijk aan enkele regels houden voor consistentie.


Antwoord 6, autoriteit 2%

Het gebruik van &#013;werkte niet in mijn fb-app.
Dit deed het echter prachtig (in Chrome FF en IE):

<img src="'../images/foo.gif'" title="line 1&lt;br&gt;line 2">

Antwoord 7, autoriteit 2%

Ik gebruik hiervoor de jQuery clueTipplug-in.


Antwoord 8

Als u regeleinden wilt plaatsen in de knopinfo die wordt weergegeven bij mouseover, is er geen betrouwbare manier om dat in meerdere browsers te doen. Je zou terug moeten vallen op een van de vele Javascript tooltip codevoorbeelden


Antwoord 9

De jQuery colortipplug-in ondersteunt ook <br>
tags in het title-attribuut, zou je daar eens naar kunnen kijken.

Other episodes