el3ment
Goto Top

Popup ohne Rahmen

ich will per javascript auf meiner website ein popup öffnen.
klingt soweit auch ganz einfach!
mein vorhaben ist es aber nur ein bild quasi als popup zu öffnen, ohne rahmen sozusagen.
um es etwas verständlich er auszudrücken, beispielsweise ich habe ein dreieck als bild mit transparenten hintergrund und nun will ich das es nur dieses dreieck als popup anzeigt ohne einen rahmen.
ich habe schon länger gegoogelt und gesucht aber ich finde nix darüber!
bin mir aber sicher das es sowas gibt da ich schon mehrere von solchen popus gesehen habe, beispielsweise von ebay.
vielen dank schonmal!

Content-Key: 84370

Url: https://administrator.de/contentid/84370

Printed on: April 25, 2024 at 15:04 o'clock

Mitglied: 46356
46356 Mar 31, 2008 at 19:03:25 (UTC)
Goto Top
Hallo!

Versuch's mal mit
 ...border="0"...  
Lg. Alex
Member: el3ment
el3ment Mar 31, 2008 at 19:44:51 (UTC)
Goto Top
hab mich wohl doch etwas unverständlich ausgedrückt.
ich meine den "rahmen" wo z.b bei Firefox "Mozilla Firefox" bzw auf dieser Seite "Popup ohne Rahmen - administrator - (benutzter Browser)"oben in der blauen Leiste steht.
Member: el3ment
el3ment Apr 08, 2008 at 19:33:57 (UTC)
Goto Top
wehn es interresiert... hab es so gelöst...
muss natürlich an die eigenen bedürfnisse angepasst werden.

kleiner tipp: bilder mit transparenten hintergrund verwenden, dann siehts noch besser aus!

Inhalt css datei:
#containerdiv	{
	position:absolute;
	visibility:visible;
	left:100px;
	top:100px;
	width:410px;
	height:177px;
}

Im Head:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
		<title>Untitled Document</title>
		<link rel="stylesheet" type="text/css" href="test.css">  
		<script type="text/javascript">  
			function ShowImage()
			{
				document.getElementById("containerdiv").style.visibility = "visible";  
			}
			function HideImage()
			{
				document.getElementById("containerdiv").style.visibility = "hidden";  
			}
		</script>
	</head>


Im Body:
<div onclick="HideImage();" id="containerdiv"><img src="popuptrans.gif"</div>  
		<a href="javascript:ShowImage();">Test</a>