Sie sind nicht angemeldet.

Pop Up aus Panorama heraus mit fester Fenstergröße (Gelöst mit thickbox)

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

1

Freitag, 9. März 2012, 03:59

Pop Up aus Panorama heraus mit fester Fenstergröße (Gelöst mit thickbox)

Hallo,
bei einer virtuellen Tour möchte ich gerne ein Emailformular via Pop Up aus dem Panorama heraus öffnen lassen und das in einer festgelegten Größe.

Funktionieren soll das ganze über einen HotSpot, ich hab inzwischen dies hier popupwindow glesen und danach meinen unten stehenden Code zusammengestellt, aber ich glaube das Problem was ich habe liegt daran das ich etwas oder alles falsch angegeben bzw. eingesetzt habe, vielleicht kann mir ja jemand sagen woran es liegt und wie es richtig funktionert.

Code aus der XML

<plugin name="null" url="1.png" alpha="0" keep="true" parent="karte" align="lefttop" edge="center" x="360" y="203" zorder="2" onover="tween(scale,1.0); tween(alpha,1.0);" onout="tween(scale,1.0); tween(alpha,0.0);" onhover="showtext(1,STYLE3);"

onclick=" 'js(mywindow(http://www.eineurl.de/panos/europa/form/…ex.html,800,600);)' "/>

Code aus/für der Index html des Panos

<div id="mypopup">

<script>
(function mywindow(url,width,height) {
mywindow = window.open (url, "mypopup", "width = "+width+", top = "(screen.availHeight/2)-(175);", left = "(screen.availWidth/1)-(460);", height = "+height);}
</script>

</div>

Wie beschrieben, ich hab das nur übernommen, aber überhaupt nicht sicher ob es so auch korrekt ist, funktionieren tut beim onklick auf jeden Fall gar nichts.

Grüße

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Pixelschupse« (11. März 2012, 19:05)

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

2

Freitag, 9. März 2012, 16:59

Zwischenzeitlich fand ich diesen Thread: New Browserwindow with OpenURL() ?

Nur leider funktioniert auch das nicht, ich vermute mein Problem aber am ehesten beim einbinden des JS in der HTML.

iceman_fx

Profi

Beiträge: 602

Wohnort: Sachsen

Beruf: Webdesigner- und entwickler sowie Fotodesigner

  • Nachricht senden

3

Freitag, 9. März 2012, 20:49

Hast Du denn ein Beispiel obzw. welcher JS-Fehler wird ausgebene?
Hast Du mal ein alert in die JS-Funktion eingebaut, um zu sehen, ob dieser überhaupt aufgerufen wird ?
VG von Falko

www.fotodesign360.de / www.falkomueller.com / Google Street View zertifizierter Fotograf

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

4

Freitag, 9. März 2012, 20:57

Leider weiß ich nichteinmal wo ich da ansetzen muss, da ich damit einfach nicht vertraut bin, im Panorama Forum habe ich nocheinmal gefragt und einen anderen Ansatz gehabt um mein Vorhaben zu verwirklichen: http://www.panorama-community.net/wbb/in…60854#post60854

Fehler werden aber keine ausgegeben, es passiert halt beim onklick einfach gar nichts.

Sehe grade auf der Seite das E-Card Plug in, eigentlich bräuchte ich im Grunde den Teil mit dem Form für Name Anschrift Email, dann wärs schon das was ich suche.

iceman_fx

Profi

Beiträge: 602

Wohnort: Sachsen

Beruf: Webdesigner- und entwickler sowie Fotodesigner

  • Nachricht senden

5

Samstag, 10. März 2012, 13:01

Ich habe hier ein JS-Beispiel eingestellt, welches per onclick eine externe JS-Funktion aufruft.
Schau es Dir mal an, um zu sehen, wie der Aufruf aussehen muss.
Dort kannst Du dann in der JS-Funktion den shadowbox-Aufruf entfernen und z.B. einen Alert einsetzen.
VG von Falko

www.fotodesign360.de / www.falkomueller.com / Google Street View zertifizierter Fotograf

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

6

Sonntag, 11. März 2012, 03:24

Wow,

also zunächst "DANKE", das mit der shadobox ist schon die Ultimativelösung!

Zwischenzeitlich habe ich ein wenig experimentiert und bin auch auf die thickbox umgestiegen, weil sie eben kostenlos ist.

Soweit habe ich nun das Skript in meine Index integriert und auch nach vielem hin und hergesuche den onklickbefehl gefunden.

Nun ist es auch so das in dem iFrame der thickbox auch was externes geladen werden kann, in meinem Fall das Formular, das ist schon super,
nur habe ich noch das Problem, das irgendwo ein Fehler vorliegen muss. Und zwar die Fensterposition, die thickbox ist irgendwo unten links und
wird nur teilweise angezeigt, aber ich behaupte mal das dies wiederum daran liegen könnte das mein Aufbau zwischen head und body
in der Aufrufenden HTML nicht richtig ist. Oder gibt es Parameter wo man die Position mit angibt ?

Hier einmal meine Aufrufende HTML:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<!DOCTYPE html>
<html>
<head>
	<title>krpano.com - test -</title>
	<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

	<style>
		@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
		html { height:100%; }
		body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
		a{ color:#AAAAAA; text-decoration:underline; }
		a:hover{ color:#FFFFFF; text-decoration:underline; }
	</style>
</head>


	
<body>

<script type="text/javascript" src="thickbox/jquery-latest.js"></script>
<script type="text/javascript" src="thickbox/thickbox.js"></script>
<style type="text/css" media="all">@import "thickbox.css";</style>

<script src="swfkrpano.js"></script>
<div id="pano" style="width:100%; height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
	
  <script>
  var viewer = createswf("krpano.swf");
  viewer.addVariable("xml", "tour.xml");
  viewer.addParam("wmode","opaque");
  viewer.embed("pano");
  </script>

  </body>
</html>




Eigentlich bin ich ja der Meinung das es soweit passen müsste, aber werde nicht schlau draus warum die Box unten links angezeigt wird und das eben nichtmal komplett, sondern nur teilweise.


Ok, was auch nicht funktioniert ist, das beim Klick ausserhalb der Box wie es in dem Beispiel von Iceman_FX zu sehen ist, die Box automatisch wieder zugeht, das wäre eigentlich auch noch eine Funktion die ich sehr gerne integrieren möchte.

Der Aufruf: Onklick ist überigens dieser hier:

Quellcode

 
1

onclick="js(tb_show(test,http://www.url.de/index.html?keepThis=true&TB_iframe=true&height=200&width=200));"/>

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Pixelschupse« (11. März 2012, 04:12)

iceman_fx

Profi

Beiträge: 602

Wohnort: Sachsen

Beruf: Webdesigner- und entwickler sowie Fotodesigner

  • Nachricht senden

7

Sonntag, 11. März 2012, 16:39

Also die Position der TB wird von dieser selbst gesteuert, sollte aber zentrisch sein.
Aber um dies genauer zu untersuchen, wäre ein Link zur Beispieltour wichtig.
VG von Falko

www.fotodesign360.de / www.falkomueller.com / Google Street View zertifizierter Fotograf

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

8

Sonntag, 11. März 2012, 17:51

Nach vielem hin und herprobiere werde ich einfach nicht mehr schlau draus, ich habe hier einmal einen zip zu dem Beispiel geschaffen, vielleicht hat ja jemand noch eine Idee warum die TchickBox an der falschen Position ist.

Eigentlich habe ich doch alles so gemacht wie in diesem Fred beschrieben: http://krpano.com/forum/wbb/index.php?pa…ckbox#post35467

Panorade hat dort dieses Beispiel: http://www.panorade.de/1/thickbox%20aus%20Krpano/index.html

Nur bei meinem Versuch funktioniert es einfach nicht so wie in dem Beispiel von Panorade.

Oder ist das hier als Aufruf nicht korrekt ? :

Quellcode

 
1

onclick="js(tb_show(test,http://www.web.de/?keepThis=true&TB_iframe=true&height=500&width=500));" />
»Pixelschupse« hat folgende Datei angehängt:
  • test.zip (211,44 kB - 73 mal heruntergeladen - zuletzt: 16. Oktober 2023, 12:38)

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

9

Sonntag, 11. März 2012, 18:22

So nun hab ich es doch noch gefunden...

In meiner index.html steht

Quellcode

 
1
2
3
4
5
6

<script>
  var viewer = createswf("krpano.swf");
  viewer.addVariable("xml", "index.xml");
  viewer.addParam("wmode","opaque");
  viewer.embed("krpanoDIV");
</script>


dort steht index.xml, meine xml nennt sich tour, nachdem ich sie umbenannt habe in "index", öffnet sich nun auch die thickbox da wo sie es soll!

Vielen vielen Dank für die Ansätze und natürlich dir Iceman_FX, ohne deinen Vorschlag wäre ich wohl nie auf die Idee gekommen sowas zu basteln!

DANKE !

iceman_fx

Profi

Beiträge: 602

Wohnort: Sachsen

Beruf: Webdesigner- und entwickler sowie Fotodesigner

  • Nachricht senden

10

Montag, 12. März 2012, 08:53

Na dann viel Spass damit ;-)
VG von Falko

www.fotodesign360.de / www.falkomueller.com / Google Street View zertifizierter Fotograf

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

11

Montag, 12. März 2012, 08:55

Mhh, ja den hab ich, inzwischen bin ich wieder zurück zur Shadowbox gekommen, weil ich sah das einige meiner Skripte aus der Thickbox einfach nicht laufen wollen, nun ärgere ich mich mit der Umgestaltung der Shadowbox rum, die ist zwar schön dynamisch, aber eben das brauch ich grade mal gaar nich ;-)

iceman_fx

Profi

Beiträge: 602

Wohnort: Sachsen

Beruf: Webdesigner- und entwickler sowie Fotodesigner

  • Nachricht senden

12

Montag, 12. März 2012, 15:05

Na da wird es ja nicht langweilig *g*

Welche auch sehr gut ist, ist die "floatbox".
Kostet aber auch Geld.
VG von Falko

www.fotodesign360.de / www.falkomueller.com / Google Street View zertifizierter Fotograf

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

13

Dienstag, 13. März 2012, 15:34

Interessant finde ich wie unterschiedlich die verschidenen Boxen zulassen ob diverse JS und JQuery Skripte ausführt werden könnenn oder eben nicht, die Thickbox scheint dabei etwas zu unterdrücken, die Shadowbox lässt es wiederrum zu, das ist etwas verwirrend.

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

14

Dienstag, 13. März 2012, 18:18

Vielleicht auch für andere interessant zu wissen das es viele Alternativen zu Shadowbox gibt, hier habe ich eine Sammlung gefunden: http://planetozh.com/projects/lightbox-clones/

iceman_fx

Profi

Beiträge: 602

Wohnort: Sachsen

Beruf: Webdesigner- und entwickler sowie Fotodesigner

  • Nachricht senden

15

Dienstag, 13. März 2012, 19:08

Kenn ich auch.
Wichtig ist, dass man sich eine Box aussucht, welche auch mit dem sonstige JS-Framework zusammenarbeitet.
Das mischen von versch. Frameworks sollte man nicht unbedingt machen.
VG von Falko

www.fotodesign360.de / www.falkomueller.com / Google Street View zertifizierter Fotograf

inno

Schüler

Beiträge: 86

Wohnort: Wyk auf Föhr

  • Nachricht senden

16

Dienstag, 13. März 2012, 19:55

Zitat von »Pixelschupse«

Vielleicht auch für andere interessant zu wissen das es viele Alternativen zu Shadowbox gibt, hier habe ich eine Sammlung gefunden: http://planetozh.com/projects/lightbox-clones/
Ich kannte diese Liste noch nicht, danke schön dafür. Ich stimme Iceman_fx klar zu... eine Mischung aus Mootools und jQuery oder so veranlasst Haare grau zu werden während man sie ausrauft

Peter

Pixelschupse

Anfänger

  • »Pixelschupse« ist der Autor dieses Themas

Beiträge: 48

Wohnort: Bielefeld

Beruf: Fotograf

  • Nachricht senden

17

Donnerstag, 15. März 2012, 05:31

Es wird immer lustiger...

Nun wird noch die Fullscreenfunktion gewünscht, ich hasse sie... Aber gut, sollen se bekommen...

Problem ist, die Shadobox wird bei Fullscreen nicht angezeigt, wenn ich aber dann aus Fullscreen wieder zurück in normal Modus gehe, dann ist die Box da wo sie hingehört.

Jemand eine Idee ?!?

Ich bin so langsam aber sicher *wacko* *confused* *blink* *confused* *wacko*

Ähnliche Themen