Wie kann ich in HTML einen Button machen, der, wenn er geklickt wird, weitere Buttons erscheinen lässt?

Hey Leute Ich stelle grade eine seite mit HTML auf. Ich wollte eigentlich einen Button einbauen der, wenn er geklickt wird die Seite darunter aufklappen lässt und weitere Buttons zum vorschein kommen. Ich weiss das man das irgendwie mit Js machen kann, bin mir aber nicht sicher wie.

Vielen Dank schonmal LG Nicolai:)

3 Antworten

Schwimmakademie

23.10.2015, 10:32

besteht eine Abhängigkeit?

das heist, sollen bestimmte buttos aktiviert werden wenn du button xy drückst uind andere wenn button XX geklickt wird?

sollten es wirklich buttons sein (mittlerwiele mit jquery schöner lösbar. Lass mal hören, was du vorhast.

Wenns wirklich buttons sein sollen, poste ich dir den code

nicolaisauer

Fragesteller

23.10.2015, 11:00

Es sollen wirklich buttons sein und es gibt auch nur eine art von buttons.

Also soll nur ein Button mehrere buttons drunter auslösen

Vielen Dank für die antwort

LG Nicolai

Schwimmakademie

23.10.2015, 11:13

Variante 1

die "zu versteckenden buttons gehen in ein div

<div id="MeinDiv" style="display:none;">....</div>

dann kann du im JS

function DivEinAusblenden(divName){
 //Gibt es das Objekt mit dem Namen der in divName übergeben wurde?
 if(document.getElementById(divName){
  /*"Sichtbarkeit" des Divs umschalten. 
  Wenn es sichtbar war, unsichtbar machen und umgedreht.*/
  document.getElementById(divName).style.display = 
   (document.getElementById(divName).style.display == 'none') ? 'inline' : 'none';
 }
}

und final brauchst du den link der switcht

<input type="button" onclick="javascript:DivEinAusblenden('MeinDiv');">Schalter</a>

nicolaisauer

Fragesteller

23.10.2015, 12:47

Super vielen dank für die mühe

grosse hilfe

LG Nicolai

userfromberlin

23.10.2015, 11:17

http://jsfiddle.net/IgelJ/jh6v7njt/

Hallo,

ich habe auf einer HTML Seite einen einfachen Button, der ein onclick-event auslöst.

Nun soll dieser Button zusätzlich noch einen Zähler immer um eins Hochzählen und das ganze in eine Textdatei schreiben.

Geht warscheinlich nicht mit JS sondern nur mit PHP, oder?

Hat hier jemand ein Beispiel für sowas?

Wäre sehr dankbar!

Danke und Gruß

Fabio

...zur Frage

E-Mail aus Formular generieren mit Antwort Buttons?

Hallo!

Ich möchte eine HTML/JS Formular erstellen, bei welchem ich nach dem Absenden eine E-Mail bekomme. Diese E-Mail soll allerdings 3 Buttons haben. Bei jedem dieser Buttons soll ein vorgefertigter Text zurück gesendet werden. Ist sowas möglich, wenn ja wie?

Beispiel:

Formular:
Name: Max
Preis: 100€

Antwort A:
Hallo Max, 100€ klingt gut.

Antwort B:

Hallo Max, 100 klingt schlecht.

...

MfG

...zur Frage

Website Shopping-Cart einbauen?

Braucht es dafür auch CSS und JS kentnisse oder nur HTML?

...zur Frage

HTML: Scroll-to-top-Button geht nicht?

Ich habe gerade einen Scroll-to-top-Button in meine HTML-Webseite eingefügt. Von der Grafik her funktioniert alles, aber die Funktionalität ist nicht so der Hammer. Also er scrollt nicht hoch, wenn man ihn drückt.

In dem Tutorial (siehe unten) wird das Ganze mit JS gemacht. Also das hier ist der Teil aus JS, der dafür sorgt, dass die Seite nach oben scrollt, wenn man ihn drückt:

<script>
  const btnScrollToTop = document.querySelector("#btnScrollToTop")
  btnScrollToTop.addEventListener("click", function() {
    windows.scrollTo(0, 0);
  });
</script>

Muss man JS im head mit einem <link> einbinden, sowie man das mit .css macht?

P.S.: Das ist das erste Mal, dass ich JS benutze.

https://www.youtube.com/watch?v=FK5DEa1Hvco

...zur Frage

Div anzeigen, wenn Radio-Button "checked" ist - von Anfang an?

Hi,

ich habe hier eine Grupe von Radio-Buttons. Immer, wenn ein Radio-Button "checked" ist, soll ein div erscheinen. Funktioniert auch alles, aber das JS erkennt nicht, dass ja bereits per Default "red" ausgewählt ist:

https://jsfiddle.net/w1maq8wa/

Man muss in diesem Beispiel "red" noch mal anklicken, obwohl es bereits checked ist.

Kann mir jemand helfen?

Danke!

...zur Frage

Es function iert nicht - Warum funktioniert Js Code nicht?

Ich habe vor ganz einfach als Übung für mich ein Textfeld mit Button zu programmieren, in das Textfeld schreibt man seinen Namen und wenn man den Button drückt soll ein alert kommen wo dann drin steht „Your name is + Name.“ Code:

 <script>
     function newfunction() {
     let namE = document.getElementById("name").value;
     alert('Your name is ' + namE)
     }
 </script>

Html:

<input type="text" placeholder="your name" id="name">
<button onclick="newfunction()">Know something that you never want to know</button>

...zur Frage

Wie ändere ich einen Paragraph indem ich einen Button benutze mithilfe von HTML und Javascript?

Hallo zusammen,

ich benötige einen Code. Ich möchte einen Paragraphen anzeigen lassen mit einem Text, der sich auf Knopfdruck ändern lässt und immer eine Value weiter springt, wenn ich diesen Button anklicke. Wie schreibe ich diesen Code mit HTML und JS?

Ich finde leider nur Hilfe für einen Text, der sich nur einmalig per Knopfdruck ändert. Ich möchte aber, dass dieser sich jedes Mal ändert, sobald ich den Button nochmal anklicke.

...zur Frage

Ton abspielen Javascript?

Hallo,

Ich möchte auf meiner html Seite einen Sound abspielen, wenn ein Button geklickt wird. Die Seite läuft über den Localhost.

html:

 <script src="script.js"></script>
    <script src="anmeldungj.js"></script>
   <script src="/socket.io/socket.io.js"></script>
    <audio id="ringtone" src="Sound2.mp3"></audio>

JavaScript

var RingSound;
var Sound = new Audio('Sound2.mp3')
RingSound = document.getElementById("ringtone");
...
function Send() {
    if (delay && messageInput.value.replace(/\s/g, "") != "") {
        delay = false;
        setTimeout(delayReset, 1000);
        socket.emit("send", messageInput.value);
        messageInput.value = "";
        RingSound.play();
        Sound.play();
    }
}

Der Pfad stimmt:

Es wird aber kein Sound abgespielt, ich habe es über zwei Varianten versucht.

Ich hoffe jemand kann mir helfen

Jannik

...zur Frage

Button mit Wartezeit Html, CSS, PHP?

Hey,

ich möchte einen Button erstellen, der wenn man auf ihn draufklickt erstmal ausgibt: "Warten Sie einen Moment" und nach paar Sekunden dann weiterleitet.

Der Text sollte über dem Button erscheinen, aber kein Pop-Up Fenster!

Habt ihr Ideen, wie das möglich ist

...zur Frage

Download Button, für Image in HTML und CSS und JS?

Hallo zusammen

Ich will ein Foto herunterladen mithilfe eines buttons, oder links. wie soll ich dies tun.
Das Problem ist, das mit das Foto immer nur im Browser angezeigt wird, und nicht heruntergeladen.

Freundliche Grüsse

...zur Frage

html video tag, controll button verschwinden?

Hallo zusammen

ich habe ein iframe, welches ein video zeigt. dieses ist mittels html video tag eingebunden.

die controll button, play, stop usw. erscheinen zwar kurz, werden aber wieder ausgeblendet. ich kann sie nicht mehr einblenden.

hat jemand eine idee an was das liegt?

der html tag

<video id="video" autoplay="" controls playsinline="" muted="" style="
"></video>

...zur Frage

PDF Datei auf Website zum Download bereitstellen?

Hallo zusammen,

ich möchte auf meiner Website PDF Dateien zum Download anbieten. Der Nutzer soll also auf ein Img oder einen Button klicken und die entsprechende Datei downloaden.

Wie kann ich das in HTML, CSS, JS und oder PHP umsetzen?

Vielen Dank!

...zur Frage

Seite wird bei Weiterleitung nicht richtig angezeigt?

Hey,

Ich programmiere gerade etwas in PHP, CSS, HTML, JS... Ich habe ein Button gemacht und wenn mann auf ihn clickt soll mann weitergeleitet werden (JavaScript Funktion).

Die Weiterleitung funktioniert aber wenn mann auf der Seite ist wird nur der PHP Quell text angezeigt...

Ich bitte um hilfe!

Code:

JavaScript Weiterleitung:

<script type="text/javascript">
window.location = "login.php";
</script>

Button:

<form action="weiterleitung-login.html" method="post" class="buttons"><input type="submit" value="Einloggen" class="login"></form>

MfG Dominik

...zur Frage

Mit Input Element rechnen (JavaScript)?

Ich fange gerade an, programmieren zu lernen (HTML, Js, CSS) und bin gerade dabei eine Website zu coden, die Meilen in Kilometer umrechnet. Man gibt beim Input Feld die Meilen ein und wenn man den Button Convert drückt sollen diese in Kilometern angegeben werden. Bei der Js Funktion mit dem Button kommt allerdings immer NaN (Not a Number) heraus, wenn ich mit dem Eingegeben weiterrechnen möchte. Wisst ihr wie man den String von der Eingabe zu einem Zahlenwert machen kann, sodass die Funktion damit weiterrechnen kann? Danke

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen