HP Probs... oder: Wie schaffe ich ein rahmenloses Pop up

Ephesus

Also: kurz und Schmerzlos: Meine website: http://test.kulibunt.ch

Das Problem: Die Links öffnen sich im selben Fenster, sollte sich aber in einem Rahmenlosen Popup öffnen, Sprich: eine HTML File in einem Popupfenster ohne Di eMenubuttons. Ich hab schon X Popupscripte ausprobiert usw, aber es klappt nix so richtig.

Der Quellcode sieht so aus:

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:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:


<script language="JavaScript"> 
<!--
// wählen Sie Farben und Grösse 
var a_Colour='ff0000'; 
var b_Colour='00ff00'; 
var c_Colour='0000ff'; 
var Size=50; 

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03; 
if (document.layers){ 
window.captureEvents(Event.MOUSEMOVE); 
function nsMouse(evnt){ 
xpos = window.pageYOffset+evnt.pageX+6; 
ypos = window.pageYOffset+evnt.pageY+16; 
} 
window.onMouseMove = nsMouse; 
} 
else if (document.all) 
{ 
function ieMouse(){ 
xpos = document.body.scrollLeft+event.x+6; 
ypos = document.body.scrollTop+event.y+16; 
} 
document.onmousemove = ieMouse; 
} 

function swirl(){ 
for (i = 0; i < 3; i++) 
 { 
  YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6); 
  XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6); 
 } 
ThisStep+=step; 
setTimeout('swirl()',10); 
} 

var amount=10; 
if (document.layers){ 
for (i = 0; i < amount; i++) 
{ 
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>'); 
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>'); 
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>'); 
} 
} 
else if (document.all){ 
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' 
+'<div id="IDiv" style="position:relative">'); 
for (i = 0; i < amount; i++) 
{ 
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>'); 
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>'); 
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>'); 
} 
document.write('</div></div>'); 
} 
function prepos(){ 
var ntscp=document.layers; 
var msie=document.all; 
if (document.layers){ 
for (i = 0; i < amount; i++) 
{ 
 if (i < amount-1) 
 { 
 ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left; 
 ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left; 
 ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left; 
 } 
else 
 { 
 ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0]; 
 ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1]; 
 ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2]; 
 } 
} 
} 
else if (document.all){ 
for (i = 0; i <  amount; i++) 
{ 
 if (i < amount-1) 
 { 
 msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; 
 msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; 
 msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; 
 } 
else 
 { 
 msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0]; 
 msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1]; 
 msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2]; 
 } 
} 
} 
setTimeout("prepos()",10); 
} 
function Start(){ 
swirl(),prepos() 
} 
window.onload=Start; 
// --> 
</script>

<html>

<head>
<meta http-equiv="Content-Language" content="de-ch">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Herzlich Willkommen auf der Seite des Kulibunt</title>
</head>

<body bgcolor="#FFCC00">

<p align="center">
<img border="0" src="KuliBunt%20Logo%20mit%20BG.jpg" width="885" height="318"></p>
<p align="center">
<font face="Georgia" size="5">Herzlich Willkommen auf der Seite des Kulibunt.</font></p>
<p align="center">
&nbsp;</p>
</body>
<div style="position:absolute;top:300;left:300">
<font face="Jenkins v2.0">
<script type="text/javascript">
function pop(file)
{
helpwindow = window.open(file,"pophelp","f1,f2,f3");
helpwindow.focus();
return false;
}
</script>
<script type="text/javascript">

eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0,a1:0,a2:0,a3:0,color:'#ffffff',colorover:'#ffffff',backgroundcolor:'#0099ff',backgroundcolorover:'#000000',bordercolor:'#000000',fontsize:12,fontfamily:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\""):",\"_self\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursor:pointer;cursor:expression(\"hand\");position:absolute;width:"+this.w+"px;left:"+this.h+"px;"+"background-color:"+this.backgroundcolor+";color:"+this.color+";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+"\";this.style.backgroundColor=\""+this.backgroundcolorover+"\"'"+	"onmouseout='this.style.color=\""+this.color+"\";this.style.backgroundColor=\""+this.backgroundcolor+"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getElementById("controale");for(i=0;i<this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(this.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this.pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this.a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a9s.zIndex=a12};a8.style.top=this.y+(this.isVertical?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v)
this.a1=this.a2;setTimeout("eye.muta()",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write('<div id="controale" style="position:absolute"><button type="" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()"><<</button> <button type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()">>></button></div>');eye.muta()}};

function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;

	while (parentEl!=null)
	{
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
return totaloffset;
}

eye.isVertical = 0; 			//if it's vertical or horizontal [0|1]
eye.x = 50; 				// x offset from point of insertion on page
eye.y = 0; 				// y offset from point of insertion on page
eye.w = 50; 				// item's width
eye.h = 30; 				// height
eye.r = 500; 				// menu's radius
eye.v = 20; 				// velocity
eye.s = 4; 				// scale in space (for 3D effect)
eye.color = '#ffffff'; 			// normal text color
eye.colorover = '#ffffff'; 		// mouseover text color
eye.backgroundcolor = 'blue'; 	// normal background color 
eye.backgroundcolorover = 'green'; 	// mouseover background color
eye.bordercolor = '#000000'; 		// border color
eye.fontsize = 25; 			// font size
eye.fontfamily = 'jenkins v2.0'; 		//font family

