Beiträge von Sempervivum

Würde ich so machen:

<div id="container"></div>        <button id="newteam">Weiteres Team hinzufügen</button>
        <script>
            var nr = 0;
            var html = '<fieldset>\
              <legend>Team 1</legend>\
              <label for="teamid">Team-ID:</label>\
              <input type="number" maxlength="10">\
              <label for="already_purchased_players">Transferübersicht der letzten 5 Saisons vor dem Zeitraum:</label>\
              <textarea name="already_purchased_players" cols="80" rows="20" id="already_purchased_players"></textarea>\
              <label for="transferuebersicht">Transferübersicht:</label>\
              <textarea name="transferuebersicht" cols="80" rows="20" id="transferuebersicht"></textarea>\
            </fieldset>';
            document.getElementById("newteam").addEventListener("click", function () {
                nr++;
                var chtml = html.replace("<legend>Team 1</legend>", "<legend>Team " + nr + "</legend>")
                document.getElementById("container").innerHTML += chtml;
            });         </script>

"indem ich an die klasse noch input und den
entsprechenden Namen oder den Wert anhänge"
Das verstehe ich nicht. input ist ein HTML-Element.
Dies:

nav.ilToolbar .btn-primary input[value="Test starten"]

würde erfordern, dass es innerhalb des Elementes .btn-primary ein input-Element gibt.

Doch, jetzt, wenn ich das Fenster ganz hoch mache, sehe ich es.
Zitat von Huhu: "gab es da für CSS nicht sowas wie 100vh als Wert für height?" - genau, das müsste die Lösung sein:

min-height: 100vh;

für .mp-pusher

"Sprich, wenn die Kontaktseite kürzer als 100% Bildschirmhöhe ist (bei meinem Display mit 1920x1080 Px), fällt die Höhe des Menus auch kleiner aus, was etwas uncool aussieht"
Ich verstehe nicht genau, was Du meinst. In meinen Augen sieht alles OK aus. Dass das Menü bei großer Fensterhöhe das Fenster nicht ausfüllt, finde ich überhaupt nicht schlimm, weil der blaue Hintergrund ja bis zum unteren Rand geht.

"Was mir eventuell helfen würde, wäre ein div-Element das eine min-height hat, die ( 100% - height(.kontaktformular) ) hat. Aber wie erstellt man sowas in CSS?"
Kennst Du schon CSS-calc? Damit kann man Werte berechnen, z. B. so:

min-height: calc(100% - 400px);

Wie Du siehst, geht das nur mit festen Werten. Wenn Du dynamisch die Höhe des Formalars verwenden möchtest, geht das, AFAIK, nur mit Javascript.

Oh, das ist mir wohl entgangen. Dann werde ich das mal testen. Danke für den Hinweis!

Da sieht man überhaupt nichts. Du solltest so etwas testen, bevor Du es weiter gibst.

Ich habe 7-Zip und kann rar nicht entpacken. Besser ein Fiddle.

Ich steige da nicht durch, weil

• kein Smartphone zu sehen ist
• der Code viel zu kompliziert ist für das, was Du im Text beschreibst

Erstelle eine funktionsfähige Demo, die nur das enthält, was für dein Problem relevant ist.

Danke für diese Hinweise. Ich werde dann wohl erst Mal bei Webmatrix bleiben, denn ich habe mich an die Inline-Validierung gewöhnt und möchte sie nicht mehr missen. Habe mir in der Zwischenzeit auch Xdebug installiert und damit etwas ergänzt, was ich manchmal vermisst habe.
Visual Studio 2015 ist wegen des hohen Preises keine Alternative für einen Hobby-Entwickler.
Inzwischen habe ich auch festgestellt, das PHP-Tools bei VS Code nicht installiert werden kann.

Bei dem Fiddle wird bei mir überhaupt nichts angezeigt.

Das ist ja eine Katastrophe, dass das wichtigste nicht funktioniert. Sehr schade, dass Webmatrix nicht mehr weiter entwickelt wird. Werde mir noch PHP Tools ansehen und dann entscheiden, ob ich Geld ausgebe oder bei Webmatrix bleibe.

Hallo,
ich habe gerade an anderer Stelle gelernt, dass Webmatrix nicht mehr weiterentwickelt wird und daher Visual Studio installiert, das als Nachfolger empfohlen wird. Leider funktioniert dort die Anzeige von Syntax- und Validierungsfehlern nicht. (Getestet für JS, CSS und HTML, JS und CSS funktionieren nur in einer eigenen JS/CSS-Datei, aber nicht eingebettet in HTML.) Eigene Nachforschungen brachten leider kein Ergebnis. Kann mir jemand Tipps geben, wie man das aktiviert bzw. welche Erweiterung man dafür installieren muss? Möchte mir eine Odyssee durch die Manuals und die Erweiterungen ersparen.
Basi, Du hast Intellisense erwähnt. Ist das eine Erweiterung für VS oder ein anderer Editor? Bei den Erweiterungen in VS habe ich nur Intellisense für C++ gefunden.
Viele Grüße - Ulrich

Danke für den Hinweis. Werde ich bei Gelegenheit ausprobieren.

Möglicher Weise auch gut. Hat das Vorteile ggüber Webmatrix? Anscheinend gibt es ein Plugin mit PHP-Debugger, den habe ich manchmal vermisst.

MS Webmatrix leistet das direkt nach der Installation, ohne dass man etwas einstellen oder installieren muss, sofort während des Editierens. Mir schleierhaft, warum dieser super Editor bei allen Empfehlungen konsequent ignoriert wird. Aber wem es Spaß macht, an seinen Werkzeugen dauernd herum zu schrauben ...

Das scheint aber nur für PHP zu funktionieren, und nur beim Speichern?

Zitat

Error reporting (also anzeigen falls ein error/fehler da ist, z.b. fehlendes schließen einer function oder so)

Leistet das Sublime?

data: ausgabe;

Die Variable ausgabe ist hier nicht definiert.
Statt ";" muss hier ein Komma stehen.

"Nach dem Anhalten der Slideshow funktioniert der erneute Start nicht."
Ich hoffe, dass ich das beheben konnte: Ändere die Funktionen start() und stop() wie folgt:

function start() {            $slideshow
				.html(settings.get('slideshowStop'))
				.unbind(click)
				.one(click, stop);
 
            $events
				.bind(event_complete, set)
				.bind(event_load, clear);
 
				    publicMethod.next();
 
 
            $box.removeClass(className + "off").addClass(className + "on");
        }
 
        function stop() {
            clear();
 
            $events
				.unbind(event_complete, set)
				.unbind(event_load, clear);
 
            $slideshow
				.html(settings.get('slideshowStart'))
				.unbind(click)
				.one(click, start);
 
            $box.removeClass(className + "on").addClass(className + "off");         }

PS: Ich hab's gerade ausprobiert, funktioniert einwandfrei:

<!DOCTYPE html><html>
    <head>
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src="js/jquery.colorbox-min.js"></script>
    </head>
 
    <body>
        <a class="inline" href="#inline_content">Inline HTML</a></p>
        <div style="display:none">
            <div id="inline_content" style="display: inline-block; padding:10px; background:#fff;">
                <img src="images/OutsideTempHistory.gif" width="640" height="400">
            </div>
        </div>
        <script>
            $(".inline").colorbox({inline:true});
        </script>
    </body> </html>