Beiträge von NaThan

Hallo,

entschuldigung für die späte Antwort, war Zeitlich verhindert.

Zitat von Arne Drews

Was aber definitiv falsch ist, ist sowas hier: id="id_19[]"

Eine id hat in HTML eindeutig zu sein!

Okay und wie würde ich das denn hinkriegen, dass die einzelnen Inputfelder eine dynamische Zuweisung kriegen, damit ich per jQuery das ganze berechnen kann?

Mir geht es ja darum, einem Layout Form bei 2 Feldern eine ID/Klasse zu vergeben, mit der ich in jQuery das Ergebnis ausrechnen lassen kann.

Das ganze soll aber nicht statisch sonder dynamisch sein, bedeutet wenn automatisch mit einem anderen jQuery Function das selbe Feld hinzugefügt wird das dann auch dort einzeln im Block die Berechnung funktioniert.

Es gibt bestimmt eine Lösung oder einen Ansatz, aber ich komme nicht drauf.

Hallo,

geht schon in die richtige Richtung.

Allerdings stimmt dann die "Formel" nicht bei der Berechnung.

Wenn der Benutzer bei Menge 2 eingibt und bei Einzelpreis 2 dann soll 4 rauskommen.

Und nicht 022.

Dann kommt aber halt das Problem was ich meinte, wenn ich noch ein Feld hinzufüge dann geht dort die Berechnung nicht mehr..

Wenn das Inputfeld nur einmal da ist:

html-seminar.de/woltlab/attachment/1836/

Und wenn man z.B. ein zweites oder mehrere hinzufügt:html-seminar.de/woltlab/attachment/1837/

Und da habe ich einen hänger/denkfehler...

Ich denke man müsste mit Arrays oder so arbeiten, oder denke ich da komplett falsch?

Möchtest du, wenn du die Navigationsbar öffnest, dass sich das Dropdown in den Content öffnet?
Sprich dein main nicht nach unten verschoben wird?

Hallo,

ich habe ein kleiner Problem, und zwar möchte ich per Javascript Dynamisch ausrechnen lassen, was der Benutzer in 2 Felder eingegeben hat.

Mein Codeschnipsel sieht so aus ( so klappt es

<form action="lib/function/order.php" method="post" autocomplete="off" id="testForm">
    <div class="form-content">
        <div class="group">
           <div class="input-field col s4">
           <input id="id_11[]" type="text" class="validate test1" name="amount[]">
           <label for="id_11[]">Menge / Einheit (*)</label>
        </div>
        <div class="input-field col s4">
            <input id="id_19[]" type="text" class="validate test2" name="price[]">
            <label for="id_19[]">Einzelpreis (*)</label>
       </div>
        <div class="input-field col s12">
            <input type="text" class="validate priceresult" disabled placeholder="Gesamtpreis">
        </div>
    </div>
</div>

$('form#testForm :input').change(function() {
    var result = 0;
    $("form#testForm :input").each(function() {
        var test1 = $(".test1").val();
        var test2 = $(".test2").val();
        result = (Number(test1)) + Number(test2)
    });
    $(".priceresult").val(result);
});

Aaaaber ich habe es so, dass man immer ein neues Feld hinzufügen kann und dort soll der Javascript auch funktionieren.
Wenn ich in HTML eine Klasse mit [] Angebe, kann man das in Java auch irgendwie verwenden?

Screenshot wie es ausssieht:

html-seminar.de/woltlab/attachment/1831/Ich hoffe ihr könnt mir helfen, bin echt am verzweifeln...

Vielen Dank im voraus

LG

Hallo,

ich bräuchte eure Hilfe, bin ziemlich sehr verzweifelt...

Mein Vorhaben ist es, im Header einen Hintergrundbild Responsive zum Content anzupassen.

Auf meinem Full HD ( 1920x1080px ) Monitor sieht das perfekt aus, allerdings sobald ich den Browser etwas kleiner ziehe ist die Breite wieder komplett falsch.

Außerdem habe ich das Gefühl, dass die Grafik nach links floatet....

Mein Code:

.pageHeaderFacade > .layoutBoundary {
    background: url(../images/header.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    width: 100%;
    min-width: 0;
    max-width: 80%;
}

Bilder:

So sollte das aussehen ( ist auf Full HD perfekt

html-seminar.de/woltlab/attachment/1818/

Und hier wenn ich den Browser kleiner ziehe ist der Header komplett verrutscht...

html-seminar.de/woltlab/attachment/1819/

Ich hoffe ihr könnt mir weiterhelfen.

Meine Vermutung ist, dass ich bei Max-Width die Breite falsch eingebe oder mit margin-left arbeiten müsste...

Vielen Dank im voraus

Zitat von Sempervivum

Das leistet die jQuery-Funktion serialize():

https://api.jquery.com/serialize/

Perfekt danke genau das habe ich gesucht.

Danke hab was neues dazugelernt

Hallo,

ich stehe aufm Schlauch und bin mit meinen jQuery Kenntnissen an der Grenze...

Mein Vorhaben ist es, via jQuery ein Formular abzusenden.

Vorher habe ich feste Variablen genutzt für eine bestimmte Anzahl von Inputfeldern, nun soll das aber dynamisch sein.

Daher kann ich ja keine feste Anzahl von Variablen anlegen...

Die Inputfelder werden aus der Datenbank geladen, soweit klappt alles aber das abschicken der Daten in jQuery/Ajax fällt mir schwer...

Mit den festen Variablen klappt es

$('#calculate-mark').click(function() {
    var txtLN1 = $('.txtLN1').val(); var txtLN2 = $('.txtLN2').val();
    var txtLN3 = $('.txtLN3').val(); var txtLN4 = $('.txtLN4').val();
    var txtKL = $('.txtKL').val(); var txtLK = $('.txtLK').val();
    var txMN = $('.txtMN').val();
    $.ajax({
        type: 'POST',
        url: 'function/calculate.php',
        data: {
            'submit': true,
            'txtLN1': txtLN1,
            'txtLN2': txtLN2,
            'txtLN3': txtLN3,
            'txtLN4': txtLN4,
            'txtKL': txtKL,
            'txtLK': txtLK,
            'txtMN': txMN
        },
        dataType: 'json',
        success: function(data) { // ... //}
    });
});

Aber wie kriege ich das hin, dass jQuery bzw Ajax mir die ganzen Inputfelder dynamisch raus lädt und via Post verschickt?

Ich wüsste nicht wie ich das ohne Variablen umsetzen soll...

Am einfachsten würde das folgendermaßen gehen:

<div class="container">
    <img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Eis.jpg" alt="" class="bild"/>
</div>

.bild {
    height: 150px;
    width: 200px;
    display: block;
    margin: 0 auto;
}

mit Display und Margin kannst du das einfach und passend positionieren.

Ich habe dir hier mal eine kurze Demo entworfen:
http://jsfiddle.net/59vnv993/

Hoffe konnte dir ein Stückweit weiterhelfen.

LG

cottton vielen vielen Herzlichen Dank.

Jetzt weiß ich auch was ich falsch gemacht habe. Habe zu kompliziert gedacht ( wie immer ).

Wollte nämlich mit 2-3 strtotime Abfragen das ganze regeln, aber konnte ja so nicht aufsplitten plus das Zeitformat....

Was für mich jetzt ganz neu ist, ist das hier: \DateTime::createFromFormat.

Ich mach mich gleich mal schlau was das für eine genaue Funktion ist.

Dir aber ein großes Dankeschön

Grüße

Hallo,

ich stehe grade auf dem Schlauch, ich möchte von der gespeicherten Zeit, die aus der Datenbank geladen wird eine Zeit abziehen und richtig formatiert ausgeben.

Folgendermaßen wird das Zeitformat des Benutzers in die Datenbank eingetragen: $datumsys = date('Y.m.d H:i:s');

Jetzt möchte ich, dass wenn der Benutzer erneut das Formular ausfüllt, ausgegeben werden soll: "Du bist noch für x Minuten gesperrt.".

Die Höchstsperrzeit beträgt 20 Minuten.

Wie kriege ich das jetzt hin, von 20 Minuten die Zeit abzuziehen und im Minutenformat auszugeben?

Ginge das mit strtotime oder denke ich da zu kompliziert?
Hoffe mir kann einer weiterhelfen, stehe aufm Schlauch...

Stef welche Bootstrapversion verwendest du?

Bei Bootstrap v 3.3.7 musst du es so machen:Code
Livedemo: https://jsfiddle.net/q00c7w9a/

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Titel</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a class="navbar-brand text-white" href="#">Test</a></li>
                <li class="nav-item"><a class="nav-link text-white" href="#">Punkt1</a></li>
                <li class="nav-item"><a class="nav-link text-white" href="#">Punkt2</a></li>
                <li class="nav-item"><a class="nav-link text-white" href="#">Punkt3</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <form class="navbar-form">
                <div class="form-group">
                <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            </ul>
        </div> 
    </div> 
</nav>

Hier wird durch die Klassen nav navbar-nav navbar-right die Position festgelegt.

Wenn du Bootstrap v4.0 verwendest müsstest du die Navigation folgendermaßen machen:

Livedemo: https://jsfiddle.net/h7bew08h/

<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#">Titel</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active"><a class="nav-link" href="#">Punkt1</a></li>
            <li class="nav-item"><a class="nav-link" href="#">Punkt2</a></li>
            <li class="nav-item"><a class="nav-link" href="#">Punkt3</a></li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
    </div>
</nav>

Bootstrap 4.0 arbeitet übergehend mit Flex daher ist der umstieg meiner Meinung nach etwas kompliziert.

Hoffe ich konnte dir weiterhelfen

Grüße

ludaris , ich hab nicht ganz dein Vorhaben verstanden.

Du möchtest Inhalte aus einer anderen Seite in diese Seite reinladen?

basti1012 :

Zitat von basti1012

http://www.mytischtennis.de/public/home

https://www.mytischtennis.de/public/home/

Das hat keinen Zusammenhang ...

Das HTTPS steht für

Zitat von Wikipedia

sicheres Hypertext-Übertragungsprotokoll

Das wird dann aufgerufen wenn du ein SSL Zertifikat hast ( dabei werden die Daten Verschlüssel übertragen ), hat also mit dem Laden der Inhalte nicht viel zu tun

Grüße

Hey,

Zitat von Stef

Hey,

du hast in der Zeile, wo der Error angezeigt wird, dobbelte Anführungszeichen verwendet.

text: "<?php echo $_SESSION[" -> hier ist schluss des strings

success -> falsche syntax

"]; ?>" -> string startet wirder und schließt

So sollte es funktionieren:

text: <?php echo $_SESSION["success"]; ?>

Denn in der Session steckt bestimmt eh ein string drin.

Alles anzeigen

nein das war schon so richtig, bei test: ""müssen zwei Anführungszeichen dran.
$_SESSION übergibt den String ohne "", daher würde dann ein weiterer Fehler angezeigt werden.

Es lag tatsächlich daran, dass ich im String selber paar Absätze hatte und das zu Problemen führte...

Grüße

Hallo,

wie JR Cologne schon vor mir schrieb können wir ohne Code dir nicht weiterhelfen.

Ich hatte aber auch mal ein ähnliches Problem und konnte es folgendermaßen lösen:

@-moz-document url-prefix() {
    .deine-klasse {
        border-color: black;
    }
}

Mit @-moz-document url-prefix() sprichst du nur den Firefox Browser an.

Hoffe konnte dir ein wenig weiterhelfen

Grüße

Guten Morgen,

ich bin neu hier und bin auch gerade dabei mich mit jQuery auseinander zu setzen.

Habe nun ein Problem und komme nicht weiter bzw mir fällt nach langem grübeln und Googlen keine Lösung ein...

Ich nutze ein jQuery Plugin namens SweetAlert und möchte so meine Fehlermeldungen via Modalfenster dem Besucher ausgeben lassen.

( Das ist SweetAlert: https://sweetalert.js.org/ )

Session ist gesetzt und auch beim Print/Debugg wird mir das angezeigt aber dieses Modalfenster öffnet sich einfach nicht...

<script>
        swal({
            title: "Erfolgreich",
            html: true,
            text: "<?php echo $_SESSION["success"]; ?>", // Hier ist komischerweise der Fehler :(
            type: "success",
            showCancelButton: false,
            closeOnConfirm: false
        });
</script>

In der Konsole kriege ich folgende Fehlermeldung: Uncaught SyntaxError: Invalid or unexpected token

Screen:

Meine Vermutung ist das der String zu lang ist, wenn das der Fall sein sollte wie kann ich das beheben?

Zeilenumbrüche macht man doch in einem jQuery String normalerweise so \n?

Bin ein Neuling in jQuery

Hoffe mir kann einer weiterhelfen..

Vielen Dank im voraus

//Edit:
Habe den Fehler gefunden, String musste in einer Zeile sein.
Thread kann geschlossen werden