Jetzt das HTML-Seminar als
Video-Tutorial
mit über 210 Videos,
Gesamtspielzeit über 24 Stunden
Video-Kurs HTML5+CSS+Webdesign
die Vollpfosten von Google
sind da doch ein wenig schlauer, als die Dateinamen zu vergleichen. Sieh dir mal das an:
https://developers.google.com/…delines/duplicate-content
Es geht um den Inhalt (Content), die Dateien können völlig unterschiedlich heißen.
In dem Zusammenhang ist auch das interessant:
Was verstehst du unter nicht viel Erfahrung?
Kannst du mehr Informationen zu deinem Vorhaben preisgeben?
- Welche Platformen möchtest du unterstützen?
- Welche Technologien hast du vor einzusetzen? (Wie ist dein Skilllevel davon)
zeige mal deinen Code. Das hört sich danach an, dass der Selektor in JS das Falsche Element Selektiert.
Welche Lösung meinst du jetzt und was funktioniert daran nicht?
Wenn du die schräge Kante meinst. Das kann man mit clp-path machen.
Dieses Tool hilft dir dabei einen Pfad zu erstellen: https://bennettfeely.com/clippy/
Also ich würde das mit einer Beschreibungsliste umsetzen, die kann man auch gut so stylen wie du das haben möchtest.
Wenn das beim Eingeben der Nummer sofort (auf input) passieren soll, ist das Stichwort hier: "Masked Input" und das ist eine Wissenschaft für sich.
Dafür würde dir empfehlen eine Library wie https://imask.js.org/ zu verwenden.
Wesentlich leichter ist es zu implementieren, dass die Nummer beim Verlassen (on blur) des Feldes formatiert wird.
Dazu musst du on blur den Wert auslesen und durch den Wert mit Pause ersetzen.
Sehr primitiv würde das so funktionieren:
https://codepen.io/Mr_Beer/pen/dyOQRGJ?editors=1011
basti1012 Deine Verstion hat ein Bug: Es ist nicht mehr möglich die ersten 4 Stellen mit der Backspacetaste zu löschen.
jonas3344
Danke, das hatte ich überlesen.
Ich weiß nicht, ob weaverslave eine formatting / beautify Funktion hat.
zur Not kann man auch Tools wie http://www.phpformatter.com/ verwenden um seinen Code zu formatieren.
Ich habe immer gro!en Respekt vor Leuten deren Quellcode so ungeordnet ist und die dabei nicht durchdrehen.
Ist das Netbeans?
Versuch mal deinen Code zu formatieren.
Stichpunkt "autoformat". Wenn das nicht klappt, hat dein Code Syntaxfehler.
Außerdem habe ich das Gefühl, dass deiner for-Schleife (z47 / z114) der Block fehlt.
Ich verstehe. Du möchtest keine Selection List dynamisch erstellen, sonder einen Wert in der Liste dynamisch vorauswählen.
Woher kommt denn der Wert deiner Variablen?
- Wir der im Server in die HTML Datei gesetzt? - Dann solltest du das mit dem vorauswählen gleich im Server machen.
- Aus der URL? - Dann musst du mit JavaScript die URL parsen und den Wert auslesen.
- Aus einem asynchronen Request? - Dann musst du den Wert nur daraus extrahieren.
- Aus dem local Storage? - Dann musst du den Wert nur daraus auslesen.
- Aus einem Cookie? - Dann musst du den Wert nur daraus auslesen.
danach musst du das <option>-Element mit dem benötigten Wert in dem <select> suchen und dieses mit selected kennzeichnen.
edit:
Alle möglichen Auswahlmöglichkeiten müssen natürlich vorher im <select> vorhanden sein
Es gibt im Grunde nie einen Grund das ohne die DOM Methoden zu machen.
Außer es geht darum die Möglichkeiten von JavaScript auszuloten.
Wieso document.write()?
Er wollte wissen, wir man die variable var XYZ = "1" in die Lücke ???Hier soll als Option 1 der Wert von Variable XYZ angezeigt werden??? einfügen kann, so das ein dynamischer Option-wert entsteht.
So wie in php mit <?php echo XYZ ?>. Wenn man das in JavaScript ohne die üblichen DOM Methoden umsetzen möchte kann man das mit document.write() machen.
Aber sauberer ist natürlich die DOM-API zu verwenden und daher habe ich gefragt, was er vorhat.
Geht das überhaupt?
Ja, das geht (Mit JavaScript bekommt sehr vieles hin).
Wenn ich das jetzt allerdings poste bekomme ich ärger, denn document.write() verwendet man nicht.
Was hast du denn vor? Warum muss dieser Wert denn dynamisch sein?
MrMurphy Schönes Beispiel.
Wenn ich auf Run drücke, sieht das Ergebnis bei mir so aus (Ich habe nur den "Bilder mit aspect-ratio und object-fit" Ausschnitt genommen):
Wenn ich die Properties lösche so:
Kleine Frage: Mit welchem Browser schaust du dir das Beispiel an?
Ich hatte nämlich in #2 geschrieben:
Chrome hat auch die neue CSS Property aspect-ratio:
Das war nicht nur so daher gesagt und die Kompatibilitätstabelle zeigt das auch:
pasted-from-clipboard.png
Ok, dann habe ich wohl die Frage falsch verstanden. Ich dachte Simuletsplay wollte das so:
Dafür kann man aspect-ratio verwenden.
Schau' dir mal diesen Abschnitt und das dazugehörige Codepen Beispiel an.
da wird mit
direkt das Seitenverhältnis des <img> geändert ohne dass das Bild dabei verzerrt wird.
kannte ich noch nicht. Hast du mal ein praktisches Beispiel?
Schau dir mal diesen Blogeintrag an: https://web.dev/aspect-ratio/ Da gibt es auch einige Beispiele.
Bilder können per CSS nicht in andere Seitenverhältnisse gebracht werden. Dann werden sie zwangsweise verzerrt.
Das stimmt nicht. Mit Hilfe von aspect-ratio und object-fit kann man auch Bilder selber in das gewünschte Verhältnis bringen.
Allerdings; der Trick mit dem padding-top klappt nur mit Container.
Noch ein Hinweis: HTML und CSS sind keine Bildbearbeitungsprogramme [...]
Das Stimmt. In einer idealen Welt wäre das der richtige Weg. Jedoch manchmal kann man die Bilder nicht bearbeiten, da sie zum Beispiel über eine API abgerufen werden.