Popup mit fade in öffnen

[Tobi44]

Hallo,

öffne mit diesem Code ein Popup:
window.setTimeout("popup_show(\'popup\', \'popup_drag\', \'popup_exit\', \'screen-top-left\', 230, 100)", 100);

Habe in einer externen .js wie in dieser Beschreibung Javascript Tutorial - Simple Fade Animation | Switch on the Code die Funktion für fade in/out.

In diesem Beispiel wird der Effekt allerdings mit einem input-Feld zum Anklicken vollbracht. Wie kriege ich den Effekt nun in mein automatisch öffnendes Popup?

Danke & Gruß

 

[threadi]

Gar nicht. Dieser Effekt kann nur auf Elemente angewendet werden. Du versuchst aber scheinbar ein Fenster zu öffnen, was man nicht animieren kann. Es ist dabei egal worüber und mit welcher Aktion auf welchem Element der Effekt gestartet wird. Das Ziel des Effekts ist ein Element, kein Browserfenster. Du musst also davon weggehen ein Popup öffnen zu wollen und eher ein Flyout/Element zu öffnen. Dann kannst Du den Effekt auch einsetzen

 

[Tobi44]

Keine Ahnung - habe für dieses Popup auch eine .js. Warum kann man dieses Popup nicht mit dem Effekt versehen?

 

[threadi]

Sprichst Du wirklich von einem Popup (sprich: Klick -> neues Browserfenster geht auf)? Wenn ja, dann geht das nicht.

Sprichst Du von einem Flyout? Dann könnte/sollte es gehen. Ob und wie hängt jedoch von deinem Code ab den wir hier nicht kennen.

 

[Tobi44]

Hmm, was hast du denn mit Browserfenster? Beim Öffnen meiner Seite öffnet sich ein kleines Popup, die Maße stehen ja oben im Code, welches ich verschieben, schließen etc. kann. Aber was ist hiermit: .fadeIn() – jQuery API - kann ich das nicht darauf anwenden? Wobei da ja auch was von "click" im Code steht. Mein Popup öffnet sich aber beim Laden der html-Seite.

<script type="text/javascript">
window.setTimeout("popup_show(\'popup\', \'popup_drag\', \'popup_exit\', \'screen-top-left\', 230,  100)", 100);
</script>
<div class="sample_popup"     id="popup" style="display: none;">
<div class="menu_form_header" id="popup_drag">
<img class="menu_form_exit"   id="popup_exit" src="/img/close.png" title="Close" alt="Close" />
<span class="layer_header">Titel</span>
</div>
<div class="menu_form_body"><div class="layer_txt">Text</div></div></div>

Ansonsten die .js hab ich von hier: Popup Window - PHP Development

Gruß

 

[threadi]

Ok, damit dürfte klar sein, was Du nun genau meinst. Ein Popup-Fenster wäre sowas wie hier:
Test

In deinem Fall ist es jedoch ein Layer der über die eigentliche Seite gelegt wird. Wenn Du dort den Fade-Effekt einbauen willst, musst Du die Quelldateien bearbeiten die Du unter dieser URL "Popup Window" runtergeladen hast und somit das ggfs. vorhandene Copyright des Erstellers beeinflussen.