Popup in HTML-Seite - anders, als es sich anhört...

reci2 · 17.05.2011

Hi,
ich hab mal ne Frage: wie kann ich eine Art "internes Popup" in einer Seite machen. Zum Beispiel wie wenn man bei Windoof.org auf n Desktop-Icon klickt, oder bei hackthenet.org im Techtree auf ein Info-Symbol klickt? Oder, wenn man bei extplorer (extplorer.sourceforge.net) auf Umbenennen, Hochladen, Entpacken... klickt?

Stefan · 17.05.2011

Hallo,

geh mal auf http://www.prototype-ui.com/ und klicke dort beim ersten Abschnitt (Window) auf TRY IT. Das dürfte sowas sein, was du willst. Die JavaScript-Bibliothek, die das anbietet, kannst du dir da auch herunterladen. Braucht Prototype (auch ne OpenSource JavaScript-Bibliothek).

Freundliche Grüße

Stefan

PS: Ich seh es grad erst: windoof.org verwendet sogar genau diese Kombination - hättest du im Quelltext geschaut, hättest du es gleich gefunden

reci2 · 17.05.2011

StGaensler schrieb:
Hallo,

geh mal auf http://www.prototype-ui.com/ und klicke dort beim ersten Abschnitt (Window) auf TRY IT. Das dürfte sowas sein, was du willst. Die JavaScript-Bibliothek, die das anbietet, kannst du dir da auch herunterladen. Braucht Prototype (auch ne OpenSource JavaScript-Bibliothek).

Freundliche Grüße

Stefan

PS: Ich seh es grad erst: windoof.org verwendet sogar genau diese Kombination - hättest du im Quelltext geschaut, hättest du es gleich gefunden

Hey, Danke für die schnelle Antwort :applaus:

Hab schon zigmal in den Quelltext geschaut, aber nicht gewusst, dass es prototype war.
Danke!

Stefan · 17.05.2011

Keine Ursache

Es ist Prototype und die Window-Bibliothek. Mit einem alleine funktionierts nicht

Freundliche Grüße

Stefan

reci2 · 19.05.2011

Danke, hab jetzt das komplette Paket runtergeladen, so gannz klappt's aber auch noch nicht. Was mach ich falsch? Die Verlinkungen (auch innerhalb des CSS) sind alle richtig.

Code:

<!doctype html>

<html>
<head>
<title>fenster</title>
<style type="text/css">
body {
background-color: rgb(50%, 50%, 100%);
}

div#logo {
position: absolute;
z-index: 999;
bottom: 20px;
right: 10px;
font-family: Arial Black;
font-weight: bold;
font-size: 65px;
color: #bbbbbb;
text-align: right;
}

ul {
list-style-type: none;
}

li {
margin-left: 10px;
float: left;
font-size: 10px;
font-family: Calibri, Arial, Verdana, Helvetica;
text-align: center;
}
</style>
<script src="prototype.js" type="text/javascript"></script>
<script src="effects.js" type="text/javascript"></script>
<script src="window.js" type="text/javascript"></script>
<script src="../../js/prototype.js" type="text/javascript"></script>
<script src="../../js/scriptaculous.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="window.css" />
<link rel="stylesheet" type="text/css" href="vista.css" />
<link rel="stylesheet" type="text/css" href="drop_shadow.css" />

<script type="text/javascript">

Demo = {
  window: function() {
    // Hello word :)
    new UI.Window({theme:  "vista", 
                   shadow: true, 
                   width:  200, 
                   height: 150}).center().setContent("Hello World!").show();
  }</script>
</head>

<body>
<div id="logo">
Hier der Inhalt...
</div>
<a href="#" onClick="openWindow(); return false;">oeffne fenster</a>
</body>
</html>

reci2

Popup in HTML-Seite - anders, als es sich anhört...

reci2

Stefan

reci2

Stefan

reci2

Popup in HTML-Seite - anders, als es sich anhört...

ANGEBOTE & SPONSOREN

Neueste Beiträge

Statistik des Forums