Moin moin,

ich habe mal eine Frage. Ich bin nicht wirklich der erfahrene Coder, habe aber folgendes Problem: ich möchte auf meiner WordPress Website in einen Beitrag einen externen HTML Code, genauer einen Rechner mit einbinden. Ganz einfach über die Gutenbergfunktion HTML Code einfügen. Wenn ich das mache, wird der Rechner zwar angezeigt und funktioniert auch, jedoch werden alle globalen Stile, die die sonst auf meinen anderen WordPress Beiträgen vorhanden sind überschrieben. Beispielsweise sind die Schriftgrößen alle verschieden und viel größer als normal und irgendwie sieht alles verzerrt aus. Welche Möglichkeiten habe ich das zu vermeiden?

Vielen Dank schon mal im Voraus für die Antwort. Ihr seid die Besten:)

Liebe Grüße,

Henri

Guten Tag,

ich würde gerne von der Website: "https://www.choicelab.de/schools" alle Daten in einer Tabelle darstellen (Schule, Adresse, Telefonnummer, usw.).

Die Schulen werden jedoch erst angezeigt, wenn man explizite Angaben macht. Das wäre sehr viel Arbeit, das alles selbst herauszuschreiben.

Gibt es eine Möglichkeit, die Datenbank von der Website zu extrahieren? Kennt sich jemand vielleicht mit so etwas aus?

Ich lerne seit kurzem nebenbei Python und wollte fragen ob jemand eine Seite oder so kennt mit Übungen zu Python Basis Wissen. In meiner App hab ich alle Übungen zig mal durch die ich machen kann und jetzt fühlt es sich eher an wie auswendig gelerntes Wissen wiederzugeben. Wär top wenn auch die Lösungen noch dabei wären, muss aber nicht...Danke!

Braucht es auf einer Website IMMER ein Impressum? Wenn nein, was sind die "Voraussetzungen" damit es keines braucht?

Hey Leute,

ich bin relativ neu in NextJS (nutze den AppRouter) und habe aktuell folgendes Problem:

Überblick:
Ich habe ein Server Component, welches eine Liste von Items darstellen soll, diese Items weden mit axios von einem externen Backend geladen.
Zudem habe ich noch ein Formular (auf einer anderen Seite), mit welchem ich neue Items hinzufügen kann.

Problem:
Wenn ich ein neues Item hinzufügen (egal ob über das Formular oder direkt in der Datenbank) und dann auf die Seite mit der Liste navigiere (oder umgeleitet werde), sehe ich die neuen Items nicht.
Ich muss zuerst einen vollständigen Reload über den Browser durchführen, damit die neuen Daten aus dem Backend geladen werden.

Meine Frage:
Bin ich zu doof das Server Component korrekt zu benutzen oder ist es einfach falsch, für ein solches Szenario Server Components zu nutzen und ich sollte einfach Client Components nutzen.

Relevanter Code:

const client = axios.create({
  baseURL: "http://localhost:9999"
})

async function getItems(): Promise<Item[]> {
  return client.get("/items")
    .then(response => response.data.items)
    .catch(error => {
      console.log(error);
    });
}

const ItemsList: FC = async () => {
  const items = await getItems();

  return (
    <>
      // rendering list
    </>
  );
};

export default ItemsList;

Mfg Jannick (L1nd)

Wüdet ihr wenn ihr Programmierer werden wollt eher eine Fachchule machen oder eine Lehre?

Hey hab letztens meine lieblings online spiele Plattform (bloxd.io) gestartet und plötzlich sah die Website so (Bild 1) und nicht aus wie immer (Bild 2). Ich würde also gerne wissen was im Code beim Laden falsch gelaufen ist

Zur Aufgabe: Man soll drei Komponenten haben: Header, Main und Footer. Diese drei Komponenten müssen dann in die MainView und die MainView in die App.

Wenn ich die Webseite lade, ist zwar alles gut soweit, aber wenn ich über die Navigation auf Kontaktseite z.B. klicke, werden weder Footer noch Header angezeigt. Kann mir jemand bitte helfen?

