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?

2 Antworten

Willibergi

06.04.2016, 16:18

Die CSS-Eigenschaft hat mehrere mögliche Werte.

Für dich wichtig sind die Werte "none" und "display".

Mit dem Wert "none" wird das Objekt nicht angezeigt, aber auch der Platz wird anders verwendet.
Man tut also so, als wäre es nicht da.

Möchtest du das Objekt nur unsichtbar machen, den Platz aber trotzdem freihalten, empfehle ich dir, mit "visibility" zu arbeiten.
Die möglichen Werte dort sind "visible" und "hidden". (sind selbsterklärend)

Ich hoffe, ich konnte dir helfen.

LG Willibergi

MinecrafterPG

Fragesteller

06.04.2016, 16:25

Ich benutze visibility, danke!

Willibergi

06.04.2016, 16:25

Gern geschehen!

LG Willibergi

ASW19

06.04.2016, 15:55

document.getElementById("submit").style.display="none";

MinecrafterPG

Fragesteller

06.04.2016, 16:19

Ich habe jetzt einfach Unsichtbarkeit auf den Button direkt gelegt

<input style="visibility:hidden" type="submit" value="submit" id="submit" />

Jetzt bekomme ich die Unsichtbarkeit mit dem Javascript aber nicht wieder weg

function loc()

{document.getElementsById("submit").style.visibility="visible";}

Warum?

MinecrafterPG

Fragesteller

06.04.2016, 16:24

@MinecrafterPG

Okay, hat sich alles schon geklärt! Ich hatte bei document.getElementById ein s hinter Element :) Aber Danke an alle!

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.

...zur Frage

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?

...zur Frage

(Javascript) Text bei Klick auf Button in Zwischenablage kopieren?

Hallo, ich bastle mir gerade eine Seite zusammen und stehe nun vor einem Problem, wo selbst Google nicht helfen konnte, und zwar:

Wenn ich auf einen Button klicke, soll ein für den Leser unsichtbarer Text automatisch in die Zwischenablage kopiert werden.

Beispielsweise steht auf dem Button "2+2=" und wenn ich auf den Knopf klicke, ist automatisch die Ziffer "4" in der Zwischenablage.

Bin über jede Hilfe dankbar! :)

...zur Frage

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.

...zur Frage

Javascript/HTML - Funktionierenden Button hinter Bild?

Wie packe ich einen Button so hinter ein Bild ,dass er noch funktioniert?

Oder auch über das Bild ,so dass er dann hidden wäre , aber noch funktioniert?

ich habe es mit "visibility:hidden" probiert ,aber dann funktioniert er nicht mehr.Ich hab auch mit z-Index rumgespielt ...

...zur Frage

Counter in JavaScript?

Hallo Freunde, ich möchte in JavaScript einen Button erstellen. Auf dem Button steht 0 und immer wenn ich drauf drücke soll da eine 1 hinzugefügt werden quasi Click= 1, click= 2 usw. aber ich will bei 9 wieder von neu anfangen also es soll wieder 0 werden! Bitte Hilfe ich beschäftige mich seit gestern damit aber kriege nix hin. Für jede kleine Hilfe danke im Voraus❤️

...zur Frage

Beim click auf einen button einen sound machen, JavaScript?

Hallo, ich habe einen Button erstellt undzwar:

<button class="button"> Bam </button>

Jetzt will ich dass bei jedem klick auf dem Button ein Sound abgespielt wird.

Wie soll ich das in JavaScript schreiben?

...zur Frage

HTML Javascript - Beim Drücken von Enter Button anstatt Submit

Hallo

Ich habe mir einen kleinen Rechner gebastelt und möchte da nun die Eingabefelder mit Javascript auslesen. Das funktioniert auch alles.

Allerdings mache ich das ganze mit einem normalen anstelle eines Submit-Buttons, da sonst die Seite neu geladen wird und dadurch alle Werte in den Eingabefeldern weg sind.

Mein Problem dabei ist, das, wenn man Enter drückt, meine Funktion nicht aufgerufen wird, da es ja nur ein gewöhnlicher Button ist. Ist es möglich, ein Mittelding zwischen beiden Buttons zu machen? Also einerseits soll die Seite nicht neu geladen werden (was beim Submit-Button passieren würde), andererseits soll, wenn man Enter drückt, die Funktion eines bestimmten Buttons ausgeführt werden.

Ich hoffe, ihr könnt mir helfen.

Phippe

...zur Frage

blender - wie Objekte sichtbar/unsichtbar machen auf timeline?

hallo,

kann jemand sagen, wie man im Animationsprogramm Blender Objekte unsichtbar und wieder sichtbar macht und dieses in einer Animation auch so darstellen kann, also als keyframe setzten?

Danke

...zur Frage

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

...zur Frage

Javascript Seitenübergreifend?

Hallo,

ich möchte in einen Html Code einen Javascript Code für Lesezeichen einfügen. Also ich habe eine Seite mit vielen Texten (Seite x), zu jedem Text gibt es einen Button, der das jeweilige Lesezeichen hinzufügen soll. Wenn dieser Knopf gedrückt wird, dann soll ein derzeit unsichtbarer Container (display: none;) auf display:flex; bzw. Sichtbar gestellt werden (in Seite y).

Der Code der diese Funktion ausführen soll wäre derzeit:

function textfield1() {

var x = document.getElementById("th1");

if (x.style.display === "none") {

x.style.display = "block";

} else {

x.style.display = "none";

}

Dieser Code wird natürlich nur auf Seite x ausgeführt
kann mir jemand helfen, dass dieser Container dann auf Seite y gezeigt wird?

...zur Frage

Mit Javascript Button anklicken?

Man kann mit Javascript und einer url diese in einem neuen Tab/Fenster öffnen. Wenn diese geöffnet wurde, ist es dann auch mit Js möglich auf jener Website einen Button anzuklicken?

...zur Frage

Javascript, Button ein Bild zuweisen?

Ich habe eine HTML datei mit Javascript verknüpft. Nun habe ich in HTML mehrere Buttons, aber ich möchte in Javascript den Buttons ein Bild zuweisen.

Ich habe bereits gefunde wie man ein Bild ladet aber nicht wie man es einen Button zuweist.

Ich bitte um Hilfe

let example = new Image();
example.src= "example.png";

...zur Frage

[JavaScript] Wie kann ich ein Element von Anfang an unsichtbar machen?

Und nach einem erfolgreichem Login wieder sichtbar machen. Ich habe folgenden Code:

function getKey() {


  var visible = document.getElementById("download").style.display = "visible";
  var invisible = document.getElementById("download").style.display = "none";


  var key = "abc1";


  var keY = document.getElementById("key").value;


  if (key == keY) {
    visible;
    alert("r")


  } else {
    alert("w")
  }

Weder funktioniert er, noch wird das Element download wieder angezeigt.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen