2
PopUp-Fenster mit dynamischer Größe erstellen
Hallo an alle,
hänge an diesem Problem schon etwas länger und komme nicht weiter.
Hoffe das einer von euch mir weiterhelfen kann!???
Ich habe folgendes JavaScript-Element in meine PHP-Seite eingebettet, um Bilder aus der Galerie in einem PopUP auszugeben.
Das PopUp öffnet sich auch mit dem entsprechenden Bild(aber nur unter Firefox, beim IE springt er einfach eine Seite zurück???)
-> Leider passt sich das PopUp nicht dem Bild an, d.h. es ensteht immer ein Rand.
Weiß jemand von euch woran das liegt???? Bitte Helft mir!!!!!!
Funktionsaufruf:
Vielen Dank im voraus!!!!
MfG,
Suat
hänge an diesem Problem schon etwas länger und komme nicht weiter.
Hoffe das einer von euch mir weiterhelfen kann!???
Ich habe folgendes JavaScript-Element in meine PHP-Seite eingebettet, um Bilder aus der Galerie in einem PopUP auszugeben.
Das PopUp öffnet sich auch mit dem entsprechenden Bild(aber nur unter Firefox, beim IE springt er einfach eine Seite zurück???)
-> Leider passt sich das PopUp nicht dem Bild an, d.h. es ensteht immer ein Rand.
Weiß jemand von euch woran das liegt???? Bitte Helft mir!!!!!!
<script language="JavaScript" type="text/javascript">
function popup(datei)
{
var img = new Image();
img.src = datei;
NF=window.open(datei,"neu","scrollbars=yes,status=no,toolbar=no,location=no,directories=no,resizable=no","width="+img.width+",height="+img.height+",top=0,left=0");
NF.focus;
}
</script>Funktionsaufruf:
echo "<a href="" onclick=popup("$PicPathIn")>"; Vielen Dank im voraus!!!!
MfG,
Suat
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 66935
Url: https://administrator.de/contentid/66935
Printed on: April 19, 2024 at 22:04 o'clock
2 Comments
Latest comment
Sodale!
dieser Code öffnet ein popup Fenster
das sich automatisch der Bildgröse oder des des Inhaltes apasst.
zudem kann man es noch beliebig in der gegend verschieben!
das Popum öffnet in dem Fall direkt nach seiten öffnung,
du musst halt hier noch den on klick aufruf einfügen.
Dieser Code funktioniert bei IE, Firefox und Opera (mehr hab ich nicht getestet)
einfach makieren und einfügen
dieser Code öffnet ein popup Fenster
das sich automatisch der Bildgröse oder des des Inhaltes apasst.
zudem kann man es noch beliebig in der gegend verschieben!
das Popum öffnet in dem Fall direkt nach seiten öffnung,
du musst halt hier noch den on klick aufruf einfügen.
Dieser Code funktioniert bei IE, Firefox und Opera (mehr hab ich nicht getestet)
einfach makieren und einfügen
<script language="JavaScript1.2">
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
//drag drop function für NS 4////
/////////////////////////////////
var dragswitch=0
var nsx
var nsy
var nstemp
function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}
function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}
function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
//drag drop function für ie4+ and NS6////
/////////////////////////////////
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}
function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"
while (firedobj.tagName!=topelement&&firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}
if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")
////drag drop function endet hier//////
function hidebox(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}
</script>
<div id="showimage" style="position:absolute;width:250px;left:250;top:250">
<table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="2">
<tr>
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
height="36">
<tr>
<td id="dragbar" style="cursor:hand" width="100%"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face="Verdana"
color="#FFFFFF"><strong><small>PopUp Box</small></strong></font></layer></ilayer></td>
<td style="cursor:hand" valign="middle"><a href="#" onClick="hidebox();return false"><b><font color="#f5f5f5">x</font></b></a></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
////Hier kommt der Inhalt des POPUPS rein//////
<img border="0" src="eis.jpg" width="498" height="522"></td>
////Hier kommt der Inhalt des POPUPS rein//////
</tr>
</table>
</td>
</tr>
</table>
</div>
Hallo Suat,
wie ist der Stand der Dinge hier im Beitrag?? Konnte dir mein Vorredner helfen?
Grüße
Dani
wie ist der Stand der Dinge hier im Beitrag?? Konnte dir mein Vorredner helfen?
Grüße
Dani
