Pop-Up Positionieren

senorgonzo

Hallo,

ich suche ein script mit dem ich ein pop-up fenster in der mitte der seite aufgehen lassen kann, also 50% von oben und unten. im moment benutze ich folgenden code der leider nicht funktioniert:

Code

<a href="#" onClick="window.open('media/film.html','','width=500,height=350,left=500,top=200')">

da ich keine prozent angeben kann, hat da einer einen tipp?

danke

sejuma

Füge mal das innerhalb des head-Bereiches ein:

Code

<style type="text/css">


body
{margin:0;
padding:0;
width:100%;
height:100%;
}
a
{text-decoration:none;}
a.info{


    z-index:1; background-color:#ccc;
    color:#000;
    text-decoration:none}


a.info:hover{z-index:2; background-color:#ff0}


a.info span{display: none}


a.info:hover span{


    width:500px;
    height:350px;
    position:absolute;
    top:50%; left:50%;
    margin-top:-175px;
    margin-left:-250px;
    display:block;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}


</style>

Alles anzeigen

HTML:

Code

<a class=info href="#">Hier soll beim Drüberfahren ein Popup-Fenster erscheinen <span>
Hallo, ich bin das Info-Fenster, hier kannst du Infos reinschreiben</span></a>

senorgonzo

Vieln dank für die schnelle antwort, wie schaut es den aus, wenn der link ein bild ist und kein text im html? also so:

Code

<td>[url='#'][img]img/button_play.gif[/img][/url]</td>

???

Danke

schrainer

Hallo,

Wenn ich 2 von den Scripten auf eine Seite packe. Wie positioniere ich die Fenster den unterschiedlich, das beide an unterschiedlichen Positionen stehen?

Kann ir da einer helfen??

Gruß
Schrainer

K.Y.L.T.

wie wäre es, wenn du versuchst etwas mit den Zahlenwerten zu experementieren? - Warum willst du 2 Popupfenster auf einer seite gleichzeitig öffnen können??? -> Sinn???

senorgonzo

Hallo also noch mal, habe das Script jetzt ausprobieren können und leider festgestellt, es ist nicht das was ich suche. ich brauche ein script, welches ein ganz normales pop up fenster zu 50% in der mitte von oben und links (oder unten und rechts) positioniert. es soll ein html dateil in einem fenster aufpopen in dem ein film eingebunden ist. der code den ich bis her habe schaut so aus.

Code

<td>[url='#'][img]img/button_play.gif[/img][/url]</td>

also ein ganz normales fenster. kein weltraum script, was mir ein eigenes feld in meiner html datei öffnett! wäre euch dankbar für einen tipp. verzweifel langsam danke

senorgonzo

Ich habe dieses Script gefunden, das klingt nachdem was ich suche, nur wie baue ich es in meine Seite ein? Wie schaut der Link aus der dann ein Popup öffnet?

Code

<script language="javascript">
   <!--
   function winOpen(url, breite, hoehe) {
      // Errechnet Koordinaten, um das Popup zentriert zu platzieren
      links = (screen.width/2)-(breite/2);
      oben = (screen.height/2)-(hoehe/2);
      window.open(url,"popup","height="+hoehe+",width="+breite+",status = no,toolbar = no,menubar = no,location = no,resizable = no,titlebar = no,scrollbars = no,fullscreen = no,top ="+oben+",left ="+links);
   }
   //-->
</script>

danke für einen tipp

gefunden habe dieses script hier

senorgonzo

Okay ich habe es mir selber gezeigt wie es geht hier der code für den link:

Code

<a href="javascript:winOpen('media/film.html','450','300')">

Tags