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
DasIstEinName1
11.09.2018, 20:37
Mit Links
Wie kann ich eine Paywall auf einer Website einfügen?

Guten Abend liebe Community,

ich arbeite nun seit etwa zwei Jahren mit dem CMS Wordpress an Websites bei einer Onlinemarketing Agentur. Ich bin in die Branche quasi reingerutscht und komme ursprünglich aus der Medien-/Kreativbranche.

Ein privater Kunde von mir, möchte eine Paywall auf seiner Website einrichten. Er ist als Personal Trainer und Ernährungsberater in der Fitnessbrache tätig und möchte auf seiner neuen Website ein eigenes Programm mit Videos, Rezepten und Kochtipps anbieten. Vermutlich wird hierzu ein Buch als PDF für die Ernähung und für die Trainingsübungen Videoinhalte, sowie ein weiteres Buch als PDF Buch bereitgestellt.

Nun habe ich bereits mit Shopsystemen wie WooCommerce gearbeitet, jedoch nie eine Paywall eingerichtet. Also bestimmte Websites, die nur für einen zahlenden Abonnenten bereitgestellt werden sollen.

Durch fehlendes Know-How in Programmiersprachen, bin ich auf ein passendes Plugin angewiesen, kann bisher jedoch keines finden. Mein Programmierwissen beschränkt sich auf HTML, rudimentäre CSS-Skills und ich lerne aktuell langsam Javascript durch einen Freund.

Allein ein paar Stichwörter zu dem Bereich wären sehr hilfreich, da ich nach zweitägiger Suche nichts passendes finden konnte. Klar ist noch nicht, ob er einen Einzelkauf anbieten möchte oder mit einem Abomodell arbeiten wird. Den Einzelkauf per WooCommerce einzurichten, sollte machbar sein. Wie könnte ich aber bei einem Abo vorgehen, bei dem ein Nutzeraccount verknüpft wird?

Zum Schluss noch eine thematisch ähnliche Seite - eventuell weiß jemand, womit hier gearbeitet wurde. Der Kauf eines passenden Themes, falls jemand eines kennt, wäre auch denkbar. Aktuell nutze ich überwiegend Enfold, habe jedoch für zwei "besondere" Kunden noch Newspaper 9 gekauft. Hier der Link: https://smartgains.de/shop/

Sorry für den doch sehr langen Text und viele Dank im Voraus für hilfreiche Antworten! :)

Tommy

Computer, HTML, Webseite, programmieren, CSS, WordPress, JavaScript, PayPal, shopsystem, Wordpress Plugin, Woocommerce
2 Antworten

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