i would like to find out how to add a break in the title attribute, i would like to have breaks in the title attribute to differentiate the names. how can i add a break in the title attribute?
i have something like this
<p title="this is a description of the some text <br> and further description">Some Text</p>
what comes out is:
If you add a new line where you want line breaks, it works on SOME browsers, but not all.
Example:
div { background-color: #c3c3c3; display: block; width: 100px; height: 100px; }<div title="This is a text
Second line
Third line!">Contents</div>JSFiddle:
http://jsfiddle.net/g5CGh/
In the title text replace <br> for <br />
<p title="this is a description of the some text <br /> and further description">Some Text</p>
And now replace <br /> with a line break \n (jquery):
<script>
$(document).ready(function(){
$('p').each(function(){
var a = $(this).attr('title');
var b = a.replace('<br />','\n');
$(this).attr('title', b);
});
});
</script>
Hope I've helped you
