schwebendes Popup

A

Antrax

Mitglied
Hallo,

ich bin gerade dabei ein kleines Script für ein Gaming Portal zu schreiben.

Und zwar hatte ich vor, via einem kleinen schwebenden Popup, die aktuellsten News, sowie wichtiger Meldungen hevorzuheben.

Habe mich schon umgeschaut, jedoch keine richtige Information gefunden.

Vorallem da ich kein Popup suche, was willkürlich über das Gaming-Portal schwebt, wie man sie an jeder Ecke finden kann, sondern solch eines, wie man sie auf www.msn.de oder www.telefonbuch.de findet.

Also grafische Popups ohne Rahmen, die mittem auf dem Bildschirm im Stillstand schweben, und sich per Mausklick auf ein X schließen lassen.


Ich habe schon selbst versucht etwas in der Richtung hinzubekommen, bin aber kläglich gescheitert.


MfG antrax
 
Ja, das Problem ist, dass diese Seiten dieses Popup als Werbemittel nehmen, und dieses nicht immer eingeblendet ist.

Ich gehe mal auf die suche, ob ich sowas finde.

Wenn ja, mache ich einen Screenshot.


Schon gefunden ---> http://www.brainstormboard.de/board/index.php

Dort sieht man nach wenigen Sekunden oben ein Werbe-Popup von Amazon , welches mitten über der restlichen Seite liegt.

So etwas suche ich, nur eben mit der Möglichkeit, es auch zu schließen.
 
Zuletzt bearbeitet:
Das ist kein PopUp, sondern ein DIV mit absoluter Position und hohem z-Index. Die Dinger kannst Du mit JavaScript steuern. Ein Beispiel:
HTML: 
<script language="JavaScript" type="text/JavaScript">
function moveDiv() {
    var obj = document.getElementById("mydiv");
    if (parseInt(obj.style.top, 10) < 150) {
        obj.style.top = parseInt(obj.style.top, 10) + 2;
        setTimeout("moveDiv()", 10);
    }
}
</script>
</head>
<body bgcolor="#666666" onLoad="moveDiv()">
<font color="#FFFF99">bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! <br>
bla bla bla, bla blaballabla bla bla! bla, blabla balla bla! bla bla bla, blablaballabla bla bla! bla, blabla balla bla! </font>
<div id="mydiv" style="position:absolute; width:200px; height:115px; z-index:10; background-color: #990033; left: 200px; top: -150px;" onClick="this.style.visibility = 'hidden'">click to close</div> 
</body>

Gruß

.
 
Hallo,

gibt es eine Möglichkeit ein DIV einer Tabellenspalte zuzuweisen so das der Inhalt der Spalte bei scrollen mit läuft aber nur in dieser spalte ?
 
Hallo Tobias,
hallo @all,

das mit dem div-Element funktioniert ja ganz gut, aber wie kann ich mit einem Link solch ein schwebendes Popup aufrufen? Ich weiß nicht wie ich es in ein href-Element einbinden könnte. Oder will ich etwas was nicht geht? :(

grüsse marronne
 
Hi

HTML: 
<html>
	<head>
		<title>test</title>
	</head>
	<body>
	    <script>
			function showDiv(){
				var oDiv = document.getElementById("MeinDiv");
				oDiv.style.display = 'block';
				if (parseInt(oDiv.style.top) < 200) {
					oDiv.style.top = parseInt(oDiv.style.top)+2;
					setTimeout("showDiv()", 5);
				}
			}
			
			function hideDiv(){
				var oDiv = document.getElementById("MeinDiv");
				oDiv.style.display = 'none';
			}
			
	    </script>
		<div style="display: none; position: absolute; left: 100px; top: -200px; height: 200px" id="MeinDiv">
						  HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO <a href="#" onClick="hideDiv()"> [X] </a><br>
			   			  HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO<br>
						  HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO<br>
						  HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO<br>
						  HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO<br>
						  HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO<br>
						  HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO<br>
						  HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO<br>
					 	  HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO<br>
		</div>
		<a href="#" onClick="showDiv()">Zeige Div</a>
	</body>
</html>

MArc
 
HalliHallo!

Es ist immer wieder schön im Netz eine solche schöne Anleitung zu finden.

Hat vielleicht noch Jemand einen Tipp, wie ich oben beschriebene Funktion
dazu bekomme sich selbst auszuführen... nach z.B. 5 Sekunden?
Ohne das ich "Zeige DIV" klicken muss

Vielen Dank schon mal!
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück