popup fenster / überdeckendes Fenster halbtransparent

Begonnen von Neuling, 24 Mai 2008, 16:38:49

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 2 Gäste betrachten dieses Thema.

Neuling

Hallo Zusammen,

ich habe hier ein für mich wichtiges Anliegen, dass mir sehr am Herzen liegt.

Ich benötige für die neue pragma Version / mx rainbow - template folgende funktionen:

1. ein sich öffnendes Fenster mit größenangabe bei Mausklick ( popup / javascript ) auf einen Link in einem html - Menüblock, dass auch bei popupblockern geöffnet wird. Hierzu habe ich bereits diese Artikel gefunden: http://www.psd-tutorials.de/modules/Forum/21_allgemeines/5720-pop-fenster-erstellen-javascript.html sowie http://www.stichpunkt.de/beitrag/popup.html

Dies scheint auch das richtige zu sein, was ich benötige, jedoch komme ich als newbie nicht ganz mit der Implementierung in das CMS - System klar. Ich muss doch einfach nur die scriptzeilen in den head der theme.html einfügen und die Verlinkung entsprechend vornehmen. Irgendwie will dass jedoch nicht funktionieren. Könnt Ihr bitte weiterhelfen?

2. habe zufällig zu o.g. Punkt eine Beispielseite gefunden: http://www.planet49.com/cgi-bin/wingame.pl?source_pk=3149&partner_pk=852&wingame_pk=43 Bei Gewinn-Sponsoring und "hier" ist diese funktion bereits integriert. Klickt hierbei auch mal bitte auf den Wagen. Es öffnet sich ebenfalls ein fenster, jedoch wird dieser in den vordergrund geschoben. Das wäre für mich auch Interessant. Habt Ihr hierzu den passenden Code parat oder links, wo ich was finden kann.

Vielen lieben Dank schonmal vorab!

Grüsse


m-t

Zitat von: Neuling am 24 Mai 2008, 16:38:49
Bei Gewinn-Sponsoring und "hier" ist diese funktion bereits integriert.

im quelltext der seite findest du das javascript mit der function openit()

fahr mit der maus über den link, rechte maustaste -> link adresse kopieren, das ist der code den du suchst  ;)

Neuling

Hallo,

und wie wird dieser jetzt in das CMS eingebunden?  :)

Grüsse


Neuling

Hallo,

Punkt 1 ist erledigt. Habs jetzt einfach mit dem Code:

<a href="darei.html" target="_blank" onclick="window.open('this.href','name','scrollbars=yes,resizable=yes,width=350,height=600'); return false">Text zum Link</a> genutzt. Hätte ich aber auch früher drauf kommen können  :puzzled:

Zu Punkt zwei habe ich die sogenannte lightbox gefunden. http://www.huddletogether.com/projects/lightbox/ Fraglich jetzt nur, wie bekomme ich das realisiert?

Grüsse

cihan

Hi  :)

ZitatZu Punkt zwei habe ich die sogenannte lightbox gefunden. http://www.huddletogether.com/projects/lightbox/ Fraglich jetzt nur, wie bekomme ich das realisiert?
Also einfacher als es dort beschrieben kann man es nicht machen... Da includierst du einfach das javasript und den Effekt bekommst du, wenn du bei deinen Bildern
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

rel="lightbox" einfügst.

lg

Neuling

#5
Hallo

ja, das dachte ich auch, doch das will nicht so recht.

<script type="text/javascript" src="lightbox.js"></script> habe ich in die kopfzeile theme.html geschrieben.
<a href="testseite.html" rel="lightbox" title="testseite">zur testseite</a> als verlinkung genutzt, da ich nicht auf ein bild, sonder html seite verweisen möchte.

#lightbox{
   background-color:#eee;
   padding: 10px;
   border-bottom: 2px solid #666;
   border-right: 2px solid #666;
   }
#lightboxDetails{
   font-size: 0.8em;
   padding-top: 0.4em;
   }   
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; } als lightbox.js im root verzeichnis abgespeichert.

Was mache ich falsch?

Danke und Grüsse

cihan

Hi,
da solltest du das javaScript ins /includes/my_header.php reinschreiben und nicht ins theme.html... Und ist das nicht speziell für Bilder und nicht HTML-Dateien? Also der Autor schreibt, es sei für Bilder, daher dürfte es wohl für eine HTML-Datei nicht so recht funktionieren.