Verwandte Themen
Frage
von GPM23
26.05.2023, 20:36
Strato Web-Baukasten anpassen?

Noch einmal vorab, nicht ich habe mir den Mis... gekauft, wollte jemanden helfen, der die Seite benötigt. Wenn sich also jemand mit Tricks im Strato Baukasten auskennt und so lieb sein mag, konstruktive Ansätze mit mir zu teilen, wäre ich sehr dankbar.

Hallo,

Es geht um einfachste Abläufe, die sich im Strato Baukasten nicht verwirklichen lassen. Der Strato Service war sehr hilfreich (Ironie)! Wenn jemand selbst schon Ideen über Umwege gefunden hat, würde ich mich sehr über einen Ideenaustausch freuen.

Alle Fragen wurden beantwortet mit "Ja, das sehen Sie leider richtig, dies ist nicht vorgesehen" weitere Aussage "Aber schreiben Sie das bitte als Wunsch und Beschwerde, das hören wir seit Jahren." :-(

Zu den Problemen:

Also lange Texte kann man nicht einfach kürzen und mit beispielsweise ...weiter kürzen, dies geht nur über eine versteckte Seite im Untermenü! Ebenso auf dieser versteckten Seite mit einem ...zurück!

Soweit so Gut (Schlecht), denn die ...zurück Verlinkung, kann man intern nur auf den Hauptreiter oder Unterseite oder versteckte Seite lenken! Bin ich aber in der Mitte der "Home" Seite (habe also dort drüber schon verschiedene Themen) und möchte jetzt ein Produkt beschreiben.

Also binde ich dort den ...weiter Link ein und möchte dann zurück auf die gleiche Höhe, ist dies nicht möglich, sondern man fängt ganz oben bei "Home" wieder an, da man den Bereich nicht wählen kann, wohin es zurückgehen soll :-(

Es gibt noch nicht einmal die Möglichkeit eines simplen "Ziehharmonika Effektes!"

Mit dem “Embed-Widget” hatte ich die Hoffnung, eine Art von Code einbinden zu können, aber trotz richtiger Codes, versteht das Tool wohl nur bestimmte Codes von Fremdseiten?!

Sollte sich schon einmal jemand mit diesem furchtbaren Baukasten beschäftigt haben und Ideen oder Tricks benennen können, wäre ich sehr dankbar. Es kann ja nicht sein, dass ich, dem Service von Strato erkläre, wie man gewisse Sachen bei Ihnen “faken” kann und dies leider auch nonstop muss (Thema Mehrsprachigkeit).

Mein Kopf raucht und ist müde, also sollte es jemanden da draußen geben, der am besten einen Ordner mit allen Strato-Tricks besitzt, wie man den Strato-Baukasten nutzen kann, lasse es mich bitte wissen. 

Fragen, warum ich mir den Stress überhaupt antue?! Ich wurde leider gefragt, ob ich helfen kann, da diejenige es für ein Jahr gekauft hat (Geld weg und 14 Tage um), wurde ich um eine Lösung für das Produkt/Problem gebeten.

Ich freue mich auf hilfreiche Antworten.

Danke GPM

Homepage, HTML, Webseite, CSS, JavaScript, Strato, Webentwicklung
2 Antworten
Frage
von Tyylag
23.05.2023, 13:20
Wie kann ich eine Tabelle aus einem Array im local storage rendern?

Moin! Ich muss in HTML einen kleinen Blog erstellen. Ich habe es bereits geschafft Blog Beiträge zu den Favoriten hinzuzufügen und die relevanten infos im Local Storage zu speichern. Das Array sieht so aus:

titel: "TestArtikel1",

autor: "Max Mustermann",

url: "http://TestArtikel1.html",

bild_url: "http://img/Artikelbild1.jpg",

Nun geht es darum mit js eine funktion zu schreiben mit der man das Array aus dem local Storage auf der Seite zu rendern. Kennt sich zufällig jemand damit aus und kann mir helfen das ich die Tabelle gerendert bekomme? Hab garantiert nicht alle relevanten infos hier in der Frage drin falls noch was fehlt bitte gerne kurz bescheid sagen :) Die momentane Funktion sieht bei mir so aus:

function renderFavoriten() {

    const favoriten = JSON.parse(localStorage.getItem('favoriten'));

 

    const tableBody = document.getElementById('favoriten-body');

    tableBody.innerHTML = ''; // Lösche alle bestehenden Zeilen

 

    if (favoriten && favoriten.length > 0) {

      favoriten.forEach((favorit, index) => {

        const row = document.createElement('tr');

 

        const titelCell = document.createElement('td');

        titelCell.textContent = favorit.titel;

        row.appendChild(titelCell);

 

        const autorCell = document.createElement('td');

        autorCell.textContent = favorit.autor;

        row.appendChild(autorCell);

 

        const entfernenCell = document.createElement('td');

        const entfernenButton = document.createElement('button');

        entfernenButton.type = 'button';

        entfernenButton.textContent = 'Aus Favoriten entfernen ❌';

        entfernenButton.addEventListener('click', () => {

          entferneVonFavoriten(index);

          renderFavoriten();

        });

        entfernenCell.appendChild(entfernenButton);

        row.appendChild(entfernenCell);

 

        tableBody.appendChild(row);

      });

    } else {

      const emptyRow = document.createElement('tr');

      const emptyCell = document.createElement('td');

      emptyCell.colSpan = 3;

      emptyCell.textContent = 'Keine Favoriten vorhanden';

      emptyRow.appendChild(emptyCell);

      tableBody.appendChild(emptyRow);

    }

  }

 

  // Rufe die Funktion zum Rendern der Favoriten-Tabelle auf

  renderFavoriten();

Vielen Dank im vorraus!

HTML, Webseite, JavaScript, HTML5
1 Antwort
Frage
von Reyana
23.05.2023, 01:54
Wie kann man zwei Bedingungen in einen JQuery schreiben?

Guten Tag :)

