HTML – die neusten Beiträge

Verwandte Themen
Zeakles
05.11.2018, 11:25
Mit Links

Wie kann ich einstellen, dass die div-Boxen auf dem Handy untereinander dargestellt werden?

Guten Tag.

Mein Problem ist Folgendes: Auf dem PC werden die Boxen ganz normal und wie gewollt dargestellt, doch auf dem Handy wird alles in die Reihe gequetscht und man kann nichts erkennen. Wie kann ich nun einstellen, dass die div-Boxen untereinander dargestellt werden?

LG

Quellcode:

<?php
  require('templates/header.php');
?>

<div class="content">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h3 class="card-title">Kampagnen</h3>
        </div>
        <br><br>
        <div class="row">
          <div class="col-xs-12">
            <div class="box box-container">
              <div class="row">
                <div class="col-xs-12">
                  <div class="box-first box-container">
                    <div class="row">
                      <div class="col-xs-1">
                        <div class="row">
                          <div class="col-xs">
                            <div class="box-nested" text-align="center">
                              <img src="templates/XXX.png"/>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-xs-3">
                        <div class="box-nested">
                          <strong> XXX </strong>
                        </div>
                      </div>
                      <div class="col-xs-3">
                        <div class="box-nested">
                          <h4>
                            <span class="badge badge-pill badge-success">XXX: 1,10€</span>
                            <span class="badge badge-pill badge-secondary">XXX: 1,00€</span>
                          </h4>
                        </div>
                      </div>
                      <div class="col-xs-4">
                        <div class="box-nested">
                          <span>
                            <h4>
                              <font color="#400040">
                                <input name="text" id="myInput" id="text" width="100%;" ?>">
                                <button class="badge badge-pill badge-danger" onclick="myFunction()">Link Kopieren</button>
                              </h4>
                            </font>
                            <script>

                              function myFunction() {
                                var copyText = document.getElementById("myInput");
                                copyText.select();
                                document.execCommand("copy");
                              }
                            </script>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="card-body all-icons">
          <div class="row">
            <div class="wrap-table100">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<?php
  require('templates/footer.php');
?>

Das CSS, welches zugegebener Weise sehr unübersichtlich ist^^, lautet wie folgt:

https://pastebin.com/hHsGJhFE

HTML, Webseite, programmieren, CSS
6 Antworten
EIA2Hater
22.10.2018, 16:33
Mit Links

Brauche dringend Hilfe in Typescript!?

Hallo liebe Community,

ich studiere Medienkonzeption (kein Medieninformatik!) und wir haben das Fach Entwicklung Interaktiver Anwendungen (kurz EIA). Wir arbeiten mit dem Programm Eclipse und verwenden HTML/CSS und eben Typescript. Nun hab ich ein riesen Problem bei den Aufgaben.. Ich verstehe sie und weiß worum es geht und wenn ich fertige Codes sehe weiß ich auch was sie tun und was am Ende rauskommt ABER ich habe keine Ahnung wie man selber auf diese Codes kommt.. Zu meiner Frage: Wir sollten bis gestern ein UNO-Spiel programmieren (die Aufgabenstellung mach ich als Github-Link rein). Mein Problem dabei ist, dass ich weiß was zu tun ist aber nicht weiß wie ich es programmieren soll. Über W3schools habe ich mir die Basics angeeignet, allerdings helfen sie mir nicht einen funktionsfähigen Code zu den Aufgaben zu erstellen. Könnt ihr mir anhand der Aufgabenstellung Tipps geben, was ich tun könnte, um selber auf die Lösung zu kommen? Unser Dozent (der seit einem Jahr mein Leben zerstört) meint wir sollen uns alles selber aneignen über Recherchen. So.. Ich weiß noch nicht mal wonach ich suchen soll... Egal was ich in Google eingebe, finde ich nichts was mich erleuchtet.. Ich bräuchte also mehr einen Rat, wie ich selber drauf komm als einen fertigen Code..

Hier der Link zur Aufgabenstellung:

https://github.com/JirkaDellOro/EIA2/wiki/DynHTML%3A-Uno

Hoffe mir kann jemand helfen..

HTML, JavaScript, Code, Eclipse, Hochschule, Informatik, TypeScript
2 Antworten
ChrisFragtGern
19.10.2018, 11:53

[VBA] - Bestimmte Zeile aus HTML Dokument auslesen?

Hallo Community,

ich habe folgendes Problem.

Ich habe eine Excel Tabelle mit vielen ID's (Spalte B) und einen Ordner mit HTML-Dateien, die den IDs zugeordnet sind.

Im ersten Schritt bin ich alle ID's durchgegangen und habe falls vorhanden, die passende HTML Datei in einen Ordner abgespeichert.

Nun kommt der zweite Schritt bei dem ich eure Hilfe brauche. Ich möchte alle gefunden HTML Dateien durchgehen und nach einem bestimmten Bereich suchen. Im HTML Code sieht das ungefähr so aus:

<td class="category">
 <a name="attachments" id="attachments">Angehängte Dateien</a> </td>
<td colspan="5">
<a> unwichtig </a>
<a> WICHTIG </a> <- Hier steht der gesuchte Dateiname
<a> Unwichtig </a>
</td>

Das Ding ist, dass in diesem <td> Tag auch mehrere Dateien aufgeführt sind, der Aufbau ist aber immer gleich. Pro Datei gibt es 3 mal ein <a>-Tag und im mittleren stehen die wichtigen Informationen. Es gibt auch den Fall, dass dort keine Dateien und somit auch keine <a>-Tags vorhanden sind.

Mein bisheriges Makro sieht wie folgt aus:


 Const path = "M:*"
    Dim sheet As Worksheet
    Set sheet = ActiveWorkbook.Worksheets(2)
    maxRow = sheet.Cells(sheet.Rows.Count, "B").End(xlUp).Row
    Dim id As String
    Dim sourcePath As String
    Dim destPath As String
    Dim Filename As String
    For Row = 2 To maxRow
      sourcePath = path & "view.php-id=" & sheet.Cells(Row, 2) & ".html"
      Filename = "view.php-id=" & sheet.Cells(Row, 2) & ".html"
      MkDir (path & "gefunden\" & sheet.Cells(Row, 2))
      destPath = path & "gefunden\" & sheet.Cells(Row, 2) & "\" & sheet.Cells(Row, 2) & ".html"
      If Dir(sourcePath) = Filename Then
      FileCopy sourcePath, destPath
      Else
      MsgBox (sheet.Cells(Row, 2) & " nicht gefunden")
      End If
    Next Row

Um das alles nochmal zusammenzufassen, ich weiß nicht wie ich an die Namen der aufgeführten Dateien im HTML Dokument komme.

Wenn ich die Namen der Dateien erstmal habe, könnte ich auch weitermachen und die HTML-Doks mit passendem Anhang in einen Ordner kopieren.

Ich hoffe ihr verstehe was ich meine, für Fragen stehe ich gerne zu verfügung.

Grüße

Chris

Computer, Technik, HTML, programmieren, VBA, Technologie, VBA Programmierung, VBA Excel, Spiele und Gaming
4 Antworten
xx5198
11.10.2018, 07:28

Mit welcher Programmiersprache Web-Oberfläche für Datenbank programmieren?

Hallo zusammen,

könnt ihr mir kurz eure Empfehlungen und Erfahrungen geben bzgl Programmiersprachen?
Folgendes möchte ich tun bzw den Aufwand abschätzen:
Und zwar möchte ich eine Web-Oberfläche für einen Postgresql Server entwickeln. Wir haben zwar schon eine Oberflächliche jedoch funktioniert die Zusammenarbeit mit der Firma, die die Oberfläche entwickelt nicht so gut, weshalb ich gerne versuchen möchte etwas eigenes zu bauen.

Erfahrungen hab ich bisher eher im Bereich von Client-Seitiger Software (zb VBA, SPS, C) aber wenig was Server bzw Websites angeht.

Ansatz bisher ist HTML und PHP. Jedoch liest man viel, dass Python besser als PHP sei. Wenn es so wäre würde sich Python anbieten weil ich mich eh wegen einem anderen Thema da einarbeiten müsste. Mich würde hier Python aber nur für die Oberfläche interessieren weil der Server ja schon vorhanden ist und ich nur die Daten visualisieren will.

Wenn es aber um eine Oberfläche zur Darstellung und Eingabe von Daten in eine Datenbank geht, welche Sprache würdet ihr empfehlen?
PHP soll wohl den leichteren Einstieg bieten und ich könnte schnell Ergebnisse sehen.

Mir geht es nicht darum was besser/schlechter ist. Ich möchte nur verstehen warum andere lieber mit Python arbeiten und welche Vorteile es gegenüber php und umgekehrt hat.

Erfahrungen in andere Richtung sind natürlich auch willkommen.

Danke schon mal.

Server, Computer, SQL, HTML, Webseite, PHP, Python
5 Antworten
Ep1cNinja
07.10.2018, 20:04

JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

LG

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

Computer, online, HTML, programmieren, JavaScript, JQuery
4 Antworten

Meistgelesene Beiträge zum Thema HTML
Mehr meistgelesene Fragen zu HTML