Onclick mit Javascript

Allgemeine Fragen
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Onclick mit Javascript

Ungelesener Beitrag von stobi_de »

Hallo,
ich habe es schon gemacht aber ich finde es dummerweise nicht mehr.
In meinem "Luxusprojekt" https://afripix.de/pfrommer-bau habe ich dieses schwarze Bild mit der weißen Hauszeichnung (das kommt noch besser). Der Kunde hätte nun gerne, dass bei einem Click auf einen Button ein Hausbild erscheint, wo der entsprechende Teil farbig ist. Ja, gute Idee.
Ich muss halt für jeden Teil ein komplettes Haus machen mit einem bunten Teil, alle überanderlegen und entweder mit Display oder z-index umändern.

Aber ich finde nicht mehr, wie das ging.
Irgendwo hier gab es ein Beispiel dazu.
Die Schrift als Button machen, und mit OnClick und BildID als Übergabeparameter.... dummte Kiel...

Frank
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Onclick mit Javascript

Ungelesener Beitrag von Tommy Herrmann »

Moin,

ist das vielleicht eine Möglichkeit - wie bei dem Mädel (schwarz-weiß nach farbig) ganz unten auf der Seite:

https://www.mobirise-tutorials.com/Test ... l#info3-45

... da habe ich einfach zwei Blöcke fixiert, sodass diese Eindruck entsteht:

background-attachment: fixed;


Das "onclick" Event verwendet man so:

https://www.w3schools.com/jsref/event_onclick.asp
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Onclick mit Javascript

Ungelesener Beitrag von stobi_de »

Irgendwie fehlt mir gerade nur die Syntax, wie ich "Projektentwicklung" als Button definiere und dann mit OnClick = "Bildshow('IDProjektentwicklung')" mache.
Im Java gibt es dann einfach
document.getElementById(IDBild).style.display = 'block';

Besser wäre irgendwie ein fadeIn....hm...
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Onclick mit Javascript

Ungelesener Beitrag von Tommy Herrmann »

musst Du dann nicht nur diese ID an den Button (oder Link) dran schreiben?

Code: Alles auswählen

<button id="IDBild" onclick="myFunction()">Click me</button>
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Onclick mit Javascript

Ungelesener Beitrag von Tommy Herrmann »

Eigentlich brauchst Du doch da nur die ID, denn die wird doch im JavaScript angesprochen und ist ja immer einmalig.

Vielleicht hilft Dir das hier mit den Button "PLAY / PAUSE" weiter:

https://www.mobirise-tutorials.com/MP3-Music.html

Code: Alles auswählen

<script>
 function aud_play_pause() {
  var myAudio = document.getElementById("myAudio");
  if (myAudio.paused) {
   myAudio.play();
  } else {
   myAudio.pause();
  }
 }
</script>

Code: Alles auswählen

<audio id="myAudio" autoplay="" loop="">
 <source src="./music/Land-Of-Wizards.mp3" type="audio/mpeg">
 <source src="./music/Land-Of-Wizards.ogg" type="audio/ogg">
 Dieser HTML5 Player wird von Deinem Browser nicht unterstützt.
</audio>

Code: Alles auswählen

<!-- Button on / off -->
<div onclick="aud_play_pause()">
      <a class="btn btn-primary" href="javascript:void(0);">PLAY / PAUSE</a> 
</div>
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 26 Gäste