Ankündigung

Einklappen
Keine Ankündigung bisher.

Formular Felder deaktivieren, wenn in CSS Display None steht

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Formular Felder deaktivieren, wenn in CSS Display None steht

    Hallo zusammen,

    ich programmier zurzeit an einer neuen Seite und Stelle einige Daten tabellarisch dar. Es ist möglich weitere Daten zu dieser Tabelle hinzuzufügen. Das geschieht über normale Input Felder, die anschließend mit PHP verarbeitet werden. Da die Seite auch für mobile Devices kompatibel sein soll, jedoch die Jquery Tabellenfunktion es nicht zufriedenstellend darstellen kann, wollte ich die Tabelle nach meinen Vorstellungen selbst erstellen. Ab einer gewissen Breite, wird die eine oder andere Tabelle angezeigt. Das Ausblenden wird über Display:none erzeugt.

    Jetzt habe ich das Problem, dass natürlich die Input-Felder nicht deaktiviert sind und es beim Speichern auf Fehler läuft . Gibt es eine Möglichkeit mit Javascript oder CSS only, dass alle Input-Fehler, die in einem DIV sind, die mit Display:none gekennzeichnet sind, zu deaktivieren?

    SG
    MasterGee

  • #2
    die Jquery Tabellenfunktion
    Was meinst Du damit? Meinst Du datatables?
    Ab einer gewissen Breite, wird die eine oder andere Tabelle angezeigt. Das Ausblenden wird über Display:none erzeugt.
    Mit einer Mediaquery?
    Jetzt habe ich das Problem, dass natürlich die Input-Felder nicht deaktiviert sind und es beim Speichern auf Fehler läuft ... alle Input-Fehler, die in einem DIV sind, die mit Display:none gekennzeichnet sind, zu deaktivieren?
    Mir fällt da eine ganz andere Lösung ein: Wenn ich dich richtig verstehe, liegen beide Tabellen in einem Formular und es gibt Tabellenzellen, die Inputfelder enthalten? Dann würde ich für jede Tabelle ein eigenes Formular anlegen und das Problem würde sich nicht stellen.

    Kommentar


    • #3
      Jetzt habe ich das Problem, dass natürlich die Input-Felder nicht deaktiviert sind und es beim Speichern auf Fehler läuft . Gibt es eine Möglichkeit mit Javascript oder CSS only, dass alle Input-Fehler, die in einem DIV sind, die mit Display:none gekennzeichnet sind, zu deaktivieren?
      Per CSS kannst Du die nicht deaktivieren, aber per JS auf einfache Weise:
      https://codepen.io/anon/pen/NMEroK
      PHProcks! » Tutorials

      Kommentar


      • #4
        Zitat von Sempervivum Beitrag anzeigen
        Was meinst Du damit? Meinst Du datatables?
        Ja, richtig. JQuery Datatables

        Zitat von Sempervivum Beitrag anzeigen
        Mit einer Mediaquery?
        Ja, richtig.

        Zitat von Sempervivum Beitrag anzeigen
        Mir fällt da eine ganz andere Lösung ein: Wenn ich dich richtig verstehe, liegen beide Tabellen in einem Formular und es gibt Tabellenzellen, die Inputfelder enthalten? Dann würde ich für jede Tabelle ein eigenes Formular anlegen und das Problem würde sich nicht stellen.
        Hmm. Das heißt ganz andere Felderbezeichnungen und den PHP Code für beide Varianten umprogrammieren.

        Kann ich nicht mit Javascript den HTML-Code entfernen, ala If(@mediaquery min-width 800 == active)

        Vielen Dank.



        Kommentar


        • #5
          Ab einer gewissen Breite, wird die eine oder andere Tabelle angezeigt. Das Ausblenden wird über Display:none erzeugt.
          Das verstehe ich so, dass Du ohnehin schon beide Tabellen generierst. Dann brauchst Du doch nur die <form> und </form> Tags etwas umzuorganisieren. So hatte ich es mir vorgestellt:
          HTML-Code:
          <style>
          #form2 {
          display: none;
          }
          @media (max-width: 600px) {
          #form1 {
          display: none;
          }
          #form2 {
          display: flex;
          flex-direction: column;
          }
          }
          </style>
          </head>
          <body>
          <form action="testpost.php" method="post" id="form1">
          <!-- Hier deine erste Tabelle -->
          <h1>Formular 1</h1>
          <input name="input1">
          <input name="input2">
          <input type="submit">
          </form>
          <form action="testpost.php" method="post" id="form2">
          <!-- Hier deine zweite Tabelle -->
          <h1>Formular 2</h1>
          <input name="input1">
          <input name="input2">
          <input type="submit">
          </form>
          (aaaarggh, die Forensoftware verschluckt die Einrückungen)

          Kann ich nicht mit Javascript den HTML-Code entfernen, ala If(@mediaquery min-width 800 == active)
          Das ist eine andere Möglichkeit, die ebenfalls praktikabel ist und an die ich noch nicht gedacht hatte.
          Zuletzt geändert von Sempervivum; 18.05.2018, 20:59.

          Kommentar

          Die neuesten Themen

          Einklappen

          • arnego2
            Antwort auf Wer kann mir diese Homepage bauen?
            Je nach Version Ja, Standort Vorteil.
            Sollte er allerdings die Shopping cart Variante haben wollen wird es teurer....
            Gestern, 20:48
          • Testie
            Antwort auf Wer kann mir diese Homepage bauen?
            180€ für eine Webseite mit 18 Unterseiten so wie es der Kunde wünscht? really?
            Gestern, 19:51
          • arnego2
            Antwort auf Wer kann mir diese Homepage bauen?
            Du kannst völlig umsonst eine Webseite bauen oder zusammenstellen es gibt hunderte von Angeboten zum selber machen die sogar das Domain oder ein Subdomain mit einschließen. Nur sollte man sein Geschäft (wenn es den eins werden wird) nicht auf billig aufbauen. Nach etwas aussehen muss eine Webseite...
            Gestern, 14:41
          • Ramsauer27
            Antwort auf Wer kann mir diese Homepage bauen?
            1. Die Videos sind meine eigene, wurden von mir erstellt. Server muss ich mir erst anschauen.
            2. Ja damit meine ich das er Zugriff zu den Kontent bekommt für den er bezahlt hat. Direkt nach der Bezahlung.
            3. Das eine was auf der Seite auffindbar ist der Free Kontent. Nachdem Sie bezahlt...
            Gestern, 10:04
          • Andre1
            Antwort auf Wetter App funktioniert nicht mehr
            Nein das ist die Standard MSN App. Also die, welche vom Anfang an drauf war, ist.

            Liebe Grüße
            Andre
            18.01.2019, 23:33

          Kostenlose Homepage bei Jimdo!

          Einklappen

          Jimdo

          Die neuesten Beiträge

          Einklappen

          • Ramsauer27
            Wer kann mir diese Homepage bauen?
            Hallo Leute!

            Ich brauche eure Hilfe. Ich brauche jemanden der mir eine Homepage bauen kann die folgendes macht, da ich mich selbst damit einfach 0 auskenne.
            Ich erstelle ein Video Trainings Kurs den Ich über E-Commerce verkaufe.

            Dazu brauche Ich:
            1. Plattform...
            18.01.2019, 20:14
          • arnego2
            Antwort auf Wer kann mir diese Homepage bauen?
            Je nach Version Ja, Standort Vorteil.
            Sollte er allerdings die Shopping cart Variante haben wollen wird es teurer....
            Gestern, 20:48
          • Testie
            Antwort auf Wer kann mir diese Homepage bauen?
            180€ für eine Webseite mit 18 Unterseiten so wie es der Kunde wünscht? really?
            Gestern, 19:51
          • arnego2
            Antwort auf Wer kann mir diese Homepage bauen?
            Du kannst völlig umsonst eine Webseite bauen oder zusammenstellen es gibt hunderte von Angeboten zum selber machen die sogar das Domain oder ein Subdomain mit einschließen. Nur sollte man sein Geschäft (wenn es den eins werden wird) nicht auf billig aufbauen. Nach etwas aussehen muss eine Webseite...
            Gestern, 14:41
          • Ramsauer27
            Antwort auf Wer kann mir diese Homepage bauen?
            1. Die Videos sind meine eigene, wurden von mir erstellt. Server muss ich mir erst anschauen.
            2. Ja damit meine ich das er Zugriff zu den Kontent bekommt für den er bezahlt hat. Direkt nach der Bezahlung.
            3. Das eine was auf der Seite auffindbar ist der Free Kontent. Nachdem Sie bezahlt...
            Gestern, 10:04
          • Andre1
            Wetter App funktioniert nicht mehr
            Hallo an alle,

            ich habe seit ca. 3 tagen meinen Laptop erneuern müssen. Nachdem er dann die neuen Updates gemachte hatte (Windows 10, Version 1809) ging meine Wetter App nicht mehr richtig. Die zeigt zwar im "Vollfenster" die richtige Stadt an aber im Startmenü nur Berlin, egal...
            10.01.2019, 21:08
          • Andre1
            Antwort auf Wetter App funktioniert nicht mehr
            Nein das ist die Standard MSN App. Also die, welche vom Anfang an drauf war, ist.

            Liebe Grüße
            Andre
            18.01.2019, 23:33
          • arnego2
            Antwort auf Wetter App funktioniert nicht mehr
            Nun das es sich um die Wetter app dreht ist klar, gibt es nur eine davon oder 25 000? Ist die App auf Deutsch dann gibt es vielleicht nur 15.
            Windows 64 war im Anfangsbetrag nicht zu erkennen. Die Windows 10, Version 1809 gibt es in 32 und 64 bit....
            18.01.2019, 22:07
          • swissc
            Neue Mobile Upload Seite
            Hallo zusammen, würde gerne eine Website auf einem PC bei mir zuhause so Bereitstellen das auf diesem eine Webseite hauptsächlich über Handy also Mobile zu besuchen ist und mit der och fotos uploaden kan und diese so sortieren sowie archivieren wie im backand eingetragen. Zbsp. Gebe ich über das...
            18.01.2019, 02:55
          • arnego2
            Antwort auf Neue Mobile Upload Seite
            Kannst du das auch geordnet Punkt für Punkt darstellen?
            Wer soll abloaden können? Und von wo, von dir Zuhaus oder von überall?...
            18.01.2019, 21:56

          homepage-forum.de - Hilfe für Webmaster! Statistiken

          Einklappen

          Themen: 56.317   Beiträge: 427.802   Mitglieder: 27.630   Aktive Mitglieder: 66
          Willkommen an unser neuestes Mitglied, Carter.

          Online-Benutzer

          Einklappen

          502 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 499.

          Mit 1.625 Benutzern waren am 17.03.2018 um 19:52 die meisten Benutzer gleichzeitig online.

          Lädt...
          X