pop-up titel

E

egreis

Mitglied
Hallo,

ich habe folgendes Problem. Mit JS öffne ich ein pop-up und das klappt auch ganz gut, kein Thema. Leider habe ich in der Titelleiste, oben links im pop-up, immer den Pfad drin stehen anstatt einen schönen Titel/Namen.

Kann mir jemand weiterhelfen?

Danke.
 
egreis: Falls das PopUp lediglich ein Bild ist, wirst du daran nichts ändern können. Lediglich eine aufgerufene HTML-Datei mit darin definiertem Titel könnte da was bewerkstelligen. ;)
 
@ silent warrior:

Da ich leider tatsächlich ein jpg aufrufe, wird sich daran wohl kaum was ändern lassen.

Bei html ist es ja kein problem, da brauch ich ja auf der Seite nur den Titel ändern.

Danke.
 
Hallo,

das is eigentlich egal - du kannst ja das HTML, sozusagen on-the-fly, erzeugen... Hatte die Funktion auch mal gebraucht - funktioniert einfwandfrei...

PHP: 
<html>
<head>
<script type="text/JavaScript">
<!--
function openWin(titel,img,alt) {
  popup = open("", "", "width=600,height=600,status=no,toolbar=no,menubar=no");
  popup.document.open();
      popup.document.write("<html><head><title>"+titel+"</title></head><body>");
      popup.document.write("<img src=\""+img+"\" alt=\""+alt+"\">");
      popup.document.write("</body></html>");
  popup.document.close();  
}
// -->
</script>
</head>
<body>
<a href="#" onClick="openWin('Photo 01','1.jpg','Alternativ Beschreibung für das Bild')">Link_Bild1</a>
</body>
</html>

die Funktion wird so aufgerufen:
Code: 
<a href="#" onClick="openWin('Photo 01','1.jpg','Alternativ Beschreibung für das Bild')">Link_Bild1</a>
erster Parameter ist der Titel;
zweiter Parameter das zu ladende Bild;
dritter Parameter ist der Text für das "alt"-Attribut...

die Funktion lässt sich sehr leicht erweitern (zum Beispiel für Height und Width)...

Hoffe das hilft dir etwas weiter...


ciao
 

Anhänge

Vielen Dank, das Script funktioniert einwandfrei!

Eine Frage hab ich noch. Wie kann ich die width und die height im JS ändern? Da viele Bilder eine unterschiedliche Grösse haben, würde ich ganz gerne diese Werte mit dem Link übergeben, ähnlich wie es mit dem Titel und der Quelle getan wird...

Danke nochmals.
 
Bitteschön :)
PHP: 
<html>
<head>
<script type="text/JavaScript">
<!--
function openWin(titel,img,alt,size) {
  popup = open("", "", size, "status=no,toolbar=no,menubar=no");
  popup.document.open();
      popup.document.write("<html><head><title>"+titel+"</title></head><body>");
      popup.document.write("<img src=\""+img+"\" alt=\""+alt+"\">");
      popup.document.write("</body></html>");
  popup.document.close();  
}
// -->
</script>
</head>
<body>
<a href="#" onClick="openWin('Photo 01','1.jpg','Alternativ Beschreibung für das Bild','width=500, height=600')">Link_Bild1</a>
</body>
</html>

ciao

//edit: Besonders praktisch wenn du die Größe der Bilder mit PHP auslesen lassen kannst, ansonsten wirds bei mehrenen Bildern etwas aufwendig...
 
kann man das vielleicht noch ergänzen, dass das POP-Fenster weiß wie groß das Bild ist?

Das würde mir jetzt sehr helfen :-)
 
Dazu müsstest ein Image Object erstellen und da das Bild reinladen.

Code: 
   var image = new Image();
        image.src = 'deine url zum Bild';
        image.onload = function () {
             var h = image.height;
             var w = image.width;

             //popup code nun 
        }
 
wie man sieht versteh ich nicht viel von JS. Und irgendwie funktioniert das nicht :confused:

Code: 
<script language="JavaScript" type="text/javascript">
	var image = new Image();
		image.src = '<?php echo"$img"; ?>';
		image.onload = function () {
			var h = image.height;
			var w = image.width;

				function openWin(titel,img,alt,size) {
				popup = open("", "", size, "status=no,toolbar=no,menubar=no");
					popup.document.open();
					popup.document.write("<html><head><title>"+titel+"</title></head><body>");
					popup.document.write("<img src=\""+img+"\" alt=\""+alt+"\">");
					popup.document.write("</body></html>");
				popup.document.close();  
				} 
        	}
//-->
</script>

LINK:

Code: 
<?php
echo"<a href=\"javascript:openWin('Photo 01','$img')\">LINK</a>";
?>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück