javascript ⟩ DIA/COM digital GmbH (Support)

Javascript

gefällt mir Teilen

Link kopieren

Blank-Links für alle Links setzen

Nicht immer werden bei eingebundenen Informationen Dritter _blank-Links gesetzt.
Damit alle Links das Öffnen einer neuen Seite erzwingen und Leser nicht durch Produktbeschreibungen, Partnerlinks und Werbemittel verloren gehen, sollte folgendes Script im Head der Seite eingebunden werden.
Bei iFrames funktioniert dieses nur, wenn die Inhalte von der eigenen Domain kommen.

function openLinks() {
var links = window.frames[0].document.getElementsByTagName("a");
for(var i=0; i<links.length; i++)
links[i].target = "_blank";
}
window.onload = openLinks;

gefällt mir (1) Teilen

Link kopieren

Höhe Formularfelder automatisch anpassen

von Frank Chudoba | Lesedauer 1 Minuten

Formulare mit textarea id="text" automatisch in der Höhe anpassen.
Mit adjustTextareaHeight auch automatisch bei ausgefülltet textarea (beim Editieren von Eingaben)

$(document).ready(function() {
    setTimeout(adjustTextareaHeight, 10);
    $('#text').on('input', function() {
        this.style.height = 'auto';
        this.style.height = (this.scrollHeight) + 'px'; 
    });
});
function adjustTextareaHeight() {
    let textarea = document.getElementById("text");
    textarea.style.height = "auto";
    textarea.style.height = textarea.scrollHeight + "px";
}

/* NUR HÖHE ANPASSEN (bei Anlage Datensätze) */

$('#text').on('input', function() {
    this.style.height = 'auto';
    this.style.height = (this.scrollHeight) + 'px'; 
});

gefällt mir (3) Teilen

Link kopieren

Bugfix copy für iPad

Auf den mobile Apple-Geräten iPad, iPhone funktioniert die copy-Funktion nicht.
Dieses kann mit folgenden Script umgangen werden:

function copyToClipboard(el) {
    el = (typeof el === 'string') ? document.querySelector(el) : el;
    if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {
        var editable = el.contentEditable;
        var readOnly = el.readOnly;
        el.contentEditable = true;
        el.readOnly = true;
        var range = document.createRange();
        range.selectNodeContents(el);
        var selection = window.getSelection();
        selection.removeAllRanges();
        selection.addRange(range);
        el.setSelectionRange(0, 999999);
        el.contentEditable = editable;
        el.readOnly = readOnly;
    }
    else {
        el.select();
    }
    document.execCommand('copy');
}

gefällt mir Teilen

Link kopieren

Formular-Tasten-Text nach Betätigung ändern

Um doppeltes Anklicken einer Formular-Taste zu vermeiden, ist eine entsprechende Anzeige einer Statusmeldung am einfachsten. Hierbei wird mit dem Javascript-Befehl onClick der Wert der Taste geändert.
Diese Variante wird in den kommenden Updates an allen sinnvollen Stellen eingesetzt, insbesondere an den Stellen, wo die Verarbeitung der Abfrage gewisse Zeit in Anspruch nimmt.

<input name="zumbericht" type="submit" class="button orange small" id="senden" value="anzeigen" onclick="this.value = 'Bitte warten ...';">

gefällt mir Teilen

Link kopieren

Zu einen bestimmten Element scrollen

Taste oder Element, auf den geklickt werden soll, um zu einem bestimmten Bereich zu scrollen:

<div class="scrollto">Tastenname</div>

Script (benötigt jQuery):

$(".scrollto").click(function() {
   $([document.documentElement, document.body]).animate({
   scrollTop: $("#IDNAME").offset().top
   }, 2000);
});

Per Klick auf das Element mit der Klasse scrollto scrollt der Browser zum Element mit der ID IDNAME.
Die 2000 gibt die Schnelligkeit an. Verringere den Wert, wenn das Scrollen beschleunigt werden soll.

api.jquery.com/animate

gefällt mir Teilen

Link kopieren

Wobei benötigen Sie Unterstützung?

javascript

Javascript

Blank-Links für alle Links setzen

Höhe Formularfelder automatisch anpassen

Bugfix copy für iPad

Formular-Tasten-Text nach Betätigung ändern

Zu einen bestimmten Element scrollen

CMS+ als flexible Plattform für eigene Projekte nutzen?