Seite 1 von 1

PopUp über JavaScript

Verfasst: 11.04.2006 12:00
von Samus Aran
Hallo :grin:

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ß

Verfasst: 11.04.2006 12:27
von DnG
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 ^^

Verfasst: 11.04.2006 14:11
von Samus Aran
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?

Verfasst: 11.04.2006 14:16
von StarWolf3000
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>

Verfasst: 11.04.2006 15:19
von Samus Aran
Das hat funktioniert, vielen Dank :grin:
Manchmal sehe ich einfach den Wald vor lauter Bäumen nicht.

Verfasst: 09.03.2008 17:55
von peddy
und in welche datei kann ich diesen code einbauen :roll:

Verfasst: 09.03.2008 19:26
von gn#36
Ich würde mal sagen das kannst du dir selbst überlegen?

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