|
HTML - Fullscreen Popup
hello, how can I create a full screen pop up like the boss panic button on www.workoplis.com
the code i saw was Code: <a href="javascript:void(0);" onClick="fullScreen('http://www.workopolis.com/boss_button.html');" class="nav2off" target="_top">Boss Panic Button</a>
thanks in advance.. Similar TutorialsHi, I need to have an intranet page open fullscreen when someone clicks on hyperlink is this possible in html or do I need to use javascript? here is code for link 'XXXX' is server name when user clicks on this link the login page loads but not fullscreen users want it load fullscreen. <code> <td height="19" colspan="2"><a href="http://XXXX/" target="blank" ><img src="../images/Concerto.gif"target="blank" width="119" height="90" border="1"></a></td> </code> Hi, how can I display a .mov video in fullscreen ? I would like to add a link below "Show Full Screen Video". thanks Hi guys, I posted a tread last week about a preloader to load and cache multiple files (swf) that are at different addresses before playing a flash page. Someone finally posted an answer, and the code is almost working perfectly. The way to make it work is by having an .html file, an .as file and a .swf loader file. But right now I have an issue with the html file. It's working perfectly in Safari and Firefox but not in Internet Explorer. In IE the swf appears really small in the window. Any ideas why ? The test address is; http://www.liferevolution.com/test2/ Here's the code for the html; HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
var flashVars = {};
flashVars.fileToLoad = "main1.swf"; //change here to same url wrote into the preloader array
var params = {};
params.scale = "true"; // exactfit, noscale, noborder
params.allowfullscreen = "true";
//params.salign = "center";
params.allowScriptAccess = "sameDomain";
params.quality = "high";
params.menu = "false" ;
params.bgcolor = "#000000" ;
var attributes = {};
//attributes.align = "center";
attributes.id = "mbox";
attributes.name = "mbox";
var breite = "0";
var hoehe = "0";
var swfFile = "javaScriptCaller";
var mainFlashApp = "myFlash";
var flashVersion = "9.0.0.0";
swfobject.embedSWF("preloaderExample.swf", "myFlash", "100%", "100%", "9.0.0.0","expressInstall.swf", flashVars,params,attributes);
function fullScreen()
{
posHelper("100%","100%");
posHelper2((breite-20) + "px",(hoehe-20) + "px");
var ele = document.getElementById("flashPosition");
ele.style.margin = 0;
ele.style.top = 0;
ele.style.left = 0;
ele.style.width = "100%";
ele.style.height = "100%";
}
function posHelper (b,h)
{
var ele = document.getElementById("flashSize");
ele.style.width = b;
ele.style.height = h;
ele.style.overflow = "hidden";
}
function posHelper2(b,h)
{
var ele = document.getElementById("htmlContent");
ele.style.position = "absolute";
ele.style.top = "0px";
ele.style.left = "0px";
ele.style.margin = "10px";
ele.style.width = b;
ele.style.height = h;
}
function onLoadBody()
{
fullScreen();
}
</script>
<style type="text/css">
<!--
html,body {
padding: 0;
margin: 0;
height: 100%;
width: 100%
}
#meinFlash {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
}
#htmlContent {
}
-->
</style>
</head>
<body onload="javascriptnLoadBody();" style="background-color:#000000;">
<div id="flashPosition" style="background-color:#000000s; z-index:3;">
<div id="flashSize" style="z-index: 2;">
<div id="htmlContent" name="htmlContent" style="z-index: 2;"></div>
<div id="myFlash" name="myFlash" style="z-index: 1;">
<p>Alternativ für Flash</p>
</div>
</div>
</div>
<script type="text/javascript">
var x = 0;
</script>
<noscript>
<p>Javascript NoScript</p>
</noscript>
</body>
</html>
Thanks in advance !!!! Im in desperate need of some help ASAP , im a graphic designer and have bitten off a little more than i can chew. This was my first flash site and while i found actually making the site in flash wasnt too difficult im having a BIG problem getting it up and online in working order. the site is BodyBronzeTanning.net PROBLEM 1 : if you vist the link in ie or safari youll see nothing comes up . this is my first problem. whats wrong with my code and why isnt it working . dose anyone have a VERY simple html page for full screen flash with no mailware or virus's they wouldnt mind sharing or could someone just help me get my code running? PROBLEM 2 : The site has been flaged for MAILWARE!?!?!?!?! ... i know i dint put anything i meant to be harmful so why is it flagging me ? i have no clue why my site would have anything harmful. PROBLEM 3 : This is the least important of my problems, i have a AS3 CONTACT form that i bought from flashden that advertised . just drag,drop and change the email on the php....i did so and its still not working if anyone would be willing to take a look and help me with this i would even be willing to pay or trade resources in exchange with help . the link to the .fla and .php is http://rapidshare.com/files/26634912...nning.zip.html We have an web application that currently uses standard javascript popups. If we change them to open in a new tab instead of popups, will popup blockers still treat the opening into a new tab as a popup? Thanks, s-one Hi, sorry for my english. I'm searching a script to make a particulary popup. In this link there is an example, is flash popup with spot Microsoft. LINK EXAMPLE POPUP I use this code but I search the code for flash popup not for img popup Code: <script>
Crea();
function Crea(){
var div = document.createElement('DIV');
div.id='Banner';
div.style.position ='absolute';
div.style.top = "250px"; // Distanza dall'alto
div.style.left = "200px"; // distanza da sinistra
div.onclick = Chiudi;
div.innerHTML='<img src=popup.jpg>'; // Percorso immagine
document.body.insertBefore(div, document.body.firstChild);
}
function Chiudi(){
var div=document.getElementById('Banner');
div.style.display='none';
}
</script>
Thanks Hey I was hoping maybe someone could point me in the right direction. I'm looking for a technique to create a div popup window on a site automatically when it first loads. Its for a client of mine http://www.parkersonponce.com. Next week is their one year anniversary and they want to promote their specials, etc.. for next week on the homepage but the design is so tight knit already I'd have to redesign the site in order to have this so I was thinking to just have a div popup window to display the event ad would be a much simpler way, especially seeingthat they want to take it down after next week. I think this can be achieved with a z-index but I'm not sure the exact technique, anyways any help you guys/gals could give right away would be awesome. Hi Guys/Girls, Im in a sticky situation i have been searching the web and forums for a tutorial or example on how to create a popup box when the mouse cursor glides over it. what i want to achieve is something like this if you can please browse to http://www.uncle-buck.co.uk/Need-Mon...ncle-Buck.htm# if you hover over "See representative example >" you will see a popup box appear i want to achieve just that im not fussed on the color etc at the moment i ideally would like to get the functionality working correctly and then make it look nice later. if someone can help me i really would appreciate or even better if you know of or have seen a tutorial based on this then please do share it with me. Hope to hear from someone soon. Thanks Can anyone shed some light on why this will not open in a new window to the specified measurements? PHP Code: <span>{literal}<script>function fbs_click() {u="{/literal}{$enc_url}{literal}";t="{/literal}{$title_short}{literal}";window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+enco deURIComponent(t)','sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u={/literal}{$enc_url}{literal}&t={/literal}{$title_short}{literal}" class="fb_share_button" onclick="return fbs_click()" style="text-decoration:none;">Share on Facebook</a>{/literal}</span> It opens in a new tab as opposed to what I have specified 626x436. Any ideas welcomed. Geoserv. Hi guys, I am looking to do something specific. I really have no idea on how to do it. I have seen something on a site and I said to myself: "Ohh my gosh, I want this on my site!" It is like a html page that goes over another html page (such as a popup but for the whole page). I assume that the background is a png transparent image but huhhh.. How can I do such things? I want this popup to act as a "Error message displayer" kinda. Let's say a user try to login and enter an inccorect password. I want this popup to show up. Thanks, PS: Sorry if I am not clear but I think you get it with the picture. Thanks guys, Hello everybody, I am trying to make a simple text link that will lead to another (external) url but also will appear a popup window there, in the new url. How can I compine these two actions in a link? Thanks in advance Jim Hello! I am in need of some assistance with pop-up windows... Thisis an example of the code I am currently using for pop-up windows (below), it opens a new window that displays an image and it works great!... Only now I require the same format (including the text underneath), only instead of having the pop-up windows display images, I need them to display a body of text in html format.... Can anyone please assist me with this? Thank you!!! <center><html> <head> <style type="text/css"> div.img { margin:2px; border:0px solid #0000ff; height:auto; width:auto; float:left; text-align:center; } div.img img { display:inline; margin:3px; border:1px solid #ffffff; } div.img a:hover img { border:1px solid #0000ff; } div.desc { text-align:center; font-weight:normal; width:120px; margin:2px; } </style> </head> <body> <div class="img"> <a target="_blank" href="klematis_big.htm"> <img src="klematis_small.jpg" alt="Klematis" width="200" height="150" /> </a> <div class="desc">Add a description of the image here</div> </div> <div class="img"> <a target="_blank" href="klematis_big.htm"> <img src="klematis_small.jpg" alt="Klematis" width="200" height="150" /> </a> <div class="desc">Add a description of the image here</div> </div> <div class="img"> <a target="_blank" href="klematis_big.htm"> <img src="klematis_small.jpg" alt="Klematis" width="200" height="150" /> </a> <div class="desc">Add a description of the image here</div> </div> </body> </html> uhh hi!.. i'm very new here and i'm relly hoping that you guys will help me.. My popups work great on firefox.. but when i try it on explorer it won't work. i really need to fix it coz all my friends' browsers are explorer... site is freewebs.com/bamc05 it's on the members page... Thanks! Hey, I wanna know how to change a URL in a Popup and what I need to do. say I have a website domain name "mrcrans.com" and I made a popup it would show "mrcrans.com" is there a way I can make it so it says another url? thanks I want to put a link on my page, and when the viewer puts the mouse over, I want there to be a choice of two links to choose from and click. What's the best way to do this and is there any disadvantage to the method? Hi! I'm creating a website for my portfolio for all the videos that I have created during college. I have some hotspots on an image that I would like to use for the site, but I don't know how to create them as pop-ups (whenever I click on the hotspots the opened window just gets redirected to another page). I would like for these hotspots to open up a seperate window with my videos in them, and I'd also like the popup window to be a certain size. Can anyone let me know how to do this? Thanks. Hello all, Can anyone please send me some code to do this. i have an image. when someone clicks it i want a new window to popup, i can set the width and height. and there is a close window link when the window pops up that can close it. i know this is simple but everywhere i go tis so confusing.. any snippets or help?? thanks all!! Hi guys I'm pretty new to web design and am just really learning as I go along. I've just launched a new site at www.SquaredCircleRadio.com (built pretty basically in Frontpage) and have a couple of questions regarding hyperlinks opening in new windows. My main problem is that I have 2 pages that i'd like to popup in seperate smaller windows. (player.htm and plaza.htm) however i'm having problems coming up with the solution. A couple of these need to be activated by clicking on Hyperlinked text and one of them by clicking on an image. I'd be very grateful for any help anyone could give me!! Many Thanks Hello, I need some help with showing a pop-up in an application. This is a part of the HTML: HTML Code: <?xml version="1.0" standalone="yes"?>
<Legendgroup>
<Name>AERO</Name>
<DisplayName>Aerorama's</DisplayName>
<ShowInLegend>true</ShowInLegend>
<DefaultVisibility>true</DefaultVisibility>
<Legendentries>
<Legendentry>
<Name>AERO11</Name>
<DisplayName>Aerorama's 2011</DisplayName>
<MinScale>0</MinScale>
<MaxScale>2501</MaxScale>
<ConnectionName>Spatial</ConnectionName>
<TableName>AERORAMA</TableName>
<WhereClause>Where EXPIRED is null</WhereClause>
<Tooltip>Toon Aerorama: <%.RECORDINGDATE%></Tooltip>
------------------------------------------------------------------
<ShowInLegend>true</ShowInLegend>
<DefaultVisibility>true</DefaultVisibility>
<IsRaster>false</IsRaster>
<DisplaySymbology>
<Color>RGB(0,165,0)</Color>
<Font>WebDings</Font>
<FontChar><![CDATA[µ]]></FontChar>
<TextSize>10</TextSize>
</DisplaySymbology>
<HotspotSymbology>
<Color>RGB(231,99,231)</Color>
<Weight>3</Weight>
</HotspotSymbology>
</Legendentry>
</Legendentries>
</Legendgroup>
I can select the symbol and want to open a new window (pop-up). In the table AERORAMA there is a column named PATH and contains this kind of info: \\st001b\Data\GIS Fotos\Fotos\Aerorama\zuid\BopZ_0004.html It's a path on some internal storage drive. I want the file above to be openend in the new window. How can i alter the HTML code above to make this happen? I thank you already! Marteijn Hi, I'm having an issue with my website.. I can' t open my popups anymore. If you click on any of the pictures you will see that nothing happen. http://bridge.narbonne.assoc.pagespr...animations.htm I'm not a webmaster, and this is a old website... Maybe I guess it needs some modifications in the code? This is javascript... Thank you for your help. Cheers |
|||||||