Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

PopUp-Fenster mit dynamischer Größe erstellen

Frage Entwicklung Webentwicklung

Mitglied: SuatAlgin

SuatAlgin (Level 1) - Jetzt verbinden

23.08.2007, aktualisiert 04.11.2007, 5390 Aufrufe, 2 Kommentare

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!!!!!!

01.
<script language="JavaScript" type="text/javascript"> 
02.
function popup(datei) 
03.
04.
var img = new Image(); 
05.
img.src = datei; 
06.
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"); 
07.
NF.focus; 
08.
}  
09.
</script>
Funktionsaufruf:
01.
echo "<a  href=""  onclick=popup("$PicPathIn")>";
Vielen Dank im voraus!!!!

Mit freundlichen Grüßen,

Suat
Mitglied: Sanduar
30.08.2007 um 09:47 Uhr
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

01.
<script language="JavaScript1.2"> 
02.
 
03.
var ns4=document.layers 
04.
var ie4=document.all 
05.
var ns6=document.getElementById&&!document.all 
06.
 
07.
//drag drop function für NS 4//// 
08.
///////////////////////////////// 
09.
 
10.
var dragswitch=0 
11.
var nsx 
12.
var nsy 
13.
var nstemp 
14.
 
15.
function drag_dropns(name){ 
16.
if (!ns4) 
17.
return 
18.
temp=eval(name) 
19.
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) 
20.
temp.onmousedown=gons 
21.
temp.onmousemove=dragns 
22.
temp.onmouseup=stopns 
23.
24.
 
25.
function gons(e){ 
26.
temp.captureEvents(Event.MOUSEMOVE) 
27.
nsx=e.x 
28.
nsy=e.y 
29.
30.
function dragns(e){ 
31.
if (dragswitch==1){ 
32.
temp.moveBy(e.x-nsx,e.y-nsy) 
33.
return false 
34.
35.
36.
 
37.
function stopns(){ 
38.
temp.releaseEvents(Event.MOUSEMOVE) 
39.
40.
 
41.
//drag drop function für ie4+ and NS6//// 
42.
///////////////////////////////// 
43.
 
44.
 
45.
function drag_drop(e){ 
46.
if (ie4&&dragapproved){ 
47.
crossobj.style.left=tempx+event.clientX-offsetx 
48.
crossobj.style.top=tempy+event.clientY-offsety 
49.
return false 
50.
51.
else if (ns6&&dragapproved){ 
52.
crossobj.style.left=tempx+e.clientX-offsetx 
53.
crossobj.style.top=tempy+e.clientY-offsety 
54.
return false 
55.
56.
57.
 
58.
function initializedrag(e){ 
59.
crossobj=ns6? document.getElementById("showimage") : document.all.showimage 
60.
 
61.
var firedobj=ns6? e.target : event.srcElement 
62.
var topelement=ns6? "HTML" : "BODY" 
63.
 
64.
while (firedobj.tagName!=topelement&&firedobj.id!="dragbar"){ 
65.
firedobj=ns6? firedobj.parentNode : firedobj.parentElement 
66.
67.
 
68.
if (firedobj.id=="dragbar"){ 
69.
offsetx=ie4? event.clientX : e.clientX 
70.
offsety=ie4? event.clientY : e.clientY 
71.
 
72.
tempx=parseInt(crossobj.style.left) 
73.
tempy=parseInt(crossobj.style.top) 
74.
 
75.
dragapproved=true 
76.
document.onmousemove=drag_drop 
77.
78.
79.
document.onmousedown=initializedrag 
80.
document.onmouseup=new Function("dragapproved=false") 
81.
 
82.
////drag drop function endet hier////// 
83.
 
84.
function hidebox(){ 
85.
if (ie4||ns6) 
86.
crossobj.style.visibility="hidden" 
87.
else if (ns4) 
88.
document.showimage.visibility="hide" 
89.
90.
 
91.
</script> 
92.
 
93.
<div id="showimage" style="position:absolute;width:250px;left:250;top:250"> 
94.
 
95.
<table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="2"> 
96.
  <tr> 
97.
    <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0" 
98.
    height="36"> 
99.
      <tr> 
100.
        <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" 
101.
        color="#FFFFFF"><strong><small>PopUp Box</small></strong></font></layer></ilayer></td> 
102.
        <td style="cursor:hand" valign="middle"><a href="#" onClick="hidebox();return false"><b><font color="#f5f5f5">x</font></b></a></td> 
103.
      </tr> 
104.
      <tr> 
105.
        <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2"> 
106.
 
107.
 
108.
////Hier kommt der Inhalt des POPUPS rein////// 
109.
 
110.
<img border="0" src="eis.jpg" width="498" height="522"></td> 
111.
 
112.
////Hier kommt der Inhalt des POPUPS rein//////      
113.
 
114.
 </tr> 
115.
    </table> 
116.
    </td> 
117.
  </tr> 
118.
</table> 
119.
</div>
Bitte warten ..
Mitglied: Dani
04.11.2007 um 11:57 Uhr
Hallo Suat,
wie ist der Stand der Dinge hier im Beitrag?? Konnte dir mein Vorredner helfen?


Grüße
Dani
Bitte warten ..
Neuester Wissensbeitrag
Internet

Unbemerkt - Telekom Netzumschaltung! - BNG - Broadband Network Gateway

(3)

Erfahrungsbericht von ashnod zum Thema Internet ...

Ähnliche Inhalte
RedHat, CentOS, Fedora
gelöst Erstellen von Desktopverknüpfungen und Anpassung der Taskleiste (2)

Frage von honeybee zum Thema RedHat, CentOS, Fedora ...

Vmware
ESXI Template erstellen (2)

Frage von Phill93 zum Thema Vmware ...

Heiß diskutierte Inhalte
Switche und Hubs
Trunk für 2xCisco Switch. Wo liegt der Fehler? (17)

Frage von JayyyH zum Thema Switche und Hubs ...

Windows Server
Outlook Verbindungsversuch mit Exchange (15)

Frage von xbast1x zum Thema Windows Server ...

DSL, VDSL
DSL-Signal bewerten (14)

Frage von SarekHL zum Thema DSL, VDSL ...