Ich verzweifle an einem Problem bei einem Live Search Feldes in einer Art Telefonbuch. Ich suche einen Vornamen in dem Input, und er zeigt mir alle Personen die diesen Vornamen haben.

Hauptseite (gekürzt):

...jquery-3.5.1.min.js...
...jquery/1.11.3/jquery.min.js...

<script>$(document).ready(function(){  $('.Suchfeld input[type="text"]').on("keyup input", function(){    /* Bei Änderung des Feldes Daten übertragen */    var inputVal = $(this).val();    var resultDropdown = $(this).siblings(".Ergebnisse");    if(inputVal.length){      $.get("daten.php", {s: inputVal}).done(function(data){        // Zeige Ergebnisse        resultDropdown.html(data);        $("#Suchfeld").focusout(function () { → Hier das Problem          $('#Ergebnisse').css('display', 'none');        });        $("#Suchfeld").focusin(function () {          $('#Ergebnisse').css('display', 'block');        });      });    } else{      resultDropdown.empty();    }  });
  // Angeklicktes ins Feld  $(document).on("click", ".Ergebnisse p", function(){    $(this).parents(".Suchfeld").find('input[type="text"]').val($(this).text());    $(this).parent(".Ergebnisse").empty();  });});</script></head><body>
<div class="Suchfeld"><input type="text" autocomplete="off" placeholder="" name="Suchfeld" id="Suchfeld"><div class="Ergebnisse" name="Ergebnisse" id="Ergebnisse"></div></div>

So sieht das aus:

Funktionen:

Wenn ich den Focus verliere (also etwas anderes auf der Seite anklicke oder TAB drücke) wird das blaue Dropdown Menü geschlossen. Wenn ich es wieder anklicke, wird es wieder ausgeklappt.

Wenn einer der Namen angeklickt wird (z.B. Dennis in diesem Fall) soll der Name in das Input Feld übertragen werden.

Problem:

Das mit dem Namen anklicken hat nur so lange geklappt, bis ich das mit dem Focus verlieren eingebaut habe. Als das drin war, hat es nicht mehr geklappt. Wieso? Weil in dem Moment, wo ich einen Namen anklicke, der Focus von dem Input Feld verloren geht. Also ich klicke auf Dennis, und noch bevor er den Namen in das Input überträgt, verliert er den Focus und schließt das Dropdown Menü sofort wieder.

Daher brauche ich eine zweite Bedingung, nämlich dass das Dropdown Menü beim verlieren des Focus nur geschlossen werden soll, wenn die Maus gerade nicht über dem Dropdown Menü ist.

Also der Code hier:

$("#Suchfeld").focusout(function () {
$('#Ergebnisse').css('display', 'none');
});

Soll nur ausgeführt werden wenn focusout zutrifft und wenn die Maus NICHT drüber ist. Mouseout ist hierfür nicht so geeignet, weil es erst aktiviert wird, wenn man die Maus von drin rausbewegt. Es soll aber immer aktiviert werden wenn die Maus gerade nicht drüber ist, ohne sie erstmal rein und dann wieder raus zu bewegen.

Daher die Bedingungen

  1. Input Feld kein Focus
  2. Maus nicht drüber

Ich verzweifle echt an diesem Problem und wäre sehr dankbar für eine Lösung.

Vielen Dank an die Community <3

Wie kann man zwei Bedingungen in einen JQuery schreiben?
HTML, Webseite, JavaScript, JQuery, Programmiersprache, Webentwicklung
1 Antwort

Meistgelesene Fragen zum Thema Webseite
Mehr meistgelesene Fragen zu Webseite