import React from 'react';
import { Link } from 'react-router-dom';
import '../App.css';

const Header = () => (
  <header>
    <div id="logo">
      <Link to="/startseite">
        <img src="/img/Chicolio_Logo_trs_thumbnail.png" alt="Logo" />
      </Link>
    </div>
    <h1>Startseite</h1>
    <nav>
      <Link id="homepage" to="/startseite">Startseite</Link>
      <span>|</span> {/* Vertikaler Strich als visuelle Trennung */}
      <Link id="contactpage" to="/kontakt">Kontakt</Link>
      <span>|</span>
      <Link id="impressum" to="/impressum">Impressum</Link>
      <Link id="shoppingcart" to="/warenkorb">Warenkorb</Link>
    </nav>
  </header>
);

export default Header;

import React from 'react';
import '../App.css';

const Footer = () => (
  <footer className= "footer">
    <div>
      <p>&copy; Unsere Namen - 2024</p>
    </div>
  </footer>
);

export default Footer;

import React from 'react';
import Startseite from './Startseite';

const Main = () => {
  return (
    <div>
      <Startseite />
    </div>
  );
};

export default Main;

import React from 'react';
import Header from './Components/Header';
import Footer from './Components/Footer';
import Main from './Components/Main';
import './App.css';

const MainView = () => {
  return (
    <div>
      <Header />
      <Main />
      <Footer />
    </div>
  );
};

export default MainView;

import React from 'react';
import { BrowserRouter as Router, Route, Routes, Link } from 'react-router-dom';
import MainView from './MainView';
import Warenkorb from './Components/Warenkorb';
import Impressum from './Components/Impressum';
import Produkt from './Components/Produkt';
import Startseite from './Components/Startseite';
import Kontakt from './Components/Kontakt';
import './App.css';

// Wurzel-Appkomponente
function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<MainView />} />
        <Route path="/warenkorb" element={<Warenkorb />} />
        <Route path="/impressum" element={<Impressum />} />
        <Route path="/produkt/:id" element={<Produkt />} />
        <Route path="/startseite" element={<Startseite />} />
        <Route path="/kontakt" element={<Kontakt />} />
      </Routes>
    </Router>
  );
}

export default App;

Das ist, wenn man nach dem Browsen in der Navigation auf Startseite klickt.

Und das wird direkt beim Öffnen angezeigt:

Geht sowas bei einem onlineshop?

Hallo!

Mich würde es interessieren ob es möglich ist eine komplette Website, ebenfalls mit Links zu BigBlueButton Aufzeichnungen zu downloaden? Die Datei wäre wahrscheinlich enorm groß, was kein problem wäre mich würde nur interessieren ob es geht und mit welchem Programm.

Lg

Hallo!

Obwohl ich schon etwas Erfahrung mit CSS und Javascirpt habe, bin ich gerade das erste mal auf folgendes Problem gestoßen:

Ich habe für eine Website im Kopf in einem <style> - Bereich einige Klassen definiert.
(z.B.:
.header { border:1px outset gray; margin:.5em; padding:.5em; border-radius: 50%; height: 8%; width: 90%; }
und unten im body dann:
 <div class="header">)
Den Stil dieser Klassen will ich durch Javascript dynamisch ändern.
Javascript soll also nicht den style von einzelnen HTML-Elementen ändern, und auch nicht HTML-Elementen neue Klassen zuweisen. Vielmehr soll der Stil der Klasse direkt geändert werden, so daß sich die Änderung auf alle Elemente dieser Klasse auswirkt.

Konkret möchte ich das Layout dynamisch an die Größe des Browserfensters anpassen. Ein onResize Eventhandler im Body löst eine Javascript-Funktion aus, die entsprechende Änderungen im Layout vornimmt. Dabei wäre es natürlich praktisch, wenn man ähnlich aussehende Elemente (= gleiche class = gleicher CSS-style) auch zusammen anpassen könnte, und zwar auch mit errechneten Werten (z.B. Math.floor(clientHeight / 2)).

