diedVIPs

html knowhow

Etwas auf dem Bildschirm fixieren










Etwas auf dem Bildschirm fixieren

So sieht´s aus
Lesezeichen
Quellcode
<html>
<head>
<script>
// Script für das Keyboard
$(document).ready(function () {
$(this).on('click', "#btnKeyboard", function () {
debugger;
$('input').prop( "disabled", false );
$('input').focus(); }); });
</script>

<script type="text/javascript">
// Script für das Popup
function addBookmark(url, title){
if (!url) {url = window.location}
if (!title) {title = document.title}
var browser=navigator.userAgent.toLowerCase();
if (window.sidebar) { // Mozilla, Firefox, Netscape
window.sidebar.addPanel(title, url,"");
} else if( window.external) { // IE or chrome
if (browser.indexOf('chrome')==-1){ // ie
window.external.AddFavorite( url, title);
} else { // chrome
alert('Drüchen Sie '+ toUnicodeVariant('strg+D (oder Command+D für macs)', 'bold sans', 'bold')+ ', um diese Seite ihren Bookmarks zuzufügen.\n\nJe nach Browser wird ihr Bookmark zu den Lesezeichen, der Startleiste oder dem Suchmenü zugefügt.\n\nWenn Sie das bookmark auf ihrem Mobilegerät zufügen wollen, öffnen sie das '+ toUnicodeVariant('keyboard', 'bold sans', 'bold'));
} }
else if(window.opera && window.print) { // Opera - automatically adds to sidebar if rel=sidebar in the tag
return true; }
else if (browser.indexOf('konqueror')!=-1) { // Konqueror
alert('Bitte drüchen Sie strg+B, um diese Seite ihren Lesezeichen zuzufügen.'); }
else if (browser.indexOf('webkit')!=-1){ // safari
alert('Bitte drüchen Sie strg+B (oder Command+D für macs), um diese Seite ihren Lesezeichen zuzufügen.');
} else { alert('Ihr Browser unterstützt diese Technik nicht. Bitte manuell zufügen.') } }
</script>

<script>
// Script für die modelierung des Popup
function toUnicodeVariant(str, variant, flags) {
const offsets = {
m: [0x1d670, 0x1d7f6],
b: [0x1d400, 0x1d7ce],
i: [0x1d434, 0x00030],
bi: [0x1d468, 0x00030],
c: [0x1d49c, 0x00030],
bc: [0x1d4d0, 0x00030],
g: [0x1d504, 0x00030],
d: [0x1d538, 0x1d7d8],
bg: [0x1d56c, 0x00030],
s: [0x1d5a0, 0x1d7e2],
bs: [0x1d5d4, 0x1d7ec],
is: [0x1d608, 0x00030],
bis: [0x1d63c, 0x00030],
o: [0x24B6, 0x2460],
p: [0x249C, 0x2474],
w: [0xff21, 0xff10],
u: [0x2090, 0xff10]
}
const variantOffsets = {
'monospace': 'm',
'bold': 'b',
'italic': 'i',
'bold italic': 'bi',
'script': 'c',
'bold script': 'bc',
'gothic': 'g',
'gothic bold': 'bg',
'doublestruck': 'd',
'sans': 's',
'bold sans': 'bs',
'italic sans': 'is',
'bold italic sans': 'bis',
'parenthesis': 'p',
'circled': 'o',
'fullwidth': 'w'
}
// special characters (absolute values)
var special = {
m: {
' ': 0x2000,
'-': 0x2013
},
i: {
'h': 0x210e
},
g: {
'C': 0x212d,
'H': 0x210c,
'I': 0x2111,
'R': 0x211c,
'Z': 0x2128
},
o: {
'0': 0x24EA,
'1': 0x2460,
'2': 0x2461,
'3': 0x2462,
'4': 0x2463,
'5': 0x2464,
'6': 0x2465,
'7': 0x2466,
'8': 0x2467,
'9': 0x2468,
},
p: {},
w: {}
}
for (var i = 97; i <= 122; i++) {
special.p[String.fromCharCode(i)] = 0x249C + (i - 97)
}
for (var i = 97; i <= 122; i++) {
special.w[String.fromCharCode(i)] = 0xff41 + (i - 97)
}
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
const numbers = '0123456789';
var getType = function (variant) {
if (variantOffsets[variant]) return variantOffsets[variant]
if (offsets[variant]) return variant;
return 'm'; //monospace as default
}
var getFlag = function (flag, flags) {
if (!flags) return false
return flags.split(',').indexOf(flag) > -1
}
var type = getType(variant);
var underline = getFlag('underline', flags);
var strike = getFlag('strike', flags);
var result = '';
for (var k of str) {
let index
let c = k
if (special[type] && special[type][c]) c = String.fromCodePoint(special[type][c])
if (type && (index = chars.indexOf(c)) > -1) {
result += String.fromCodePoint(index + offsets[type][0])
} else if (type && (index = numbers.indexOf(c)) > -1) {
result += String.fromCodePoint(index + offsets[type][1])
} else {
result += c
}
if (underline) result += '\u0332' // add combining underline
if (strike) result += '\u0336' // add combining strike
}
return result
}
</script>

<style type="text/css">
/* CSS für die Lesezeichentabelle und die Buttons */
div.fixed {position: fixed; top: 200px; right: 10px; width: auto; border: 0px solid #73AD21;}
button {font-size: 1em; margin:5px; background-color: #EBF5FF; color: #4312AE; border: 0px solid black; box-shadow: 4px 4px 4px white;}
button:hover, button:focus, button:active {color: #EBF5FF; background-color: #4312AE; cursor: pointer;}
</style>
</head>

<body >
<!-- Das ist die der Zufügebutton -->
<button type="button" value="Zum Computer!" onclick="addBookmark('http://limihi.lmfd.de', 'Liebe mit Hindernissen');" class="button">Zufügen!</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</td></tr>
<tr><td class="auto-style24">

<!-- Das ist der Keabord -->
<div name="HB" class="auto-style24"><input type="text" value="on" style="border-color:transparent; background-color:transparent;width:0px;" />
<button type="button" id="btnKeyboard">Keyboard</button>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$(this).on('click', "#btnKeyboard",
function () { debugger;
$('input').prop( "disabled", false );
$('input').focus(); }); });
</script>
</body>

</html>







Kontakt    Datenschutz   Impressum