Beiträge von Sempervivum

Zitat

Die Demo von deinem Link ist genau was ich möchte.

OK, dann wissen wir jetzt immerhin wo wir hin wollen.

Den Code von mir in deinem letzten Posting kannst Du nicht unverändert übernehmen, er sollte lediglich zur Klärung dienen, was Du erreichen willst.

Leider kann ich jetzt nicht testen, was ich dir vorschlage. Versuche dies in dein Fenster einzutragen:

    <span style="
            display: block;
            background-image: url(https://i.imgur.com/kYaSmEg.png);
            background-size: cover;
            background-attachment: fixed;
            background-position: center center;
            display: flex;
            flex-direction: column;
            align-items: center;
            ">
        <img src="https://i.imgur.com/Jt0KdZi.png" style="
            display: block;
            width: 80%;
            ">
    </span>

Die selbe Fragestellung findet man hier:

Calling dynamic function with dynamic number of parameters

I’m looking for a trick about this. I know how to call a dynamic, arbitrary function in JavaScript, passing specific parameters, something like this: function…

stackoverflow.com

Prüfe ob die akzeptierte Antwort dein Problem löst.

Leider war mein Code war noch nicht richtig optimal.

Sieh dir zunächst mal diese Demo an:
https://webentwicklung.ulrichbangert.de/thread1096-par…lling-5-to.html

ob der Effekt überhaupt das ist, was Du haben willst.

Und dann verstehe ich deine Bilder noch nicht ganz:

Das letzte zeigt den Code den ich gepostet hatte. Vermute ich richtig, dass das das Fenster ist, in dem Du das HTML eingeben kannst?

Hast Du zunächst das komplette HTML, das ich gepostet hatte, getestet?
Dies hier:

        img {
            width: 80%;
        }

sorgt dafür, dass seitlich freier Raum entsteht, wo der Hintergrund sichtbar wird. Allerdings muss das Bild dann noch zentriert werden, was das CSS mit Flex in meinem Code erledigt.

Noch eine Detail-Info: Diese veroderte Abfrage kann man auch etwas kürzer formulieren mit dem IN-Operator:

MySQL IN Operator

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript,…

www.w3schools.com

Selbstverständlich ist in diesem Zusammenhang auch eine WHERE-Klausel nötig. Wenn Du dort einen Wert ungleich null für ein bestimmtes Feld angibst ist die Bedingung natürlich nicht erfüllt, wenn in der DB kein Wert bzw. null steht. Du kannst jedoch null in die Bedingung einbeziehen:

WHERE feld1=wert OR feld1=NULL

Zitat

Was mache ichmit den dann leer bleibenden Feldern im SELECT-Aufruf? Ich weiß ja nie, welche Felder angefragt werden. Wenn ich alle Felder in den SELECT-Aufruf schreiben, muss in leer gebliebenen FormFeldern auch stets was stehen...

Normaler Weise ist zu empfehlen, die Felder, die im Ergebnis gebraucht werden, explizit anzugeben (statt "select *"). Ist dann ein Feld leer, so wird die Datenbank "null" zurück geben, also von der Abfrage her kein Problem.

Hallo STA,

wahrscheinlich bekommst Du keine Antworten, weil deine Fragen ziemlich allgemein und wenig konkret sind. Aber ich versuche trotzdem mal, dir zu antworten:

Zu 2.: Im ersten Schritt ist für eine Recherche normaler Weise nur ein Parameter erforderlich. Von daher ist es fraglich ob es sinnvoll ist, dafür das Formular für die Eingabe mit allen Parametern zu nehmen. Natürlich sind auch mehrere Parameter möglich aber dann wird es ein wenig komplizierter: Man muss dann entscheiden ob sie "und"- oder "oder"-verknüpft werden sollen und u. U. dem Benutzer dafür eine Auswahl anbieten.

Zitat

wie gehe ich mit Datenfeldern um, in die bei der Rechere nix eingetragen wurde?

Das lässt sich so pauschal kaum beantworten. Ist ein Parameter unverzichtbar, so sollte man gleich bei der Eingabe fordern, dass er angegeben wird. Mit der Formularvalidierung von HTML5 ist das recht einfach möglich.

Zitat

sollen sich dabei ggf. mehrere Recherchen zum Gesamtergebnis addieren oder subtrahieren.

Generell ist es möglich, die Ergebnisse aus mehreren Tabellen mit einem join zu verknüpfen, so dass Du dann sofort das Gesamtergebnis bekommst. Temporäre Tabellen werden nur in Ausnahmefällen sinnvoll sein.

Guten Morgen Christopher und willkommen im Forum,

dieses Phänomen hat auch mich ganz am Anfang als ich begonnen habe, mich mit Webentwicklung zu beschäftigen, zur Verzweiflung getrieben. Die Erklärung ist, dass der Browser einen Zeilenumbruch in ein Leerzeichen umsetzt. Und weil dieses in einem Link standardmäßig unterstrichen wird, kommt der Strich zu Stande.

Abhilfe indem Du das a-href- und das img-Tag ohne Zeilenumbruch in die selbe Zeile schreibst. Damit die Zeile dann nicht endlos lang wird, kannst Du den Zeilenumbruch innerhalb des Tags machen:

     <a href="pictures/800px/2023-04-15_15-21-24_DSC_3823_LR_800px.jpg"
         rel="lightbox" data-lightbox="kreatives" data-title="Keilrahmen - "><img
         src="pictures/200px_Thumbnail/2023-04-15_15-21-24_DSC_3823_LR_200px_Thumbnail.jpg" width="100"></a>

Auch was Du mit text-decoration: none; versucht hast, müsste funktionieren wenn Du es auf den Link selber anwendest:

  .bilderlink a {
    text-decoration: none;
  } 

An dieser Stelle offenbart sich der Grund, warum Links zum Code z. B. bei Stackoverflow unerwünscht sind: Nach ein paar Jahren sind sie tot und der Thread ist wertlos.

boss2810 Du könntest versuchen, die ursprüngliche Fragestellerin, mieze, anzuschreiben. Sie hatte ja offenbar einen lauffähigen Code für das Rubbeln und vielleicht liest sie es. Oder Basi hat ihn noch gespeichert, aber der war auch 2018 zum letzten Mal aktiv.

Fehler gefunden, es lag am "background-size: cover;" dadurch fiel die Schrift aus dem Browserfenster hinaus.

Versuche jetzt dieses HTML, ob es das macht, was Du vorhast. Beim Scrollen wandert die Schrift nach oben.

<!DOCTYPE html>
<html lang="de">




<head>
    <meta charset="utf-8" />
    <title>Test Scrolling Container</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
    <style>
        html,
        body {
            height: 200vh;
        }




        body {
            background-image: url(https://i.imgur.com/kYaSmEg.png);
            background-size: cover;
            background-attachment: fixed;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-position: center center;
        }

        img {
            width: 80%;
        }
    </style>
</head>




<body>
    <img src="https://i.imgur.com/Jt0KdZi.png">
</body>




</html>

Anschließend versuchen wir dann, es mit den HTML-Elementen zu machen, die in deiner Box möglich sind.

Im ersten Versuch war das "images/" in der URL des Bildes überflüssig aber in dem zweiten Versuch kann ich keinen Fehler finden. Ich nehme an, Du hast überprüft, dass die Bilder auf imgur vorhanden sind? Falls möglich, poste doch die URL eines Bildes auf imgur, das nicht vertraulich ist, damit ich es selbst testen kann.

Danke für die Erklärung!

Zitat

Leider funktioniert der Code nicht, wenn ich meine Bilder da in die Platzhalter einfüge

Wie hast Du das denn versucht, poste mal den Code. Die Bilder sind als Hintergrundbilder angelegt:

background-image: url(images/dia0.jpg);

Hast Du versucht, dort deine eigenen Bilder einzusetzen?

Als Test, ob ich das Verhalten, das Du erzielen möchtest, richtig verstehe, versuche zunächst dies:

<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="utf-8" />
    <title>Test Scrolling Container</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
    <style>
        html,
        body {
            height: 200vh;
        }

        body {
            background-image: url(images/dia0.jpg);
            background-size: cover;
            background-attachment: fixed;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-position: center center;
        }

        main {
            height: 150vh;
            width: 80%;
            background-image: url(images/dia1.jpg);
            background-size: cover;
            background-position: center center;
        }
    </style>
</head>

<body>
    <main>

    </main>
</body>

</html>

Wie Du das dann mit deinen begrenzten Möglichkeiten umsetzen kannst, überlegen wir danach. Dazu musst Du aber diese Frage beantworten:

Zitat

Ich habe nur begrenzten Zugriff auf die Website, wo ich den Code einfügen kann (nur ein Kästchen)

Zitat

Wie kommt das, handelt es sich um einen Baukasten oder ein CMS? Ich vermute, das ist der Grund für das viele Inline-CSS in deinem Code.

Der Code, den Du da gepostet hast, ist zum großen Teil fehlerhaft. Da Du ihn nicht verstehst, vermute ich, dass Du ihn irgend wo im Web gefunden hast?

Unter "Parallax Scrolling" verstehe ich etwas wie z. B. hier:

Parallax Scrolling: Funktionsweise und 8 Beispiele

Wie durch Parallax Scrolling eine optische Täuschung auf Ihrer Website entsteht, die das Nutzererlebnis verbessert, erfahren Sie hier.

blog.hubspot.de

Aber Du meinst anscheinend etwas anderes: Das Hintergrundbild soll das Browserfenster voll ausfüllen und das Vordergrundbild soll sich beim Scrollen bewegen. Wie genau ist das gemeint? Ist das Vordergrundbild von der Höhe her wesentlich größer als das Browserfenster, so dass man scrollen muss, um es vollständig sehen zu können?

Zitat

Ich habe nur begrenzten Zugriff auf die Website, wo ich den Code einfügen kann (nur ein Kästchen)

Wie kommt das, handelt es sich um einen Baukasten oder ein CMS? Ich vermute, das ist der Grund für das viele Inline-CSS in deinem Code.

Hallo Roland,

Zitat

ich bin 74

Sei unbesorgt, ich habe auch die 70 voll.

Zitat

ich habe meine Webseiten zu 80 % mit den CD von Herrn Arzner (komplett) erstellt

Da hast Du wohl leider auf etwas gesetzt, was ganz offensichtlich veraltet ist.

Zitat

im moment habe ich keinen Plan wie ich das machen soll ? In Auftrag geben ist zu kostspielig. ev koennte mir jemand anleitung gegen TG vornehmen ?

Auf html-seminar.de gibt es nicht nur dieses Forum sondern, wie der Name sagt, auch Anleitungen für die Webentwicklung mit HTML und CSS. Dort kannst Du alles nachlesen was Du brauchst. Und wenn Du etwas nicht verstehst oder mit der Umsetzung nicht weiter kommst, wieder hier nachfragen. Dringender als das HTML auf den neuesten Stand zu bringen erscheint mir jedoch, das PHP zu aktualisieren. Wenn Du bei all-inkl bist, wundert es mich, dass das alles überhaupt noch funktioniert, denn ich bin auch dort und habe schon vor längerer Zeit die Nachricht bekommen, dass PHP 5 nicht mehr unterstützt wird.

Ich wünsche gleichfalls ein angenehmes Osterfest.

Beste Grüße!

Zitat

Bei Klick auf "Eintragen" oder "Löschen" soll sich je ein Modalfenster öffnen.

Ein Modal kann man heute relativ einfach mit dem dialog-Element erzeugen:

HTML/Tutorials/dialog – SELFHTML-Wiki

Zitat

Wie realisiere ich es, dass der User darin z.b. einen Button oder ein anderes Element z.b. eine card anklickt, dieses daraufhin z.b. umrahmt wird (Also ein Check für den User, das er das Element angeklickt hat)

Dafür würde sich ein checkbox-Element mit einem zugeordneten Label anbieten:

HTML/Tutorials/Formulare/Radio-Buttons und Checkboxen – SELFHTML-Wiki

In das label-Element kannst Du dann weitere Elemente wie eine Card einfügen. Und mit dem Attribut "checked" die Anzeige dieser Elemente, bzw. des label selber, steuern und ihnen z. B. einen Rahmen geben.

Zitat

Ziel soll am Ende sein: Auf einen Button "Übernehmen" zu klicken und alle durch den Benutzer angeklickten Elemente also die gespeicherten Variablen in eine Mysql Datenbank zu schreiben. Und das Modalfenster zu schließen.

Wenn das dein Ziel ist brauchst Du wahrscheinlich gar keine zusätzlichen Variablen: Überträgst Du die Formulardaten zum Server stehen das name- und das value-Attribut der Checkbox dort als GET-/POST-Parameter zur Verfügung, name als Schlüssel und value als Wert.

Wenn eine URL vertraulich ist, ist das ein legitimer Grund, sie als PM zu schicken. Ebenso ist es vernünftig, sie erst auf Anfrage zur Verfügung zu stellen, weil das Posting sonst leicht in Spam-Verdacht kommt.

Ich schließe mich an: Bin sehr erfreut, dass das Forum wieder zum Leben erweckt wurde und werde mich so gut, wie es mir möglich ist, einbringen.

Beste Grüße, Ulrich

Zitat

habe ich noch nicht rausgefunden, wie ich den Rotationsmittelpunkt setzen kann.

Den kannst Du mit "transform-origin" setzen. Allerdings ist der Defaultwert dafür "center", so dass deine Aussage, dass das Icon um den oberen Rand rotiert, nicht plausibel ist. Poste am besten den Code, wie von nextuser vorgeschlagen oder die URL der Seite.