Also hier ist was ich habe:
<path class="..." onmousemove="show_tooltip(event,'very long text
\\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/>
<rect class="tooltip_bg" id="tooltip_bg" ... />
<text class="tooltip" id="tooltip" ...>Tooltip</text>
<script>
<![CDATA[
function show_tooltip(e,text) {
var tt = document.getElementById('tooltip');
var bg = document.getElementById('tooltip_bg');
// set position ...
tt.textContent=text;
bg.setAttribute('width',tt.getBBox().width+10);
bg.setAttribute('height',tt.getBBox().height+6);
// set visibility ...
}
...
Jetzt hat mein sehr langer Tooltip-Text keinen Zeilenumbruch, obwohl ich alert () verwende. es zeigt mir, dass der Text tatsächlich zwei Zeilen hat. (Es enthält jedoch ein "\". Wie entferne ich dieses übrigens?)
Ich kann CDATA nirgendwo zum Laufen bringen.