Hallo,
ja wie bereits gesagt ist es mit Bootstrap umgesetzt, dachte da ist alles klar Aber danke für dein Script, hat gepasst. Ich hab es etwas angepasst und dann war alles perfekt. Danke
LG
Maurice
Hallo,
ja wie bereits gesagt ist es mit Bootstrap umgesetzt, dachte da ist alles klar Aber danke für dein Script, hat gepasst. Ich hab es etwas angepasst und dann war alles perfekt. Danke
LG
Maurice
Hallo liebes Forum! Ich habe mal wieder eine Frage an euch. [Blockierte Grafik: https://i.imgur.com/4bTLdlG.png] Wie Ihr an dem Bild links sehen könnt, habe ich über eine Textarea einen Wortcounter geschrieben und über ein fertiges (leider etwas altes Snippet) erweitert sich die Progressbar bis 100% wenn eine gewisse Zeichenanzahl erreicht wird.
Das Script ist auf 100 Zeichen ausgelegt und ich finde leider nichts anderes und keine Anleitung wie ich das ändern könnte und somit bin ich nun hier :).
Ich würde das Script von 100 Zeichen auf 500 Zeichen erweitern, sodass allerdings trotzdem 100% angezeigt werden. Leider hab ich das auch alleine nicht hinbekommen
<script>
// progress bar
jQuery(document).ready(function() {
$('textarea').keyup(function() {
var box = $(this).val();
var main = box.length * 100;
var value = (main / 500);
var count = 0 + box.length;
if(box.length >= 0){
$('.progress-bar').css('width', count + '%');
$('.current-value').text(count + '%');
}
return false;
});
});
</script>
<script>
// word counter
window.addEventListener("DOMContentLoaded", counter);
function counter() {
var string = document.getElementById("new-post").value;
var word = string.split(" ");
document.getElementById("chars").innerText = "Wörter: " + word.length + " Zeichen: " + (string.length + 1);
}
</script>
Alles anzeigen
Ich hoffe Ihr könnt mir helfen Ich kann mir vorstellen das man dort rechnen müsste, aber ich kanns mir absolut nicht vorstellen...
Ich konnte es inzwischen tatsächlich alleine Lösen Klingt ziemlich blöde aber ich hatte die slim version von jQuery eingebunden, welche auf der Bootstrap Seite angeboten wird.... Da fehlen ja die meisten Effekte. Auf einmal funktioniert alles. Danke trz für die Hilfe
Hallo liebe Gemeinde!
Ich bin gerade dabei eine Website mit Bootstrap im Rücken zu designen und möchte Smooth Scroll Menu Links integrieren.
Die Anker funktionieren ohne CSS und Javascript ohne Probleme (natürlich ohne smooth scroll). Ich habe nun inzwischen die 10 Website durch mit Tipps und Tricks wie man das realisieren kann und es funktioniert nicht. Entweder funktionieren die Links gar nicht mehr, oder der Smooth Scroll funktioniert nicht. Hattet Ihr sowas schon mal? Liegt das am Framework?
LG
Maurice
Ich habe an euch Füchse mal eine Frage!
Ich möchte für ein Projekt auf dynamisches CSS setzen. Ich möchte das folgendermaßen Umsetzen.
In einem Administrationsportal meiner Website soll der Seitenbetreiber mit einem Formular Farbcodes in die Datenbank speichern, welche später über CSS in das Design einfließen sollen. Ein Beispiel dafür wäre, dass er über das Adminpanel die Hintergrundfarbe der Website ändern kann.
Sagen wir, dass in der Tabelle "Farbcodes" 20 Farben eingespeichert sind. ID, Name der Farbe (Zuordnung welcher Bereich die Farbe abdecken soll) und der Farbcode. Ich habe leider keine Ahnung wie ich das umsetzen soll und wollte euch daher um Rat fragen
LG
Maurice
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.