Gibt es eine spezielle Tastenkombi. ?

Warum funktioniert es nicht, der Button bleibt von Anfang bis Ende der Seite eingeblendet.

Ich möchte eine JS -Funktion schreiben, die diesen Button erst einblendet, wenn der Nutzer ein Stück weit herunter gescrollt hat. Ebenso soll der Button versteckt werden, wenn der Nutzer wieder nach oben gescrollt hat.

Mein bisheriger Code:

HTML:  
   <a href="#" id="topButton">Nach oben</a>

CSS: 
#topButton {
    position: fixed;
    bottom: 20px; /* Abstand vom unteren Rand */
    right: 30px; /* Abstand vom rechten Rand */
    background-color: #007BFF; /* Blau */
    color: white; /* Weißer Text */
    padding: 10px 15px; /* Innenabstand */
    border: none; /* Kein Rand */
    border-radius: 5px; /* Abgerundete Ecken */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Schatten */
    text-decoration: none; /* Keine Unterstreichung */
    font-size: 14px; /* Schriftgröße */
    cursor: pointer; /* Zeiger-Hand-Symbol */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Animation */
  }


  #topButton:hover {
    background-color: #0056b3; /* Dunkleres Blau beim Hover */
    transform: translateY(-2px); /* Leichtes Anheben beim Hover */
  }


  #topButton:active {
    transform: translateY(0); /* Zurücksetzen bei Klick */
  }

JavaScript:
// Element auswählen
let topButton = document.getElementById("topButton");


// Scroll-Event-Listener hinzufügen
window.addEventListener("scroll", function() {
  // Zeigt den Button an, wenn mehr als 50px gescrollt wurde
  if (window.scrollY > 50) {
    topButton.style.display = "block"; // Button wird sichtbar
  } else {
    topButton.style.display = "none"; // Button wird versteckt
  }
});


// Klick-Event für den Button
topButton.addEventListener("click", function(event) {
  event.preventDefault(); // Standard-Aktion verhindern
  window.scrollTo({
    top: 0, // Scrollt nach oben
    behavior: "smooth" // Sanftes Scrollen
  });
});

Ich würde gerne, dass anhand des Javascripts mein aktuelles Alter mitangezeigt wird, woran liegt das Problem - hier mein Codeabschnitt im HTML und JS

HTML:

      <p>Geburtsdatum: 28.06.2001 (<span id="alter"></span</p>

JS: 
document.addEventListener('DOMContentLoaded', () => {
    const geburtsdatum = new Date(2002, 8, 25);


    function berechneAlter(geburtsdatum) {
        const heute = new Date();
        let alter = heute.getFullYear() - geburtsdatum.getFullYear();
        const monatDifferenz = heute.getMonth() - geburtsdatum.getMonth();
        const tagDifferenz = heute.getDate() - geburtsdatum.getDate();


        if (monatDifferenz < 0 || (monatDifferenz === 0 && tagDifferenz < 0)) {
            alter--;
        }


        return alter;
    }


    const alter = berechneAlter(geburtsdatum);
    const alterElement = document.getElementById('alter');
    if (alterElement) {
        alterElement.textContent = alter; // Alter in das <span>-Element schreiben
    } else {
        console.error('Element mit id="alter" nicht gefunden!');
    }
});

Wenn ich auf den Slider klicke, dann scrollt es danach nicht mehr nach unten, sondern geht automatisch nach oben. Woran könnte das Problem liegen?

HTML:

<article id="ÜberschriftAnfang">
  <h1>Michael Jackson - The King of Pop</h1>
  
  <!-- Slideshow Container -->
  <div class="slideshow-container">
   
    <!-- Slide 1 -->
    <div class="mySlides fade active" style="display:block">
      <div class="numbertext">1 / 3</div>
      <img src="Background picture.jpg" style="width:100%" alt="Background Image">
    </div>

    <!-- Slide 2 -->
    <div class="mySlides fade">
      <div class="numbertext">2 / 3</div>
      <img src="papers.co.jpg" style="width:100%" alt="Background Image 2">
    </div>

    <!-- Slide 3 -->
    <div class="mySlides fade">
      <div class="numbertext">3 / 3</div>
      <img src="5m6XCzF.jpg" style="width:100%" alt="Background Image 3">
    </div>

    <!-- Navigation Arrows -->
    <a class="prev" onclick="plusSlides(-1)">❮</a>
    <a class="next" onclick="plusSlides(1)">❯</a>

  </div>

  <!-- Dots Navigation -->
  <div style="text-align:center">
    <span class="dot" onclick="currentSlide(1)"></span>
    <span class="dot" onclick="currentSlide(2)"></span>
    <span class="dot" onclick="currentSlide(3)"></span>
  </div>
</article>

JS:

let slideIndex = 1;
showSlides(slideIndex); // Startet die Slideshow und zeigt das erste Bild an.

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  let i;
  let slides = document.getElementsByClassName("mySlides");
  let dots = document.getElementsByClassName("dot");

  // Überprüfen, ob der slideIndex größer als die Anzahl der Slides ist
  if (n > slides.length) {
    slideIndex = 1; // Setze den Index auf 1, wenn er größer ist als die Anzahl der Slides
  }

  // Überprüfen, ob der slideIndex kleiner als 1 ist
  if (n < 1) {
    slideIndex = slides.length; // Setze den Index auf die letzte Slide, wenn er kleiner ist als 1
  }

  // Alle Slides ausblenden
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }

  // Alle Dots zurücksetzen
  for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
  }

  // Zeige das aktuelle Bild und Dot
  slides[slideIndex - 1].style.display = "block";  
  dots[slideIndex - 1].className += " active";
}

CSS: siehe Antwort

Hallo zusammen,

ich hoffe hier mal auf schnelle Hilfe und zwar habe ich folgendes Problem,

ich habe eine Slide-Show eingefügt, leider funktioniert sie nicht so ganz. Wenn ich auf die Webseite gehe, werden mir nur die Buttons angezeigt, ohne die Bilder - erst wenn ich auf das Button klicke, kommt die Slideshow bzw. die Bilder zustande.

Kann mir jemand sagen wo das Problem ist ? Chatgpt konnte dabei auch nicht helfen.

Ich schick euch mal den Abschnitt:

HTML:

<article id="ÜberschriftAnfang">
  <h1>Michael Jackson - The King of Pop</h1>
  
  <!-- Slideshow Container -->
  <div class="slideshow-container">


    <!-- Slide 1 -->
    <div class="mySlides fade">
      <div class="numbertext">1 / 3</div>
      <img src="Background picture.jpg" style="width:100%" alt="Background Image">
    </div>


    <!-- Slide 2 -->
    <div class="mySlides fade">
      <div class="numbertext">2 / 3</div>
      <img src="papers.co.jpg" style="width:100%" alt="Image 2">
    </div>


    <!-- Slide 3 -->
    <div class="mySlides fade">
      <div class="numbertext">3 / 3</div>
      <img src="5m6XCzF.jpg" style="width:100%" alt="Image 3">
    </div>


    <!-- Navigation Arrows -->
    <a class="prev" onclick="plusSlides(-1)">❮</a>
    <a class="next" onclick="plusSlides(1)">❯</a>


  </div>


  <!-- Dots Navigation -->
  <div style="text-align:center">
    <span class="dot" onclick="currentSlide(1)"></span>
    <span class="dot" onclick="currentSlide(2)"></span>
    <span class="dot" onclick="currentSlide(3)"></span>
  </div>
</article>

CSS: @font-face {
  font-family: myfirstfont;
  src: url("static/EduAUVICWANTPre-Regular.ttf");
}


/*html*/
html {
 scroll-behavior: smooth;
}


/*body*/


body { 
 
    max-width: 1200px; 
    margin: 0 auto;     
    background-color: #9b0000;
}


/*<header> <nav>*/


.a_href_button1, 
.a_href_button2 {
 
  background-color: grey;
  border: 2.5px solid black;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


/*Oberste Überschrift und Bilder*/


h1 { 
  
  /*Google Font noch einfügen*/
  font-family: myfirstfont;
  font-size: 75px;
  text-align: center;
}


/* hier beginnt es mit dem Slider Styling*/


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}


/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


.active, .dot:hover {
  background-color: #717171;
}


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}


@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


/* Slideshow images default styling */
.mySlides {
  display: none; /* Bilder sind standardmäßig unsichtbar */
}


.mySlides.active {
  display: block; /* Nur das aktive Bild wird angezeigt */
}


/*html*/
html {
  scroll-behavior: smooth;
}


/*body*/


body { 
  max-width: 1200px; 
  margin: 0 auto;     
  background-color: #9b0000;
}


/*<header> <nav>*/


.a_href_button1, 
.a_href_button2 {
  background-color: grey;
  border: 2.5px solid black;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


/*Oberste Überschrift und Bilder*/


h1 { 
  font-family: myfirstfont;
  font-size: 75px;
  text-align: center;
}




#Hintergrundsbild img {
  object-fit: cover; /*Bild wird nicht verzehrt dargestellt*/  
  border-radius: 5px; /* Abgerundete Ecken für die Bilder */  
  display: block; 
  margin: 0;       
  padding: 0;      
}


/* Erste Slide */
#First_Slide {
  display: flex;
  justify-content: center;   
  align-items: center;        
  flex-wrap: wrap;            
  gap: 10px;                   
  margin: 20px;           
}

und JS schicke ich mal als Kommentar, da dies zu lang wäre

Gibt es eine Möglichkeit weiterhin (Sicherheits-)Softwareupdates für meinen S10 herunterzuladen.

Ich habe mit bekommen, dass es seit letztes Jahr keine Updates mehr für das Samsung galaxy S10 gibt. Das Handy funktioniert noch einwandfrei und würde daher nur ungerne ein neues Smartphone anschaffen.

Gibt es eine Möglichkeit neue Updatess für das Samsung Galaxy herunterzuladen oder sollte ich mir doch ein neues Smartphone holen ?

Hallo zusammen,

gibt es eine Möglichkeit eine Art Elektrikerausbildung zu machen, die verkürzt ist um alles wesentliche zu lernen.

Ich würde das gerne für private Zwecke können um z.B. in Robotern/Drohnen Kabeln zu "verlegen". Gibt es etwas ähnliches um das wichtigste zu lernen.

Hallo zusammen,

wie ihr aus meiner vorherigen Frage entnehmen könnt, habe ich einen verletzten Babyigel "gerettet".

Ich wollte es zur Auffangstation bringen, als das Ordnungsamt anrief (ich habe der Feuerwehr bescheid gegeben und die haben wohl meine Nummer weiter gegeben). Ich habe gesagt wo und das Ordnungsamt hat das Tier mitten auf dem Weg von mir abgeholt.

Aufjedenfall kam mir das seltsam vor, denn er war zivil unterwegs mit seinem privaten Auto. Er holte ein Handschuh und eine Katzenbox raus. Er meinte, dass er die Auffangstation in der Stadt anrufen wird, in der wir leben. Nur gibt es da keine Auffangstation. Ich habe dann mit der Auffangstation geredet, zu der ich es bringen wollte. Die fandendas auch seltsam und haben da angerufen. Als ich zurückgerufen habe, meinte die Auffangstation, dass sie dazu selber nichts dazu sagen können, da das Ordnungsamt sich unkooperativ benimmt (ich schätze sie wollen keine weiteren Informationen geben).

Was denkt ihr macht das Ordnungsamt mit dem Tier. Es war noch ein Baby und verletzt. Konnte sich aber scheinbar noch gut bewegen.

Glaubt ihr sie lassen ihn einschläfern oder mache ich mir zu viele Gedanken ?

Danke für eure Antworten im vorraus

Hallo zusammen,

ich habe gerade einen Babyigel auf der Straße gefunden. Da ich ihn zur Auffangstation bringen wollte, habe ich mein T-Shirt ausgezogen und ihn damit angefasst. Nur habe ich etwas die Stacheln trotz des Umwickelns meines T-shirts gespührt (glaube die Stacheln sind etwas durch das T-Shirt gegangen.

Nun ich hockte auch etwas neben ihn (wegen den Anrufen) und habe auch nach dem wickeln mit dem Handy telefoniert bzw. meine Schlüßel angefasst.

Ich habe danach mir die Hände gewaschen und diese desinfiziert.

Da die Vogelgrippe im Umlauf ist, mache ich mir gerade etwas sorgen (nicht nur deswegen sondern wegen anderen Krankheitserreger und Flühe, Zecken etc.)

Hätte ich noch etwas beachten müssen bzw. muss ich noch etwas anderes machen .

Ich müsste noch erwähnen, dass der Igel Wunden hatte

In Bezug auf meiner letzten Frage:

Welche Mutter muss ich am Fahrradlenker rumschrauben um die Gänge einstellen zu können ?

Hallo Leute,

Wie ihr aus meinen alten Fragen herauslesen könnt, habe ich ein Fahrrad online gekauft, nun müsste ich noch die Schaltung einstellen, damit das Fahrrad richtig schalten kann und es keine kalk klak klak Geräuche macht, nur wird mir leider nicht richtig wie weit ich Schrauben soll bzw. Was noch festzuschraiben ist.

Mir sind insgesamt vier Schrauben, jeweils zwei nebeneinander, gekennzeichnet mit H und L.

Ich nimm mal an dass High für den niedrigsten Gang steht und Low für den höchsten Gang.

Ich habe daran die gesamte Zeit herumgeschraubt, nur weiß ich leider nicht wie weit nach links bzw. Rechts.

Die zwei Schrauben befinden sich am Hibterrad und zwei weitere am Pedal.

Ich habe mir gedacht, dass die Schrauben bei den Pedalen für den Linken Lenker (drei Gänge) und die zwei Schrauben am Hinterrad für den Gang auf dem Lenkrad auf der rechten Seite (insgesamt sieben Gänge) steht.

Muss ich noch woanders Schrauben ?

Was muss ich beachten, damit ich die Gänge richtig einstellen kann ?

Wie weit muss ich Schrauben, damit die Gänge eingestellt sind.

Hallo zusammen,

ich habe mir online ein Fahrrad gekauft und fast fertig zusammengebaut.

Die Kette an den Pedalen bewegt sich, wenn ich die Pedale trete, jedoch die hintere Kette am Hinterrad leider nicht.

Welchen Grubd hat das und was kann ich dagegen tun ?

Hallo Zusammen,

ich baue momentan ein Fahrrad zusammen und würde gerne wissen, ob die Mutterschrauben richtig angesetzt sind:

Es sind drei Mutterschraube mit jeweils einer dazugehörigen Flachschraube. Ich habe dabei zuerst die Flachschraube und dann die Mutterschraube eingeschraubt.

Vom ersten Bild ausgesehen:

Am Licht auf der linken Seite befindet sich eine Schraube mit ihrer dazugehörigen Flachschraube und auf der rechten Seite befinden sich zwei Mutterschrauben mit ihrer dazugehörigen Flachschraube.

Sind die Mutterschrauben richtig eingeschraubt bzw. Angesetzt und wie mache ich diese am besten fest ?

Wohin kommt das Licht, auf dem Bild wird gezeigt, dass es direkt unter dem Fahrradlicht kommt, aber wo mache ich das Licht genau fest ?

Hallo zusammen,

ich gehe momentan ein Tutorial durch, leider funktioniert das padding bei mir nicht:

 <style>

     .page-content

          { padding: 0px 100px;

              }

    </style>

Nach unten bzw. oben lässt sich der Inhalt verschieben, nur leider nicht nach rechts und links. Ich habe es wie im Tutorial gemacht, hat jmd. vlt. eine Idee wo das Problem sein könnte ?

for part in bestwords:

  r = random.randint(0, len(part) - 1)  

  print(part[r])  

Hallo Leute,

ich hätte mal einige allgemeine Fragen im Bezug auf den Bereich Cyber Seceurity/IT-Sicherheit:

Angenommen man möchte später als IT-Penetrist arbeiten;

1. Wäre eine Ausbildung oder ein Studium sinnvoller bzw. wo lernt man am besten den Beruf ?
2. Durch das Abitur kann man die Ausbildung um ein Jahr verkürzen, kann man die Ausbildung um noch ein weiteres Jahr verkürzen ? Wenn ja wie ?
3. Was sind die Vor- bzw. Nachteile eines Studiums und der Ausbildung
4. Kann man nach der Ausbildung immernoch ein Studium in der Cyber Seceurity machen ?
5. Kennt jmd. eventuell den Einstiegsgehalt als IT-Penetrist ?
6. Hat jmd. eigene Erfahrungen und kann mir von seinen erzählen (Ausbildung, Studium etc.)

Hallo Leute,

Ich hätte eine Frage bezüglich der Kupplungfahrzeuge.

Angenommen man steht an einer roten Ampel:

Kann ich die Kupplung bis zum Schleifpunkt kommen lassen während ich die bremse drücke und dann die Bremse loslassen bzw. etwas Gas geben wenn die Ampel auf grün zeigt ?

Wie fährt ihr eigentlich an ?

Und wie bekommt man das hin, dass man so schnell anfahren kann (Motor würgt ab wenn ich zu schnell die Kupplung kommen lasse) ?

Hallo Community,

ich würde mich gerne im Fachbereich Informatik (neben dem Studium) weiterbilden. Mein Ziel ist es dabei verschiedenste Kompetenzen zu erlenen bzw. zu besitzen.

Ich habe mir gedacht, dass ich dies durch Praktikums sowie durch verschiedenste Kurse und Lehrgänge erreichen könnte.

Nun ist meine Frage, welche Kurse/Weiterbildungen am meisten lehren bzw. am relevantesten sind.

Welche Kurse können (anerkannte) Zertifikate ausstellen ?

Gibt es Kurse/Fort-;Weiterbildungen an denen man kostenlos oder preisgünstig teilnehmen kann ?

Bezüglich des Praktikums:

Was gibt es bei den jeweiligen Firmen zu beachten, bevor ich mich bei der jenigen Firma anmelde ?

Welche Firma/Fachrichtung würdet ihr mir am meisten empfehlen (bzw. wo lernt man am meisten) ?

Hallo Leute,

für das Programmieren bräuchte ich einen Anführungszeichen.

Kann mir jemand erklären wie man das auf dem PC/Laptop machen kann bzw.

was muss man dafür drücken ?

Ich meine nicht diese Zeichen: ` ; '

sondern die Zeichen wie oben dargestellt

Hallo Community,

Das Display meines Samsung galaxy a51 (2016) ist kaputt und wahrscheinlich auch nicht mehr reparierbar (das Display zeigt kein Bild an). Das Problem jetzt ist, dass ich wichtige Bilder auf diesen Handy habe und die schnellstmöglich bräuchte. Kennt jemand eine (schnelle) Methode wie ich selbstständig die Bilder meines Handys bekommen könnte bzw. retten kann ?