Top-Themen

Aktuelle Themen (A bis Z)

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

MfG,

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 ..
Ähnliche Inhalte
VB for Applications
Popup Fenster erstellen
gelöst Frage von TripleFloVB for Applications19 Kommentare

Hallo zusammen, Ich hätte da mal eine Frage. Ich bin kein Spezialist in Sachen programmieren und würde dennoch gerne ...

JavaScript
Dialogfenster dynamisch erstellen
Frage von miichiii9JavaScript

Hallo Miteinander Ich versuche ein dynamisches Fenster zu erstellen. Das Fenster ist kein Problem das habe ich mithilfe von ...

Microsoft Office
Preislisten erstellen (statische und dynamische Texte)
Frage von BadgerMicrosoft Office1 Kommentar

Hallo Leute, ich hoffe, ich bin in diesem Thread hier richtig. Aber recht was passenderes habe ich nicht gefunden. ...

Hyper-V
Hyper-V 2012, dynamische Größe in Bezug auf größe der VHD Dateien
Frage von 111784Hyper-V3 Kommentare

Hallo zusammen, es geht um einen neuen Kunden mit bestehender Infrastruktur. Es handelt sich um einen Server 2012 Standard ...

Neue Wissensbeiträge
Viren und Trojaner

Deaktivierter Keylogger in HP Notebooks entdeckt

Information von bitcoin vor 14 StundenViren und Trojaner1 Kommentar

Ein Grund mehr warum man Vorinstallationen der Hersteller immer blank bügeln sollte Der deaktivierte Keylogger findet sich im vorinstallierten ...

Router & Routing

Lets Encrypt kommt auf die FritzBox

Information von bitcoin vor 18 StundenRouter & Routing

In der neuesten Labor-Version der FB7490 integriert AVM unter anderem einen Let's Encrypt Client für Zugriffe auf das Webinterface ...

Internet

Was nützt HTTPS, wenn es auch von Phishing Web-Seiten genutzt wird

Information von Penny.Cilin vor 3 TagenInternet17 Kommentare

HTTPS richtig einschätzen Ob man eine Webseite via HTTPS aufruft, zeigt ein Schloss neben der Adresse im Webbrowser an. ...

Webbrowser

Bugfix für Firefox Quantum released - Installation erfolgt teilweise nicht automatisch!

Erfahrungsbericht von Volchy vor 4 TagenWebbrowser8 Kommentare

Hallo zusammen, gem. dem Artike von heise online wurde mit VersionFirefox 57.0.1 sicherheitsrelevante Bugs behoben. Entgegen der aktuellen Veröffentlichung ...

Heiß diskutierte Inhalte
Batch & Shell
Trusted Sites für alle User auf dem PC einpflegen
Frage von xXTaKuZaXxBatch & Shell12 Kommentare

Aufgabestellung: Es sollen auf 1 PC (bzw. mehreren PCs) vertrauenswürdige Sites per Powershell eingetragen werden, die für alle User ...

Voice over IP
Telefonstörung - Ortsrufnummern kein Verbindungsaufbau
Frage von Windows10GegnerVoice over IP10 Kommentare

Hallo, sowohl bei uns als auch beim Opa ist es über VoIP nicht möglich Ortsrufnummern anzurufen. Es kommt nach ...

Vmware
DOS 6.22 in VMWare mit CD-ROM
gelöst Frage von hesperVmware10 Kommentare

Hallo zusammen! Ich hab ein saublödes Problem. Es ist eine VMWare mit DOS 6.22 zu erstellen auf dem ein ...

Cloud-Dienste
PIM als SaaS Nutzungsgebühr
Frage von vanTastCloud-Dienste8 Kommentare

Moin, wir haben uns ein PIM (Product Information Management) nach unseren Ansprüchen für viel Geld als SaaS-Lösung bauen lassen. ...