Announcement

Collapse
No announcement yet.

per js geöffnetes Div nach Seiten-Refresh nicht schließen

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • per js geöffnetes Div nach Seiten-Refresh nicht schließen

    Hallo,

    ich habe ein div-layer mit einem Hinweitext, das bei Klick auf einen Button per js geöffnet wird. Nach dem Klick auf den Button wird die Seite neu geladen und anschließend verschwindet der Layer wieder. Ich möchte aber, dass der Layer erst bei Klick auf einen "schließen"- Button geschlossen wird, also auch beim Refresh der seite oben bleibt. Kann man das irgendwie bewerkstelligen? Habe folgenden js-code verwendet:
    Code:
    <script type="text/javascript"><!-- // 
    function div_show () {
      document.getElementById ('warenkorb').style.visibility = 'visible';
    }
    
    function div_hide () {
      document.getElementById ('warenborb').style.visibility = 'hidden';
    }
    // --></script>
    dazu dieses div (erstmal nur zum spielen):

    Code:
    <div id="warenkorb"><a href="javascript:div_hide ()" title="">Weiter Shoppen</a></div>
    den css-Teil:

    Code:
    #warenkorb {
    	background-color: #fff;
    	color: 000;
    	position:fixed; left:50%; top:50%;
    	width:400px; 
    	height:240px;
    	border:1px solid #000;
    	visibility:hidden;
    }
    une einen entsprechenden Link in einer PHP Datei.

  • #2
    Noch ein kleiner Nachtrag: Ich suche eigentlich nur einen Funktion wie auf dieser Seite, wenn man auf "In den Warenkorb" klickt. In dem Fall kommt nach dem Refreh der Seite ein iframe/div Popup hoch:

    beate-uhse

    Und genau so ein popup hätte ich auch gerne. Villeicht hat ja einer enn Tipp, wie die js-function und das div aussehen müsste

    Comment


    • #3
      Hallo Swordfish,

      Auf der Seite von Beate Uhse wird bei Klick auf den Button "In den Warenkorb" kein Refresh durchgeführt. Die verwenden einen IFRAME, der lediglich mit der Eigenschaft visibility:hidden ausgeblendet wurde. Bei Klick auf den Button "In den Warenkorb" wird dieser mit den Artikelinformationen gefüllt und eingeblendet.

      Funktion ist relativ einfach:
      Code:
      // Layer verstecken
      document.getElementById().style.visibility='hidden';
      
      // Layer anzeigen
      document.getElementById().style.visibility='visible';
      Müßtest im IFRAME nur die Eigenschaft ...style="visibility:hidden;"... setzen.
      Geht übrigens auch mit DIV anstatt IFRAME...

      Kann Dir gerne ein Beispiel basteln, wenn Bedarf besteht...

      ZUSATZ: Natürlich muss die ID des Layers in den Klammern von document.getElementById() angegeben werden...
      Zuletzt editiert von Arne Drews; 19.09.2008, 16:31.
      PHP rocks!
      Eine Initiative der PHP Community

      Comment

      Working...
      X