pragmaMx Support Forum

pragmaMx => Themes & Design => Thema gestartet von: Neuling in 24 Mai 2008, 16:38:49

Titel: popup fenster / überdeckendes Fenster halbtransparent
Beitrag von: Neuling in 24 Mai 2008, 16:38:49
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 (http://www.psd-tutorials.de/modules/Forum/21_allgemeines/5720-pop-fenster-erstellen-javascript.html) sowie http://www.stichpunkt.de/beitrag/popup.html (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 (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

Titel: Re: popup fenster / überdeckendes Fenster halbtransparent
Beitrag von: m-t in 24 Mai 2008, 18:02:17
Zitat von: Neuling in 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  ;)
Titel: Re: popup fenster / überdeckendes Fenster halbtransparent
Beitrag von: Neuling in 24 Mai 2008, 18:58:00
Hallo,

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

Grüsse

Titel: Re: popup fenster / überdeckendes Fenster halbtransparent
Beitrag von: Neuling in 24 Mai 2008, 21:13:27
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/ (http://www.huddletogether.com/projects/lightbox/) Fraglich jetzt nur, wie bekomme ich das realisiert?

Grüsse
Titel: Re: popup fenster / überdeckendes Fenster halbtransparent
Beitrag von: cihan in 24 Mai 2008, 23:01:15
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
Titel: Re: popup fenster / überdeckendes Fenster halbtransparent
Beitrag von: Neuling in 25 Mai 2008, 08:30:37
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
Titel: Re: popup fenster / überdeckendes Fenster halbtransparent
Beitrag von: cihan in 25 Mai 2008, 12:46:22
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.