Popup ohne Fenster, nur Inhalt

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Antworten
Benutzeravatar
scheibenbrot
Mitglied
Beiträge: 1552
Registriert: 23.12.2005 14:32

Popup ohne Fenster, nur Inhalt

Beitrag von scheibenbrot »

Hallo,
ich möchte eine Datei öffnen in der etwas drin steht.
Mit einem Link soll die gehen.
Nur wenn man auf den Link klickt soll sich kein normales Popup öffnen, sondern ein Popup ohne rahmen.
Hier ein Bild (das rote soll weg, das blau ist der Inhalt):
[ externes Bild ]
Mit diesem Link möchte ich das Popup öffnen:

Code: Alles auswählen

<a href="javascript:window.open('http://www...', 'Name', 'menubar=no, status=no, toolbar=no, resizable=yes, scrollbars=yes, width=500, height=300');void(0);">Linkbezeichnung</a>
Danke

mfg
Love is the slowest form of suicide.
Benutzeravatar
Miriam
Mitglied
Beiträge: 12310
Registriert: 13.10.2004 07:18
Kontaktdaten:

Beitrag von Miriam »

Probiere es mal mit einem Java-Script, das OVERLIB bereitstellen kann....
Gruss, Miriam.
Ich schmeiß' alles hin und...
... lasse es liegen
Benutzeravatar
scheibenbrot
Mitglied
Beiträge: 1552
Registriert: 23.12.2005 14:32

Beitrag von scheibenbrot »

Miriam hat geschrieben:Probiere es mal mit einem Java-Script, das OVERLIB bereitstellen kann....
Und das heißt auf Deutsch?
Love is the slowest form of suicide.
Benutzeravatar
Miriam
Mitglied
Beiträge: 12310
Registriert: 13.10.2004 07:18
Kontaktdaten:

Beitrag von Miriam »

Dass dann beim "Überfahren" eines Links mit der Maus eine (z.B.) Tabelle angezeigt wird, die dann wieder weggeblendet wird, wenn man/frau die Maus wieder vom Link wegbewegt.... :)
Gruss, Miriam.
Ich schmeiß' alles hin und...
... lasse es liegen
riddy
Mitglied
Beiträge: 91
Registriert: 05.08.2006 04:09
Kontaktdaten:

Beitrag von riddy »

omg warum den java?

css ist da ziemlich code sparender :)

"visibility" ist dein freund ^^

Code: Alles auswählen

<div id="kasten">deine link

<span class="info">die versteckten infos< /span>

<div />
und nun das css

Code: Alles auswählen

#kasten {
color : black;
background-color : transparent;
}

#kasten a {
padding: 4px;
color : #5D2E02;
text-decoration:underline;
display:block;
	padding-left: 25px;
	padding-right: 10px;
}

#kasten a:active {
color : #5D2E02;
}

#kasten a:visited {
color : #5D2E02;
}

#kasten a:hover {
color : #5D2E02;
text-decoration : none;
width : auto;
}

#kasten a .info {
display : none;
}

#kasten a:hover .info {
color : black;
line-height : 140%;
display : block;
padding-top:10px;
}
Antworten

Zurück zu „Coding & Technik“