Wie programmiere ich Buttons, dass wenn ich diese drücke der Infotext dazu erscheint?

Hallo... Ich muss für die Schule eine Internetseite programmieren mit CSS. Auf der Internetseite gibt es 4 Buttons, wie kann ich das programmieren, dass wenn ich den einen Button drücke der dazugehörige Text erscheint und wenn ich einen anderen drücke, dann dieser Text erscheint.

Danke im Voraus :)

4 Antworten

perhp

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

28.12.2015, 00:47

Das kannst du mit JavaScript machen (ist ziemlich einfach). Mit HTML kann man sowas nicht machen.

TeeTier

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

27.12.2015, 21:08

Wenn dir ein Tooltip reicht:

<input type="button" title="foo">bar</button>

Ansonsten gehts auch schicker mit CSS, oder sogar richtig interaktiv mit JS. :)

CBA3210

28.12.2015, 12:27

Schau dir mal das Framework Bootstrap an, mit diesem kannst du ganz einfach "modals" erstellen. Ansonsten, wenn irh nicht auf ein CSS Bootstrap zurückgreifen dürft, schau dir jQuery mal genauer an. Dort kann man auch mit Modals arbeiten.

Viel spaß! Bei Fragen, Fragen fragen.

Nemesis900

27.12.2015, 21:03

Ich denke mal du suchst soetwas http://www.web-toolbox.net/webtoolbox/formulare/formulare-buttons-ausloeser.htm

Ps. Mit HTML programmiert man nicht ;)

Auf dem Bild ist ein Bild der Buttons, HTML und meiner CSS Datei.

Ich möchte jetzt den Text in den Buttons, also "Youtube" und "Spotify", zentriert und etwas größer ist.

...zur Frage

Css button bei klick speichern?

ich will mit einem klick mein Button durchstreichen, das funktioniert auch mit

button:focus{
    text-decoration: line-through;
}

doch wenn ich dann einen anderen Button drücke welcher die gleiche CSS klasse hat wird es bei dem einem Button entfernt und beim anderen hinzugefügt. Dass heißt ich kann es nur auf einem button gleichzeitig anwenden. Wie kann ich es auf allen gleichzeitig haben?

...zur Frage

Bei App programmieren funktionsfähigen Button einfügen?

Hallo, ich bin gerade dabei eine kleine App zu programmieren (bin noch Anfängerin).

Das Layout usw. habe ich alles fertig und nun hänge ich an dem Problem einen funktionsfähigen Button einzufügen.

Ich habe einen "Start" Button als Bild eingefügt und mein Ziel ist nun, dass weiter unten ein Satz auftaucht sobald man auf den Button tippt.

Außerdem wäre mein Ziel ebenfalls, dass bei jeder neuen Berührung des Buttons ein neuer Satz erscheint.

Ich habe schon viele Möglichkeiten aus Youtube ausprobiert aber es hat nix funktioniert:(

Ich habe auch schon überlegt ob man das Problem mit If, then, else lösen kann, aber da bin ich mir auch nicht sicher.

Ich arbeite mit html, CSS, Java, (Visual Studio Code)

Ich würde mich über Hilfe sehr freuen:)

Danke im Voraus!

...zur Frage

Weiß jemand wie ich mit CSS den Radio Button beim anklicken des Buttons so blau bekomme?

...zur Frage

Mit einem Button klick CSS verändern?

Ich will, das wenn ich auf ein Knopf drücke, sich die Farbe von meinem Text ändert wie geht das?

...zur Frage

Box ohne text <html/CSS>?

Hallo,

ich möchte eine Box also einen quader programmieren mit Rahmen (kein text imput), in den ich später einen Button reingeben und den border-radius möchte ich auch bearbeiten.

Kennt irgendjemand den html code dafür?

Danke im voraus

...zur Frage

Warenkorb programmieren?

Hallo, ich bin noch immer am programmieren eines Webshops (soll nie online kommen, ist nur zum spaß). Ich wollte mal fragen, wie man einen Warenkorb programmiert. Vielen Dank im voraus! (Ich programmiere mit html, css, javascript und php)

...zur Frage

Wie / Wo HTML, CSS und JS programmieren?

Hi, ich möchte über den Sommer programmieren lernen. Ich weiß zwar noch nicht genau ob ich Unity und C# oder mit HTML, CSS und JS lernen möchte. Ich wollte aber trotzdem fragen wo man diese Sprachen programmiert. Für C# gibt es z.B. Unity. Gibt es so etwas auch für HTML usw.? Oder gibt es eine Internetseite wo man es programmieren kann?

...zur Frage

HTML und CSS - Box erscheint nach Klick auf Button und verschwindet nach Klick auf Text wieder?

Die Aufgabenstellung lautet:

"Füge der Webseite einen Button hinzu, bei dessen Betätigung eine Box erscheint, die den Text anzeigt: „Diese Funktion ist noch nicht implementiert. Bitte schließen.“

Die Box soll beim Klick auf den Text wieder unsichtbar werden.

Die Box soll ihre Farbe ändern, wenn man mit der Maus darauf fährt."

Einzelne Punkte schaffe ich, aber nicht dass die Box z.B. wieder weg geht wenn man in den Text klickt ...

Freue mich über jede Nachricht!

...zur Frage

wie kann ich die größe und farbe eines Buttons anpassen html und css?

ich habe folgenden code Der Button soll Blau sein oder am besten 1zu1 wie der Instagram verify button

<a href="https://google.com"><button type="button" name="button">verify</button>

...zur Frage

HTML / CSS: E-Mail-Button geht nicht?

Moin,

ich habe in HTML und CSS folgenden Button:

<a href=Link class button>YouTube</a>

(Anführungszeichen sind im Code da)

Den gleichen Button habe ich viermal mit anderer div und habe die Buttons in CSS gestylt.

Ein Button von den Vieren geht und bringt mich zum Link. Obwohl alle identisch bis auf Namen und Link sind, funktioniert nur ein Button.

Danke und entschuldigt, falls meine Fragen nerven. 😕

...zur Frage

HTML/CSS Linkfarbe in Button ändern?

Hey,

Ich habe nun als Aufgabe bekommen, eine Support Seite zu programmieren, wo alle verschiedenen Möglichkeiten zum Support angezeigt werden

(TeamSpeak, Ticket-System und E-Mail).

Dort ist auch ein Button mit z.b. dem Text "Ticket-System öffnen".

Dieser leitet dann auf eine andere Seite weiter, nur wenn man dort drauf klickt, und dann zur Support Seite zurück kehrt, wird im Button der Text "Ticket-System öffnen"

in Blau angezeigt, weil man diesen Link auf den man weitergeleitet wird, schonmal war.

Wie kann man das deaktivieren, für alle Besucher?

Danke im Vorraus :)

...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

Text unsichtbar html css?

Hi, ich prgrammiere eine website in html und css.

ich habe einen container und eine box erstellt und will dass man nur das hintergundbilt und ein text sieht sieht und wenn man drauf geht mit :hover dass dann ein andere text erscheint. wäre dass möglich?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen