PopUp über JavaScript

Samus Aran · Beitrag von **Samus Aran** » 11.04.2006 12:00

Hallo

Da ich erst vor Kurzem mit JavaScript angefangen habe und noch nicht so erfahren bin, stehe ich gerade vor einem Problem:

Ich hatte versucht, ein PopUp, welches sich öffnet, wenn man auf einen bestimmten Link klickt, zu erstellen.
Ich schaffe es jedoch nicht, die Scrollbars hinzuzufügen. Das Ganze soll so aussehen, als wenn man eine Seite auf PopUp-Größe schrumpft.

Sodass man hoch- und runterscrollen kann. Das möchte ich verwenden, um auf Partnerseiten zu verlinken.

Zurzeit sieht der von selfhtml.org übernommene Code so aus

Code: Alles auswählen

<html>
<head>
<title>Test</title>
<script type="text/javascript">
Fenster = window.open("http://www.meinedomain.de/", "KleinesFenster", "width=500,height=500");
function Fenstername () {
  alert("Name des kleinen Fensters: " + Fenster.name);
  neu = prompt("Vergeben Sie einen neuen Fensternamen", "Name");
  Fenster.name = neu;
  alert("Der Name des Fensters lautet jetzt: " + Fenster.name);
}
</script>
</head>
<body>
<a href="javascript:Fenstername()">Mein Forum</a>
</body>
</html>

Vielleicht kann mir da ja jemand helfen.

Gruß

DnG · Beitrag von **DnG** » 11.04.2006 12:27

So würde ich das machen:
Zwischen <head> und </head> einfügen und anpassen:

Code: Alles auswählen

<script language="javascript"> 
   function popup(url, id, breite, hoehe) { 
links = (screen.width/2)-(breite/2); 
      oben = (screen.height/2)-(hoehe/2); 
window.open(url,id, "width="+breite+", height="+hoehe+", status = yes,toolbar =   yes,menubar = yes,location = yes,resizable = yes,titlebar = yes,fullscreen = no,top ="+oben+",left ="+links+""); 
   } 
</script>

Linkaufruf dann mit:

Code: Alles auswählen

<a href="blubb.htm" target="_blank""onClick="NewWindow(this.href,'name','520','460','yes');return false">

Mit yes und no und so musst du noch anpassen, war jetzt nur copy & paste von einer meiner pages, nur um das Layout zu verdeutlichen, damit kannst du es dann alles kontrollieren, es geht natürlich auch einfacher, wie dir (hoffentlich) noch wer anderes sagen wird ^^

Samus Aran · Beitrag von **Samus Aran** » 11.04.2006 14:11

THX für die Hilfe.

Nur scheint da etwas nicht zu fuktionieren.
Es erscheint kein Link auf dem Bildschirm.

Es passiert überhaupt nichts. Wo genau, muss ich denn etwas anpassen, damit es geht?

StarWolf3000 · Beitrag von **StarWolf3000** » 11.04.2006 14:16

der link erscheint nicht, weil kein Linkltext angegeben ist
so muss die Zeile lauten:

Code: Alles auswählen

<a href="datei.htm" onClick="popup(this.href,'name','520','460');return false">Text</a>

Alternative:

Code: Alles auswählen

<a href="#" onClick="popup('datei.htm','name','520','460');return false">Text</a>

Samus Aran · Beitrag von **Samus Aran** » 11.04.2006 15:19

Das hat funktioniert, vielen Dank

Manchmal sehe ich einfach den Wald vor lauter Bäumen nicht.

peddy · Beitrag von **peddy** » 09.03.2008 17:55

und in welche datei kann ich diesen code einbauen

Beitrag von **gn#36** » 09.03.2008 19:26

Ich würde mal sagen das kannst du dir selbst überlegen?

Es kommt ja ganz darauf an was du machen willst...