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-ID: 84370

Url: https://administrator.de/forum/popup-ohne-rahmen-84370.html

Ausgedruckt am: 23.12.2024 um 22:12 Uhr

46356
46356 31.03.2008 um 21:03:25 Uhr
Goto Top
Hallo!

Versuch's mal mit
 ...border="0"...  
Lg. Alex
el3ment
el3ment 31.03.2008 um 21:44:51 Uhr
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.
el3ment
el3ment 08.04.2008 um 21:33:57 Uhr
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>