Habe lange gegoogelt und auf den üblichen Plattformen gesucht, habe aber immer nur Anleitungen gefunden, wie man Elementen neue Klassen zuweist.

Im Moment löse ich das Problem mit einer for-Schleife:
const AllHeaders = document.getElementsByClassName("header");
for (let i = 0; i < AllHeaders.length; i++) {
var Radius = Math.floor(AllHeaders[i].clientHeight / 2)
AllHeaders[i].style.borderRadius = Radius.toString() + "px";
}
und so weiter, für alle Klassen einzeln.
Das kann irgendwie doch nicht die beste Lösung sein...
Es muß doch eine Möglichkeit geben, auf die Klassen-Definitionen im Stylesheet mit Javascript zuizugreifen. Ansonsten wäre die Funktionalität von CSS doch stark eingeschränkt.

Hoffe, jemand kennt sich aus...

hallo wie kann ich diese Bild in html einfügen so das man die Kästchen nicht mehr sieht so das es transparent wird

Ich habe eine website die, wenn ein User diese öffnet, einen state für den user erstellen soll. Dieser wird mit useStore erstellt und hält ein dict. Von diesem state wird mithilfe von useContextProiver ein context erstellt um ihn den untergordneten komponenten zugänglich zu machen. Die zugehörige contextId die mit createContextId erstellt wurde, wird exportiert. Das Ganze findet im Komponenten StateShare stat. In einem anderen komponenten displayTodo soll dann der state aufgegriffen werden mit useContext.
Beide Komponenten werden in der index.tsx nacheinander returned damit sie ausgeführt werden. Das sieht dann so aus:
export default component$(() => {
return (

    <>

    <StateShare />

    <DisplayTodo />

    </>

  );

});

Es kommt dann zu einem error sobald das Programm ausgeführt wird:
Actual value for useContext(todo-context) can not be found, make sure some ancestor component has set a value using useContextProvider(). In the browser make sure that the context was used during SSR so its state was serialized.

Diesen habe ich jetzt so verstanden, dass eben die stateShare Komponente nicht richtig ausgeführt wird bevor die DisplayTodo Komponente ausgeführt wird. Ich weiß aber nicht wieso... Ich bin sehr neu mit Qwik; Mache ich vielleicht etwas komplett falsch? Welches Konzept sollte ich mir da nochmal angucken?

Hallo Community,

Ich habe ein frisch installiertes TYPO3 v10.4 Projekt und eine erste leere Extension EXT:theme mit composer installiert. Jetzt möchte ich als ersten Schritt nur die Content Elemente von fluid_styled_content ausgeben ins FE.

Dazu habe ich ein bisschen Typoscript in EXT:theme/Configuration/TypoScript/setup.typoscript:

# default page content
page = PAGE

# append content
page.10 = FLUIDTEMPLATE
page.10 {
    templateName = Default
    templateRootPaths {
        0 = EXT:theme/Resources/Private/Templates/Page/
    }
    partialRootPaths {
        0 = EXT:theme/Resources/Private/Partials/Page/
    }
    layoutRootPaths {
        0 = EXT:theme/Resources/Private/Layouts/Page/
    }

    variables {
        mycontent = CONTENT
        mycontent {
            table = tt_content
            select {
                orderBy = sorting
                where = {#colPos}=0
            }
        }
    }

    dataProcessing {
        10 = TYPO3\CMS\Frontend\DataProcessing\DatabaseQueryProcessor
        10 {
            table = tt_content
            orderBy = sorting

            as = contentElements
        }
    }
}

Die Templatefiles sind ganz rudimentär, geben einfach nur testweise den content aus:

<f:format.raw>{mycontent}</f:format.raw>

Die Contentelemente werden angezeigt, jedoch ohne styling (formular und text):

In meinem Backend sind folgende typoscript Scripte eingebunden:

Was habe ich vergessen?

Mehrere Stunden hat es mich heute schon beschäftigt, ich komme und komme nicht darauf...

Es geht mir um den seitlichen (rechts) "skip-to-top" Button. Exakt alles habe ich genauso wie in diesem Pen Beispiel ( Link: https://codepen.io/jackherizsmith/pen/oNxVWrK ) gemacht.

Aber bei mir scrollt der Nach-Oben Button nicht mit wie in dem Pen Beispiel :

Meine Demo-Seite: http://misanthrop.bplaced.net/test/open-public/Testseite-V11b1__26-06-24.html (aktualisiert)

Allerdings habe ich mein position: relative nicht main mitgegeben sondern der id "skiptop". Mein Dev-Tool zeigt mir an, das jeweils relative und absolute richtig erkannt wird und es wird mir auch so gezeigt.

Nur halt die Klasse "scroll-top_link" scrollt nicht in dem Bereich hoch und runter wie es soll.

Was mache ich da falsch. Könnt ihr mir bei der Fehlersuche helfen?

Vieles habe ich ausprobiert, auch meinem main habe ich position relative gegeben, aber auch anderen Elementen setzte ich position relative allerdings ohne Effekt.

Das Ding ist allerdings das dieser seitliche Bereich ein eigenes grit-Element ist. Sprich:

.main-content-wrapper {
    display: grid;
    grid:     "main-head main-head" auto
            "navigations navigations" auto
            "main-content main-content" 1fr
            "main-footer main-footer" auto
          / minmax(0, auto) [main-nav-start] 5em [main-nav-end];
    }


#navigations {
    grid-area: navigations;    
    grid-column-end: main-nav;
}

#main-nav {
    grid-area: navigations / main-nav;
    position: relative;
    outline: thin solid red;
    margin: 0;
    padding: 0;
    z-index: 100;
}

Wo ich letztendlich das Hauptmenü anzeigen lasse, da habe ich noch keinen richtigen Plan.

Eventuell in der Zeile: #navigations und dann seitlich rechts.

Nicht zu verwechseln mit Seiten-Inhalt, das ist ein Seiten internes Sprungmenü zu einem bestimmten nach Datum geordneten Artikel. Bisher habe ich noch keine bessere Bezeichnung dafür gefunden. Irgendeine Idee dafür?

Zurück zum Hauptmenü, oder ich packe das Hauptmenü seitlich zum Nach-Oben Button, mache es ebenfalls sticky.

Was dann allerdings bei einem schmalen Browserfenster passiert?... Da habe ich eigentlich vor das Hauptmenü (oberhalb vom "Seiten-inhalt" Link) ohne Button (offen) untereinander anzuzeigen.

Sag mal bitte, da mir die Praxis fehlt, wie würdest Du es lösen?

Zurück zur eigentlichen Frage:

WICHTIG ist mir nun, warum der SCROLL-TOP Button nicht nach oben und unten mitscrollt wie er es eigentlich sollte.

Muss ich da was an der html-Struktur ändern. Ein zusätzliches div?

Ich habe da heute lange daran gesessen...

Hey, meine Datei heißt index.html und diese liegt auch im server verzeichnis, aber es erscheint nur "Diese Domain wurde soeben freigeschaltet. Es wurden noch keine Inhalte hinterlegt." Ich habe sie in keinem Unterverzeichnis gespeichert, sondern direkt auf dem Server. Was könnte das Problem sein?

Hallo,

Ich habe schon vor 1 Jahr HTML und CSS gelernt, jetzt lerne ich Javascript, wollte ursprünglich als fullstack Developer später arbeiten, jetzt möchte ich aber in der Cyber Security arbeiten, sollte ich noch Javascript zu Ende lernen und mich dann mit Cyber Security beschäftigen, oder sollte ich direkt aufhören und mich mit Cyber Security beschäftigen, braucht man Javascript in dieser Branche?

Danke im vorraus:)

Servus, ich wollte Mal fragen was eure Meinung zu dieser Website ist

https://msa.mm-rp.de/

und ob ihr noch Tipps zum verbessern habt oder ähnliches.

Hallo ich möchte gerne eine Webseite für einen Minecraft Server erstellen

Weiß jemand wo man kostenlos und einfache eine erstellen kann?

Vielen Dank für ihre Antworten