peter32
Goto Top

Per JavaScript ein ID-Element schließen

Hallo liebe Community,

ich habe im Internet schon recherchiert und leider aber keine Lösung für mein Problem finden können.

Im Prinzip glaube ich eine sehr simple Aufgabe, aber ich kriege es einfach nicht hin.

Ich habe im Editor bei unbounce.com (welche leider keinen Support für diese Anfrage liefern) ein Form-Element, das einen Confirmation Dialog öffnet, wenn man auf einen Button mit einer fest zugewiesenen ID klickt.

Wie kann man per JavaScript dieses Form-Element ausblenden oder schließen, sobald das Confirmation Dialog geöffnet wird? Ich habe die Möglichkeit JavaScripts und CSS Elemente zu dieser Seite hinzuzufügen, aber leider kann ich keine Änderung direkt am Form-Element vornehmen. Meine Idee in Fließtext wäre folgende:

<HEAD>
<Script>
Wenn Element mit Confirmation-Dialog-ID geöffnet wird, dann blende Form-Element-ID aus
</Script>
</HEAD>

Danke im Voraus!

LG
Peter

Content-Key: 325432

Url: https://administrator.de/contentid/325432

Printed on: May 2, 2024 at 09:05 o'clock

Mitglied: 131381
Solution 131381 Jan 04, 2017 at 10:08:24 (UTC)
Goto Top
Ohne den HTML Code können wir nur spekulieren:
document.getElementById('DieIDdesElements').style.display = 'none';  
Gruß mik
Member: Peter32
Peter32 Jan 05, 2017 updated at 11:44:41 (UTC)
Goto Top
Danke schonmal! Das ist ein guter Ansatz, allerdings verstehe ich noch nicht, wo genau ich denn dieses Script einfügen muss? Im Head oder Body teil?
Mitglied: 131381
131381 Jan 05, 2017 at 11:52:59 (UTC)
Goto Top
Das kommt eben darauf an wie der Code aussieht ohne das ist alles nur Spekulation face-sad

Kopiere den HTML-Quellcode wenn der Dialog offen ist dann kann man dir auch besser helfen!
Member: Peter32
Peter32 Jan 05, 2017 at 13:45:11 (UTC)
Goto Top
Hmm achso okay, also wie gesagt, das ganze läuft ja über unbounce. Ich habe hier mal eine testseite erstellt:

http://unbouncepages.com/blank-page-123128216/

wenn man hier eben die email eingibt und die AGB bestätigt und den Button drückt, dann kommt dieses confirmation window. Und wenn dies geschieht, würde ich gerne das Form-Element komplett ausblenden lassen.

Ideen? face-smile
Mitglied: 131381
131381 Jan 05, 2017 updated at 14:40:23 (UTC)
Goto Top
Die Seite funktioniert hier nicht. Nur eine leere Seite mit einem Button der keine Funktion hat.
Member: Peter32
Peter32 Jan 05, 2017 at 14:58:30 (UTC)
Goto Top
Sorry - ich depp hab sie vergessen zu veröffentlichen ^^ Jetzt müsste sie gehen mit den entsprechenden Button und emailmaske etc.
Mitglied: 131381
131381 Jan 05, 2017 updated at 19:49:08 (UTC)
Goto Top
Unten in den Body packen und IDs jeweils anpassen.
<script type="text/javascript">  
  $('#lp-pom-button-22').click(function(){  
  	$('#lp-pom-form-21 > form').css("display","none");  
        return true;
  });
</script>
Member: Peter32
Peter32 Jan 10, 2017 at 13:36:25 (UTC)
Goto Top
Danke für die Hilfe, allerdings hat es keine Wirkung gezeigt? Also wenn ich den Button klicke, passiert nichts?
Mitglied: 131381
131381 Jan 10, 2017 at 13:44:55 (UTC)
Goto Top
Hier lüppt dat, sorry. Ich würde an deiner Stelle meine eigene Webseite betrieben als so einen Mix-Mist zu produzieren.