if (document.getElementById)
{
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top")  //relatively position it

//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("<i>Home</i>","http://www.wow-wolfsbrut.ch.vu");
eye.spinmenuitem("<i>Beispiel</i>","http://www.wow-wolfsbrut.ch.vu");
eye.spinmenuitem("<i>Beispiel</i>","http://www.wow-wolfsbrut.ch.vu");
eye.spinmenuitem("<i>Beispiel</i>","http://www.wow-wolfsbrut.ch.vu");
eye.spinmenuitem("<i>Beispiel</i>","http://www.wow-wolfsbrut.ch.vu");
eye.spinmenuitem("<i>Beispiel</i>","http://www.wow-wolfsbrut.ch.vu");
eye.spinmenuitem("<i>Beispiel</i>","http://www.wow-wolfsbrut.ch.vu");
eye.spinmenuclose();
}
</script>
</font>
</div>
</html>

gran

Hi Ephesus!

Dieses Rotations-Menue ist ja ne schicke Sache
aber mmh.. was ist denn ein "rahmenloses" pop-up?
Also ich wuerde mich noch nicht mal als Amateur bezeichnen was JS
angeht aber haette vielleicht eine Anregung.

Die normale pop-up funktion ist ja so:

code:
1: 2: 3: 4: 5: 6: 7: 8: 9: 10:	<script language="javascript"> <!-- function fenster() { var popupfenster; popupfenster=window.open("bla.htm","Name", width="800, height=600"); } --> </script>

Also mit bla.htm bestimmts du ja den Inhalt des pop-up.
Du kannst aber auch direkt ne Internetadresse reinsetzen.

Deine Menuepunkte sind doch in <div> tags gepackt, oder?
Dann koenntest Du das doch so machen: Lege fuer jede webseite eine function an.
Diesen div's kannst du dann mit onclick die jeweilige function zuweisen.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

<SCRIPT language=javascript>
<!--
function fenster()
{
var meinfenster;
meinfenster=window.open("http://www.google.de","Name","width=850,height=650");
}
-->
</SCRIPT>

<BODY>

<DIV id=dein-div style="WIDTH: 400px; HEIGHT: 200px; BACKGROUND-COLOR: #996666" onclick=fenster()></DIV>

</BODY>

^nur simples testing

Keine ahnung ob die Idee irgendwas bringt aber mehr hab ich nicht als Hilfe zu bieten..

P.S.
Ich surfe standardmaessig mit aktiviertem Popup Blocker großes Grinsen

Ephesus

Sooo, mittlerweile bin ich weiter gekommen. Popupblocker lässt sich ausschalten, wenn der User das Popup explizit anklickt, kurz: der popupblocker des IE ist nicht aktiv, wenn das Popup selber aufgerufen wird, unicht von der Seite. Soweit dazu. Mittlerweile hat sich das ganze gebessert, wer auf http://test.kulibunt.ch surft, der sieht, dass da schon ein poipup draus geworden ist, allerdings: dieses poppy hat noch all seine schaltflächen, toolbars usw. Nun, wie bekomme ich die raus?

NASA

Ein paar grundsätzliche Anmerkungen zur Seite:

Die Musik funktioniert nur im IE, im Firefox dagegen nicht. Im übrigen könnte die verwendete Musik einem Urheberrecht unterliegen, da kommts schon mal zu Abmahnungen durch die Musikindustrie. In Deutschland werden da schnell vierstellige Eurobeträge erreicht. Die Rechtslage in der Schweiz dürfte ähnlich sein.

Die 3 "Fontänen" um den Mauszeiger seh ich im FF auch nicht.

Das Popup öffnet sich im FF übrigens als Vollbild.

Aber genug gemeckert, schau mal hier:
http://de.selfhtml.org/javascript/objekte/window.htm#open

Also "location=no,menubar=no,resizeable=no,scrollbars=no,status=no,toolbar=no"
an passender Stelle im Quellcode einfügen (wo genau, weiß ich nicht, bei den vielen document.writes hab ich den Überblick verloren).

Ephesus

naja, die frage des Wo ist mir auch schon gekommen: hab da nähmliche schon gesucht und auch eingesetzt, aber: funztz ned...

Was die musik angeht: habe die Lizenz dafür, und braf meine grbühr bezahlt, also alles rechtens von seiten der Suisa...

NASA

Habs denke ich gefunden:
In der Zeile
eye={p:0,x:0,y:0 (...usw...)

statt:
onclick='window.open(\""+a6+"\""+(a5 verwirrt

",\""+a5+"\""):",\"_blank\"")+")'

onclick='window.open(\""+a6+"\""+(a5 verwirrt

",\""+a5+"\""):",\"_blank\",\"location=no,menubar=no,resizeable=no,scrollba
rs=no,status=no,toolbar=no,title=no,width=450,height=250\"")+")'

Die Parameter kannst Du natürlich nach eigenem Geschmack anpassen.

Scheint auch mit dem Firefox zu funktionieren.
Scrollbars=no ist natürlich insofern "gefährlich", dass bei entsprechendem Seiteninhalt und usergesteuerter Schriftgröße ("Halbblinde") der Text u.U. nicht mehr draufpasst und dann nicht mehr erreichbar ist.

Ephesus

Es hat geklappt!!! Vielen Dank, nun Funzt es so, wie es sollte. Scroolbars sind ein, wie du gesaagt hast, allein wegen grösse usw. Dass die musik in FF nicht anläuft, naja, shit happens, die is im mom so eh zu gross... und unwichtig smile