You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

  • "Pixelschupse" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

1

Friday, March 9th 2012, 3:59am

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

This post has been edited 2 times, last edit by "Pixelschupse" (Mar 11th 2012, 7:05pm)


  • "Pixelschupse" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

2

Friday, March 9th 2012, 4:59pm

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

Professional

Posts: 598

Location: Sachsen

Occupation: Webdesigner- und entwickler sowie Fotodesigner

  • Send private message

3

Friday, March 9th 2012, 8:49pm

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 vom iceman

www.fotodesign360.de / www.falkomueller.com
_____________________________________________________________________________________________________________________
Sende eCards direkt aus Deinem Panorama. Send eCards from your panorama.
The eCard-Plugin for krpano >> http://ecardplugin.falkomueller.com

  • "Pixelschupse" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

4

Friday, March 9th 2012, 8:57pm

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

Professional

Posts: 598

Location: Sachsen

Occupation: Webdesigner- und entwickler sowie Fotodesigner

  • Send private message

5

Saturday, March 10th 2012, 1:01pm

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 vom iceman

www.fotodesign360.de / www.falkomueller.com
_____________________________________________________________________________________________________________________
Sende eCards direkt aus Deinem Panorama. Send eCards from your panorama.
The eCard-Plugin for krpano >> http://ecardplugin.falkomueller.com

  • "Pixelschupse" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

6

Sunday, March 11th 2012, 3:24am

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:

Source code

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:

Source code

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

This post has been edited 2 times, last edit by "Pixelschupse" (Mar 11th 2012, 4:12am)


iceman_fx

Professional

Posts: 598

Location: Sachsen

Occupation: Webdesigner- und entwickler sowie Fotodesigner

  • Send private message

7

Sunday, March 11th 2012, 4:39pm

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 vom iceman

www.fotodesign360.de / www.falkomueller.com
_____________________________________________________________________________________________________________________
Sende eCards direkt aus Deinem Panorama. Send eCards from your panorama.
The eCard-Plugin for krpano >> http://ecardplugin.falkomueller.com

  • "Pixelschupse" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

8

Sunday, March 11th 2012, 5:51pm

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 ? :

Source code

1
onclick="js(tb_show(test,http://www.web.de/?keepThis=true&TB_iframe=true&height=500&width=500));" />
Pixelschupse has attached the following file:
  • test.zip (211.44 kB - 4 times downloaded - latest: May 30th 2013, 7:51am)

  • "Pixelschupse" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

9

Sunday, March 11th 2012, 6:22pm

So nun hab ich es doch noch gefunden...

In meiner index.html steht

Source code

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

Professional

Posts: 598

Location: Sachsen

Occupation: Webdesigner- und entwickler sowie Fotodesigner

  • Send private message

10

Monday, March 12th 2012, 8:53am

Na dann viel Spass damit ;-)
VG vom iceman

www.fotodesign360.de / www.falkomueller.com
_____________________________________________________________________________________________________________________
Sende eCards direkt aus Deinem Panorama. Send eCards from your panorama.
The eCard-Plugin for krpano >> http://ecardplugin.falkomueller.com

  • "Pixelschupse" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

11

Monday, March 12th 2012, 8:55am

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

Professional

Posts: 598

Location: Sachsen

Occupation: Webdesigner- und entwickler sowie Fotodesigner

  • Send private message

12

Monday, March 12th 2012, 3:05pm

Na da wird es ja nicht langweilig *g*

Welche auch sehr gut ist, ist die "floatbox".
Kostet aber auch Geld.
VG vom iceman

www.fotodesign360.de / www.falkomueller.com
_____________________________________________________________________________________________________________________
Sende eCards direkt aus Deinem Panorama. Send eCards from your panorama.
The eCard-Plugin for krpano >> http://ecardplugin.falkomueller.com

  • "Pixelschupse" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

13

Tuesday, March 13th 2012, 3:34pm

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" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

14

Tuesday, March 13th 2012, 6:18pm

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

Professional

Posts: 598

Location: Sachsen

Occupation: Webdesigner- und entwickler sowie Fotodesigner

  • Send private message

15

Tuesday, March 13th 2012, 7:08pm

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 vom iceman

www.fotodesign360.de / www.falkomueller.com
_____________________________________________________________________________________________________________________
Sende eCards direkt aus Deinem Panorama. Send eCards from your panorama.
The eCard-Plugin for krpano >> http://ecardplugin.falkomueller.com

inno

Trainee

Posts: 78

Location: Wyk auf Föhr

  • Send private message

16

Tuesday, March 13th 2012, 7:55pm

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" started this thread

Posts: 48

Location: Bielefeld

Occupation: Fotograf

  • Send private message

17

Thursday, March 15th 2012, 5:31am

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*