MAGIX WEB DESIGNER // Lassen sich Popups durch erneuten Klick auf eine andere Schaltfläche schließen?

speedy71 schrieb am 01.08.2014 um 16:17 Uhr

Hallo,

durch drücken der Schaltfläche "Kontakt" öffnet sich das zugehörige Popup mit den entsprechenden Kontakt-Informationen.

Gibt es eine Möglichkeit, dass sich das Popup durch erneutes(!) Drücken der Schaltfläche "Kontakt" wieder schließt?

Für sachdienliche Hinweise wäre ich sehr dankbar.:-)

 

Speedy2103

Kommentare

BeRo schrieb am 01.08.2014 um 19:44 Uhr

[...] Popups durch erneuten Klick auf eine andere Schaltfläche schließen [...]

Das ist kein Problem, wenn Du der Schaltfläche als Link einen Funktionsaufruf verpasst, der z. B. so aussieht: popup:close "kontaktform"

Dabei nehmen wir an, dass Du das Kontaktformular auf der Ebene "kontaktform" abgelegt hast (im Beispiel gelb markiert)

[...] Gibt es eine Möglichkeit, dass sich das Popup durch erneutes(!) Drücken der Schaltfläche "Kontakt" wieder schließt? [...]

Auch das ist möglich. Es erfordert aber den Einbau eines kleinen JavaScript Programms. Wenn Du Dir das zutraust, melde Dich einfach wieder...

Viel Erfolg

Zuletzt geändert von BeRo am 01.08.2014, 19:44, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

speedy71 schrieb am 01.08.2014 um 21:51 Uhr

Vielen Dank für die schnelle Antwort und Hilfe.

Die zweite Option ist die, um welche es mir eigentlich geht. Von daher würde ich gerne in Sachen JavaScript Programm mein Glück versuchen.

Hast Du hierzu einen Tip, wie man dies am sinnvollsten angehen sollte?

 

Beste Grüße

Speedy

BeRo schrieb am 01.08.2014 um 21:54 Uhr
[...] Hast Du hierzu einen Tip, wie man dies am sinnvollsten angehen sollte? [...]

Tipp ja (siehe unten) Script Nein, aber ich schau's mir mal genauer an...

Fortsetzung foigt.

Zuletzt geändert von BeRo am 01.08.2014, 21:54, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

BeRo schrieb am 02.08.2014 um 15:32 Uhr

...Fortsetzung 1

Damit Du das weiter unten aufgeführte Script ohne große Anpassungen übernehmen kannst, müssen folgende Voraussetzungen erfüllt sein:

  • Ein Kontaktformular ist angelegt und in der Seite verankert.
  • Das Kontaktformular ist auf einer separaten Ebene abgelegt, die das Attribut "(lock)" bekommen. muss
  • Wenn das Kontaktformular ausgeblendet ist, wird der Platz von einem Infotext eingenommen.
  • Der Infotext ist auf einer separaten Ebene abgelegt, die das Attribut "(lock)" bekommen muss.

So sieht das (für die Demo) im Editor aus:

Sind die Voraussetzungen erfüllt, dann kannst Du einem Button (oder einem Text) den Link auf das u. a. Script verpassen. Der Link sieht so aus:

---------------------------
javascript:kontakt();
--------------------------

Das folgende Script, mit dem die Steuerung des Ein- und Ausblendens der neu angelegten Ebenen erfolgt, muss im HTML Body der Seite abgelegt werden.

--------------------------
<script type="text/javascript">
window.onload=(xr_cpu(4)); 
// öffnet Infotext beim Laden der Seite
i=0;
// Funktion startet nach Klick auf den Button "Kontaktformular öffnen..."
function kontakt(){
if(i == 0)
{
i++;
xr_cpu(5); 
// öffnet das Kontaktformular
xr_ppc('xr_xp4');  // schließt den Infotext
}
else
{
i=0;
xr_ppc('xr_xp5'); 
// schließt das Kontaktformular
location.reload();  // lädt die aktuelle Seite neu
}}
</script>

--------------------------

Die im Script gelb markierten Werte sind von der Anzahl- und Position der popup Ebenen abhängig, sie müssen für Deine Site sehr wahrscheinlich angepasst werden.

Welche Werte in Deinem Fall zutreffen, findest Du heraus, wenn Du 2 Buttons anlegst, denen Du je einen Link auf eine der beiden neu angelegten popup Ebenen verpasst.
Öffnest Du die Seite in der Vorschau und positionierst den Mauszeiger auf einen Button, siehst Du unten links, in der Fußzeile den kompletten Scriptaufruf, den der WD benutzt.

 

Im o. a. Screenshot wird der Wert "4" für die Funktion "xr_cpu()" benutzt. Damit wird in der Demo der Infotext eingeblendet.

Wenn Du die Werte für das Einblenden der beiden neu angelegten Ebenen herausgefunden- und ggf. im Script angepasst hast. müssen die beiden Buttons außerhalb des Seitenlayouts abgelegt werden, Sie dürfen nicht gelöscht werden!

 

Das war's dann schon

In der Vorschau (und online) kann das jetzt so aussehen:

Wie sich die nach dem o. a. Muster "gestrickte" Demo online präsentiert, das kannst Du hier sehen,

Die komplette Projektdatei, inkl. des Scripts und der lauffähigen Demo kannst Du hier herunterladen, für eigene Experimente.

Viel Erfolg

 

Zuletzt geändert von BeRo am 02.08.2014, 15:48, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

speedy71 schrieb am 08.08.2014 um 14:58 Uhr

Vielen Dank für den erstklassigen Profi-Support.;-)