Wie kann ich einen Button in Javascript unsichtbar aber trotzdem funktional machen?

Hey,

ich programmiere zurzeit mit HTML, CSS und Javascript eine Handy App.
Jetzt brauche ich aber einen unsichtbaren Button, der über einem Bild liegt. Heißt wenn man auf einen bestimmten Teil des Bildes Klickt, klickt man nicht auf das Bild sondern auf den Button. Kann mir jemand erklären, wie ich das mache?

2 Antworten

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren, JavaScript

23.12.2021, 22:39

Für deinen Anwendungsfall eignet sich eine Image Map ziemlich gut. Schau dir das Beispiel auf W3Schools an: https://www.w3schools.com/html/html_images_imagemap.asp.

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

23.12.2021, 22:30

du kannst ein durchsichtigen/transparent png button darüber machen und dort dein click event daruf erzeugen .

Illegameryt

Fragesteller

23.12.2021, 22:32

Danke, ist mir fast schon unangenehm, dass es eigentlich so einfach ist...

1

TechPech1984

23.12.2021, 22:34

alles cool , dafür sind wir ja da , niemand muss alles wissen , aber darf natürlich alles fragen :) am einfachsten das bild als hintergrund in einen div und dann den button voll dem div umpfänglich gestallten .

1

Ähnliche Fragen

Kann ich JavaScript und React usw lernen ohne HTML & CSS zu berühren?

Kann ich JavaScript lernen, ohne was mit HTML oder CSS machen zu müssen?

HTML/CSS Kreis Animation um Element bei Klick?

Hey, ihr kennt doch sicherlich die Animationen die Google verwendet. Ihr klickt auf einen Button und um den Button bildet sich ein Kreis beim Klick (Animation). Ich weiß, etwas Blöd erklärt aber falls ihr nicht versteht was ich meine, habe ich euch ein Bild da gelassen. Wir bekomme ich das mit HTML/CSS hin?

Wie kann man einen Button über Javascript unsichtbar machen?

Hi Leute,

ich habe einen Button, der durch ein Javascript sichtbar wird.

<script type="text/javascript"> 
function loc()
{document.getElementById("submit").style.display="block";}
</script>

Aber wie bekomme ich den Button denn überhaupt von Anfang an unsichtbar?

JavaScript Elemente unsichtbar machen?

Hallo,

Ich programmiere eine Web-App und würde gerne wissen wie man Elemente unsichtbar macht diese aber Trotzdem ihre Wirkung behalten.

Python bei Webseiten nützlich?

Guten Tag,

ich programmiere zurzeit eine Website. Bis jetzt habe ich vor allem mit HTML und CSS gearbeitet aber auch ein bisschen JavaScript ist dabei. Ein Bekannter von mir macht das Ganze jetzt auch mit Python. Wenn ich eine Funktionierende Seite machen will die irgendwann auch öffentlich zugänglich sein soll, ist Python dann nützlich?

Javascript, html und css?

Ich habe jetzt mit programmieren angefangen, und um genauer zu sein mit Javascript. Ich weiß jetzt dass man Javascript, HTML und css zusammen kombinieren kann. Ich weiß aber immer noch nicht wie das gehen kann. Haben alle nicht verschiebe Codes oder wie ist es genau zu verstehen ?

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)

Wie lange braucht man für html, css und Javascript?

Wie lange braucht man um html, css und Javascript so gut zu können um ein ernsthaftes Projekt zu starten und wie kann ich das am effektivsten und schnellsten erreichen(Bücher, Videokurse usw)?

Wie kann ich einen Vokabeltrainer programmieren (HTML, CSS, JavaScript)?

Chrome extension, die den Browser automatisiert steuern kann?

Kann mir jemand eine gute Seite empfehlen, wo man lernen kann, wie man eine Chrome Erweiterung erstellt, die auf websiten Buttons klickt, Inputs ausfüllt, scrollt etc. ..? Die Extension sollte mit Html, CSS, Javascript geschrieben sein. Außerdem sollte die Aktion erst ausgeführt werden wenn man in der Extension einen Button drückt. Kann mir da jemand eine gute Videoreihe oder Website empfehlen?

Vokabeltrainer in Javascript?

Wie kann ich einen Vokabeltrainer ohne Datenbank oder PHP, am besten in Javascript (+ Html & css) Programmieren?

Button in html?

Wie erstelle ich Button in html die man nach links verschieben kann und wenn ein anderer verschoben wird, dass der andere wieder zurück in die ursprüngliche Lage geht.

Wenn möglich sollte der Code (html, css und javascript) möglichst kurz sein und für PC sowie mobile Geräte verfügbar sein.

Danke

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

Javascript (jQuery) / HTML Button mehrmals verwenden?

Hey, ich habe euch hier gleich mal ein JsFiddle verlinkt damit ihr mein Problem besser verstehen könnt: https://jsfiddle.net/Johnny3_3/dqqrvm6q/

Wenn ihr auf den Start Button klickt, dann wird durch Javascript (jQuery) der Kreis sichtbar gemacht. Allerdings kann ich durch das erneute klicken auf den Button den Kreis nicht verschwinden und danach nochmal sichtbar machen lassen. Sprich ich will unendlich oft auf den Button klicken können und somit den Kreis sichtbar und unsichtbar machen.

Was möchtest Du wissen?

Deine Frage stellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }