Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code.

Diskutiere Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. im HTML Forum im Bereich Programmierung; Servus, Gleich vorweg ,um ehrlich zu sein habe ich mit Programieren und dessen Sprache genau soviel am Hut wie ein Pinguin mit Kängurus. Ich habe...
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #1
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
Servus,
Gleich vorweg ,um ehrlich zu sein habe ich mit Programieren und dessen Sprache genau soviel am Hut wie ein Pinguin mit Kängurus. Ich habe auf einer Frage homepage gefragt ob jemand vielleicht eine Lösung für mein Problem hätte ,das ich kurz schildern möchte um euch einen Überblick zu verschaffen.

1) Ich benötige eine "Software" wo ich einen zufälligen Code generieren kann
2) Ich muss entscheiden können aus was dieser Code besteht (Kleinbuchstaben ,Großbuchstaben, zahlen usw. )
3) Ich muss diesen Code in Blöcke einteilen können ,also die Stellen bestimmen können ( AS76K LSKO9 LKSJV hier zb 5 stellig)
4) Es muss möglich sein die Anzahl dieser Code Blöcke zu bestimmen
5) Die Codeblöcke sollten nebeneinander stehen und nur durch ein Leerzeichen getrennt werden (wie mit dem Befehl <wbr>)
6) Es müsst ein Button vorhanden sein um alle generierten Codes in den Zwischenspeicher (für Copy&paste) zu laden

Ein sehr netter User dieser Plattform hat mir in kürzester Zeit einen fast perfekten Code gegeben ,fast perfekt weil ich nicht daran dachte das dies so ohne weiteres möglich wäre und ich deshalb nicht ins Detail ging. Somit habe ich alle Punkte erfüllt bekommen bis auf Punkt 5 & 6 ,diese wären für die Nutzung jedoch unabdingbar .
Ich als Laie habe nun versucht irgendwelche Fragmente hier im Netz die ich gefunden habe in diesen Code zu implementieren (mehr als <wbr> wurde es dann auch nicht) , ohne Erfolg wie man sich denken kann.
Vielleicht könnte mal wer von euch mit dem geschulten Auge drüber fahren und mir eine Lösung parat legen ?

Hier der COde von Ihm :

Ich hab dir mal was kleines geschrieben...

Einfach ein neues Textdokument erstellen, den Code einfügen und statt der Dateiendung ".txt" die Endung ".html" schreiben. Danach brauchst du nur einen Doppelklick auf die Datei machen.

Der Code:
<!DOCTYPE html>
<html>
<head>
<title>Zufallsgenerator für Blöcke</title>
</head>
<body>
<h1>Zufallsgenerator für Blöcke</h1>
<label for="numBlocks">Anzahl der Blöcke:</label>
<input type="number" id="numBlocks" name="numBlocks" /><br /><br />
<label for="numChars">Anzahl der Zeichen pro Block:</label>
<input type="number" id="numChars" name="numChars" /><br /><br />
<label for="possibleChars">Mögliche Zeichen:</label>
<input type="text" id="possibleChars" name="possibleChars" /><br /><br />
<button onclick="generateBlocks()">Blöcke generieren</button><br /><br />
<div id="output"></div>


<script>
function generateBlocks() {
var numBlocks = document.getElementById("numBlocks").value;
var numChars = document.getElementById("numChars").value;
var possibleChars = document.getElementById("possibleChars").value;
var output = "";
for (var i = 0; i < numBlocks; i++) {
var block = "";
for (var j = 0; j < numChars; j++) {
block += possibleChars.charAt(
Math.floor(Math.random() * possibleChars.length)
);
}
output += block + "<br>";
}
document.getElementById("output").innerHTML = output;
}
</script>
</body>
</html>
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #3
S
Sempervivum
Well-known member
Beiträge
760
Punkte Reaktionen
125
Dein freundlicher Helfer hat das schon ziemlich gut gemacht, ist er nicht mehr greifbar, um die Sache vollständig zu machen?
Ich konnte es nicht lassen und habe, zusätzlich zu deinen Anforderungen, den Code ein klein wenig verändert. Dies ist das Ergebnis:
Code:
<!DOCTYPE html>
<html>

<head>
    <title>Zufallsgenerator für Blöcke</title>
</head>

<body>
    <h1>Zufallsgenerator für Blöcke</h1>
    <label for="num-blocks">Anzahl der Blöcke:</label>
    <input type="number" id="num-blocks" name="num-blocks" /><br /><br />
    <label for="num-chars">Anzahl der Zeichen pro Block:</label>
    <input type="number" id="num-chars" name="num-chars" /><br /><br />
    <label for="possible-chars">Mögliche Zeichen:</label>
    <input type="text" id="possible-chars" name="possible-chars" /><br /><br />
    <button onclick="generateBlocks()">Blöcke generieren</button><br /><br />
    <button onclick="copyText()">Blöcke kopieren</button><br /><br />
    <textarea id="ta-output" rows="1"></textarea>


    <script>
        const output = document.getElementById("ta-output");

        // Text in Zwischenablage kopieren, Quelle:
        // https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript
        function copyText() {
            output.focus();
            output.select();
            try {
                var successful = document.execCommand('copy');
                var msg = successful ? 'successful' : 'unsuccessful';
                console.log('Copying text command was ' + msg);
            } catch (err) {
                console.log('Oops, unable to copy');
            }
        }

        function generateBlocks() {
            const numBlocks = document.getElementById("num-blocks").value;
            const numChars = document.getElementById("num-chars").value;
            const possibleChars = document.getElementById("possible-chars").value;
            const len = parseInt(numBlocks) * (parseInt(numChars) + 1) - 1;
            output.cols = len;
            let txt = "";
            for (let i = 0; i < numBlocks; i++) {
                if (i > 0) txt += " ";
                for (let j = 0; j < numChars; j++) {
                    txt += possibleChars.charAt(
                        Math.floor(Math.random() * possibleChars.length)
                    );
                }
            }
            output.value = txt;
        }
    </script>
</body>

</html>
Übrigens: Code besser in Codetags posten, diese findest Du, leider ein wenig versteckt, in dem Menü rechts von dem kleinen Landschaftsicon und dann </>.
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #4
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
Dein freundlicher Helfer hat das schon ziemlich gut gemacht, ist er nicht mehr greifbar, um die Sache vollständig zu machen?
Ich konnte es nicht lassen und habe, zusätzlich zu deinen Anforderungen, den Code ein klein wenig verändert. Dies ist das Ergebnis:
Ich danke euch aus tiefsten Herzen,leider ist dem ganzen ein gewisser dringlichkeitsfaktor vorausgeszt und ich weis nicht wan er Antworten würde, darum der Hilferuf in eure Richtung .
Würde es noch eine letzte Möglichkeit geben ,das der Codeverlauf einen normalen Seitenverlauf folgen würde ? also nicht die seite nach rechts sprengen würde ,sondern nach unten scrollbar wäre ?
Handelt sich da nämlich um 50k Blöcke die da generiert werden ,und zur schnellen Übersicht wäre es sehr nice das man das nach unten scrollen könnte.
Ehrlich, ich danke euch und küsse euch das Herz !
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #5
S
Sempervivum
Well-known member
Beiträge
760
Punkte Reaktionen
125
Würde es noch eine letzte Möglichkeit geben ,das der Codeverlauf einen normalen Seitenverlauf folgen würde ? also nicht die seite nach rechts sprengen würde ,sondern nach unten scrollbar wäre ?
Handelt sich da nämlich um 50k Blöcke die da generiert werden ,und zur schnellen Übersicht wäre es sehr nice das man das nach unten scrollen könnte.
Ehrlich, ich danke euch und küsse euch das Herz !
Ich bin mir nicht sicher ob ich das richtig verstehe: Es handelt sich also nicht um 5 oder 10 Blöcke sondern um die 50.000 und Du möchtest, dass sie nicht in einer endlos langen Zeile dargestellt werden sondern mit Umbrüchen?
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #6
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
Ja richtig, sie sollen jeweils durch einen Abstand (das tuen sie ja bereits) und einen „normalen“ seitenverlauf folgen .so das bevor man die Codes kopiert noch mal „normal „ drüber fliegen könnte . 50.000 ist das Maximum was ich damit generieren würde , kann einmal mehr und einmal weniger sein .das funktioniert auch perfekt nur das ich eben auf die Seite scrollen muss .
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #7
S
Sempervivum
Well-known member
Beiträge
760
Punkte Reaktionen
125
OK, dann habe ich das richtig verstanden. Versuche dies, ich bin dabei ausgegangen, dass die Zeilenumbrüche nur für die Anzeige sind und nicht in den kopierten Text gelangen sollen:
Code:
<!DOCTYPE html>
<html>

<head>
    <title>Zufallsgenerator für Blöcke</title>
</head>

<body>
    <h1>Zufallsgenerator für Blöcke</h1>
    <label for="num-blocks">Anzahl der Blöcke:</label>
    <input type="number" id="num-blocks" name="num-blocks" /><br /><br />
    <label for="num-chars">Anzahl der Zeichen pro Block:</label>
    <input type="number" id="num-chars" name="num-chars" /><br /><br />
    <label for="possible-chars">Mögliche Zeichen:</label>
    <input type="text" id="possible-chars" name="possible-chars" /><br /><br />
    <button onclick="generateBlocks()">Blöcke generieren</button><br /><br />
    <button onclick="copyText()">Blöcke kopieren</button><br /><br />
    <textarea id="ta-output" rows="1" hidden></textarea>
    <div id="div-output"></div>


    <script>
        const outputTa = document.getElementById("ta-output");
        const outputDiv = document.getElementById("div-output");

        // Text in Zwischenablage kopieren, Quelle:
        // https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript
        function copyText() {
            outputTa.focus();
            outputTa.select();
            try {
                var successful = document.execCommand('copy');
                var msg = successful ? 'successful' : 'unsuccessful';
                console.log('Copying text command was ' + msg);
            } catch (err) {
                console.log('Oops, unable to copy');
            }
        }

        function generateBlocks() {
            const numBlocks = document.getElementById("num-blocks").value;
            const numChars = document.getElementById("num-chars").value;
            const possibleChars = document.getElementById("possible-chars").value;
            const len = parseInt(numBlocks) * (parseInt(numChars) + 1) - 1;
            outputTa.cols = len;
            let txt = "";
            for (let i = 0; i < numBlocks; i++) {
                if (i > 0) txt += " ";
                for (let j = 0; j < numChars; j++) {
                    txt += possibleChars.charAt(
                        Math.floor(Math.random() * possibleChars.length)
                    );
                }
            }
            outputTa.value = txt;
            outputDiv.textContent = txt;
        }
    </script>
</body>

</html>
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #8
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
OK, dann habe ich das richtig verstanden. Versuche dies, ich bin dabei ausgegangen, dass die Zeilenumbrüche nur für die Anzeige sind und nicht in den kopierten Text gelangen sollen:
Weltklasse ! , nur leider funktioniert jetzt der Copy Button nicht mehr .
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #9
S
Sempervivum
Well-known member
Beiträge
760
Punkte Reaktionen
125
Das liegt daran, dass ich nach dem Testen noch das Attribut "hidden" bei der Textarea gesetzt hatte. Auch dafür liefert Stackoverflow eine Lösung:
Code:
<!DOCTYPE html>
<html>

<head>
    <title>Zufallsgenerator für Blöcke</title>
</head>

<body>
    <h1>Zufallsgenerator für Blöcke</h1>
    <label for="num-blocks">Anzahl der Blöcke:</label>
    <input type="number" id="num-blocks" name="num-blocks" /><br /><br />
    <label for="num-chars">Anzahl der Zeichen pro Block:</label>
    <input type="number" id="num-chars" name="num-chars" /><br /><br />
    <label for="possible-chars">Mögliche Zeichen:</label>
    <input type="text" id="possible-chars" name="possible-chars" /><br /><br />
    <button onclick="generateBlocks()">Blöcke generieren</button><br /><br />
    <button onclick="copyText()">Blöcke kopieren</button><br /><br />
    <div id="div-output"></div>


    <script>
        const outputDiv = document.getElementById("div-output");

        // Text in Zwischenablage kopieren, Quelle:
        // https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript
        function copyText() {
            const ta = document.createElement('textarea');
            ta.value = outputDiv.textContent;
            document.body.appendChild(ta);
            ta.select();
            ta.focus();
            ta.select();
            try {
                var successful = document.execCommand('copy');
                var msg = successful ? 'successful' : 'unsuccessful';
                console.log('Copying text command was ' + msg);
            } catch (err) {
                console.log('Oops, unable to copy');
            }
            document.body.removeChild(ta);
        }

        function generateBlocks() {
            const numBlocks = document.getElementById("num-blocks").value;
            const numChars = document.getElementById("num-chars").value;
            const possibleChars = document.getElementById("possible-chars").value;
            const len = parseInt(numBlocks) * (parseInt(numChars) + 1) - 1;
            let txt = "";
            for (let i = 0; i < numBlocks; i++) {
                if (i > 0) txt += " ";
                for (let j = 0; j < numChars; j++) {
                    txt += possibleChars.charAt(
                        Math.floor(Math.random() * possibleChars.length)
                    );
                }
            }
            outputDiv.textContent = txt;
        }
    </script>
</body>

</html>
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #10
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
Superb, Ich danke dir vielmals ! du kannst dir nicht vorstellen wie Dankbar ich dir dafür bin.
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #11
S
Sempervivum
Well-known member
Beiträge
760
Punkte Reaktionen
125
Gern geschehen! Verrätst Du uns auch was es mit diesen Blöcken auf sich hat?
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #12
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
Gerne, ich benötige diese Blöcke um Chiffre Code Seiten zu generieren, für eine unknackbare Kommunikation über Funk basierend auf der Vigenère Chiffre nur mit dem Unterschied das es eben kein Codewort gibt das man immer wieder wiederholt sondern eine Unknackbare Zeichenfolge die nur einmal verwendet wird.
Das Ganze wird durch eine Software in ein digitales Signal umgewandelt und kann via Mikrofon über Funk übertragen ,von der Gegenstation aufgenommen ,wieder encodiert werden und dann dechiffriert werden.
Der Zeitmangel bestand darin das ich das Testen muss und meine Gegenstation in Frankreich sitzt und das nur noch für morgen ^^
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #13
S
Sempervivum
Well-known member
Beiträge
760
Punkte Reaktionen
125
Danke für die Erklärung, liest sich interessant. Muss die Gegenstation dann nicht auch diese Blöcke haben?
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #14
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
Ja das muss sie genau, es müssen die gleichen Seiten sein und wenn etwas dekodiert wird muss immer die benutzte stelle gestrichen werden und wird so unnütz, durch das vorgehen wird der Code eben unknackbar , das ist auch der Grund warum ich soviel davon brauch, die gruppen dienen lediglich der besseren Darstellung, ohne die wird's aber sehr schnell ansträngend. Drucke das auf A6 reisfesten Papier und folier das als Karte ,da passen in der Regel so um die 8k Buchstaben/zahlen drauf. Als digitale version sind es um die 200 Seiten. Somit hat man genug um lange Zeit auszukommen ^^
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #15
S
Sempervivum
Well-known member
Beiträge
760
Punkte Reaktionen
125
Cool, dann wird das Ganze in Papierform übergeben?
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #16
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
Positiv
Das ist dann die richtige arbeit XD
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #17
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
Ich habe über die Freude das das alles so gut funktioniert ganz vergessen etwas wichtiges zu fragen.... darf ich diesen Code beliebig weitergeben ?
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #18
S
Sempervivum
Well-known member
Beiträge
760
Punkte Reaktionen
125
Ja natürlich, es würde mich freuen wenn auch andere davon profitieren würden.
 
  • Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code. Beitrag #19
B
Butcher
Member
Beiträge
10
Punkte Reaktionen
0
Dann bedanke ich mich Herzlichst bei euch allen für die rasche und sehr Kompetente Hilfe ! Vor allem aber bei dir @Sempervivum
 
Thema:

Unwissender braucht fachmännischen Rat bezüglich kleinen HTML code.

Oben Unten