SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

Beispiel:Text automatisch markieren.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" >
<title>Sonderzeichen</title>
<style type="text/css" media="screen,projection" title="Autorenformatvorlage">
body { font-family:georgia,'times new roman',arial,verdana,geneva,serif; text-align:center; }
table { border-collapse:collapse; border-spacing:0; empty-cells:show; margin:auto; }
th, td { padding:0.3em; border:thin solid #aaa; }
tbody th { width:2.5em; padding:0; font-size:3em; line-height:1.2; }
input:focus { background-color:#fffafa; }
</style>
<script type="text/javascript">
// <![CDATA[
Function.prototype.forEach = function (list) {
	for (var i = 0; elem = list[i]; i++) {
		this(elem);
	}
	return this;
};

function markieren (elem) {
	if (document.selection && document.selection.createRange) {
		var textRange = document.selection.createRange();
		textRange.moveToElementText(elem);
		textRange.select();
	} else if (document.createRange && window.getSelection) {
		var range = document.createRange();
		range.selectNode(elem);
		var selection = window.getSelection();
		selection.removeAllRanges();
		selection.addRange(range);
	}
}

window.onload = function () {
	// Weise allen th- und td-Elementen den Event-Handler zu
	(function (elem) {
		elem.onmouseover = function () {
			markieren(this);
		};
	}).forEach(document.getElementsByTagName("th")).forEach(document.getElementsByTagName("td"));
};
// ]]>
</script>
</head>
<body>

<p>Fahren Sie mit der Maus über eine Tabellenzelle, wird der enthaltene Text direkt kopierfertig markiert.</p>

<table>
<thead>
<tr>
<th>Zeichen</th>
<th colspan="2">Windows 1252<br >Dezimal</th>
<th colspan="2">Unicode Dezimal<br >Zeichenreferenz</th>
<th colspan="2">Unicode Hexadezimal<br >Zeichenreferenz</th>
<th colspan="2">Entity-Referenz</th>
</tr>
</thead>
<tbody>
<tr>
<th>&rsaquo; &lsaquo;</th>
<td>0155</td>
<td>0139</td>
<td>&amp;#8250;</td>
<td>&amp;#8249;</td>
<td>&amp;#x203A;</td>
<td>&amp;#x2039;</td>
<td>&amp;rsaquo;</td>
<td>&amp;lsaquo;</td>
</tr>
<tr>
<th>&raquo; &laquo;</th>
<td>0187</td>
<td>0171</td>
<td>&amp;#187;</td>
<td>&amp;#171;</td>
<td>&amp;#x00BB;</td>
<td>&amp;#x00AB;</td>
<td>&amp;raquo;</td>
<td>&amp;laquo;</td>
</tr>
<tr>
<th>&sbquo; &lsquo;</th>
<td>0130</td>
<td>0145</td>
<td>&amp;#8218;</td>
<td>&amp;#8216;</td>
<td>&amp;#x201A;</td>
<td>&amp;#x2018;</td>
<td>&amp;sbquo;</td>
<td>&amp;lsquo;</td>
</tr>
<th>&bdquo; &ldquo;</th>
<td>0132</td>
<td>0147</td>
<td>&amp;#8222;</td>
<td>&amp;#8220;</td>
<td>&amp;#x201E;</td>
<td>&amp;#x201C;</td>
<td>&amp;bdquo;</td>
<td>&amp;ldquo;</td>
</tr>
<tr>
<th>&rsquo;</th>
<td colspan="2">0146</td>
<td colspan="2">&amp;#8217;</td>
<td colspan="2">&amp;#x2019;</td>
<td colspan="2">&amp;rsquo;</td>
</tr>
<tr>
<th>&ndash;</th>
<td colspan="2">0150</td>
<td colspan="2">&amp;#8211;</td>
<td colspan="2">&amp;#x2013;</td>
<td colspan="2">&amp;ndash;</td>
</tr>
<tr>
<th>&mdash;</th>
<td colspan="2">0151</td>
<td colspan="2">&amp;#8212;</td>
<td colspan="2">&amp;#x2014;</td>
<td colspan="2">&amp;mdash;</td>
</tr>
<tr>
<th>&frac14;</th>
<td colspan="2">0188</td>
<td colspan="2">&amp;#188;</td>
<td colspan="2">&amp;#x00BC;</td>
<td colspan="2">&amp;frac14;</td>
</tr>
<tr>
<th>&frac12;</th>
<td colspan="2">0189</td>
<td colspan="2">&amp;#189;</td>
<td colspan="2">&amp;#x00BD;</td>
<td colspan="2">&amp;frac12;</td>
</tr>
<tr>
<th>&frac34;</th>
<td colspan="2">0190</td>
<td colspan="2">&amp;#190;</td>
<td colspan="2">&amp;#x00BE;</td>
<td colspan="2">&amp;frac34;</td>
</tr>
<tr>
<th>&times;</th>
<td colspan="2">0215</td>
<td colspan="2">&amp;#215;</td>
<td colspan="2">&amp;#x00D7;</td>
<td colspan="2">&amp;times;</td>
</tr>
<tr>
<th>&hellip;</th>
<td colspan="2">0133</td>
<td colspan="2">&amp;#8230;</td>
<td colspan="2">&amp;#x2026;</td>
<td colspan="2">&amp;hellip;</td>
</tr>
<tr>
<th>&lowast;</th>
<td colspan="2"></td>
<td colspan="2">&amp;#8727;</td>
<td colspan="2">&amp;#x2217;</td>
<td colspan="2">&amp;lowast;</td>
</tr>
</tbody>
</table>

</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:Text_automatisch_markieren.html&oldid=27448“