Is there a way to get this background color without setting the image as background? I want to know if there is a way to add those shadows, besides doing background-color:cyan.
Yes you can do this by using Power bullet presentation as per my knowledge ...
Here you can choose any colour and you can get this colour as HTML code ...
like I get this one as
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<script type="text/javascript">
<!--
var InternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
function powerbullet_DoFSCommand(command, args) {
var map = InternetExplorer ? powerbullet : document.powerbullet;
if (command=="home" )
map.Rewind();
else if ( command=="zoom" )
map.Zoom(parseInt(args));
else if (command == "message")
alert(args);
else if (command == "pan")
map.Pan(parseInt(args));
else if (command == "parse")
eval(args);
}
//--></script>
<SCRIPT LANGUAGE="VBScript">
<!--
Sub powerbullet_FSCommand(ByVal command, ByVal args)
call powerbullet_DoFSCommand(command, args)
end sub
-->
</SCRIPT>
<script type="text/javascript">
<!--
function Nothing(){
}
//--> </script>
<style type="text/css">
body {text-align:center;}
div.center {text-align:center;margin-right:auto;margin-left:auto;}
</style>
</HEAD>
<BODY onLoad="Nothing()" bgcolor=#FFFFFF leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
<div class="center">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ID="powerbullet"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#4,0,0,0"
WIDTH=760px HEIGHT=497px>
<PARAM name=movie VALUE="__PREVIEW.swf">
<PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high>
<PARAM NAME=scale VALUE=exactfit> <PARAM NAME=wmode VALUE=opaque>
<EMBED NAME="powerbullet" WIDTH=760px HEIGHT=497px src="__PREVIEW.swf"
menu=false quality=high scale=exactfit wmode=opaque
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
</object>
</div>
<center> </center>
</BODY>
</HTML>
And the colour you get by this code is as it is showing less darkness but it can be adjusted:
You can download powerbullet from here : http://powerbullet.com
Related
What I'm seeing is the browser loads the html and shows a blank white page. If I change the swfobject background color to black, I see the black square. For larger swf's I see a progress bar that proceeds to 100% and then just stops.
I boiled this down to a simple hello world app and it still fails for me. It only seems to fail when the SWF file is served by a hosted web server instance on Azure. Oddly when loading the html directly into the browser from the file system it works - just not when hosted on Azure. It also fails when running the emulator. I just tried putting the file into blob storage and that works perfectly in all browsers. I have not tried the file on another host.
Here is the html - very plain and generic. All generated from flash builder. Ignore the fact that it is called ClientPreloader.swf - I've removed all functionality now so it is just a single label on the stage.
As for Azure, it is hosted on SP2 and I have not made any changes to the running IE.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<!--
Smart developers always View Source.
This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR.
Learn more about Flex at http://flex.org
// -->
<head>
<title></title>
<meta name="google" value="notranslate" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and
the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as
the percentage of the height of its parent container, which has to be set explicitly. Fix for
Firefox 3.6 focus border issues. Initially, don't display flashContent div so it won't show
if JavaScript disabled.
-->
<style type="text/css" media="screen">
html, body { height:100%; }
body { margin:0; padding:0; overflow:auto; text-align:center;
background-color: #ffffff; }
object:focus { outline:none; }
#flashContent { display:none; }
</style>
<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
<!-- BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<script type="text/javascript" src="history/history.js"></script>
<!-- END Browser History required section -->
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
// For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection.
var swfVersionStr = "11.1.0";
// To use express install, set to playerProductInstall.swf, otherwise the empty string.
var xiSwfUrlStr = "playerProductInstall.swf";
var flashvars = {};
var params = {};
params.quality = "high";
params.bgcolor = "#ffffff";
params.allowscriptaccess = "sameDomain";
params.allowfullscreen = "true";
var attributes = {};
attributes.id = "ClientPreloader";
attributes.name = "ClientPreloader";
attributes.align = "middle";
swfobject.embedSWF(
"ClientPreloader.swf", "flashContent",
"100%", "100%",
swfVersionStr, xiSwfUrlStr,
flashvars, params, attributes);
// JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.
swfobject.createCSS("#flashContent", "display:block;text-align:left;");
</script>
</head>
<body>
<!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough
JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
when JavaScript is disabled.
-->
<div id="flashContent">
<p>
To view this page ensure that Adobe Flash Player version
11.1.0 or greater is installed.
</p>
<script type="text/javascript">
var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");
document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"
+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get
Adobe Flash player' /></a>" );
</script>
</div>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="ClientPreloader">
<param name="movie" value="ClientPreloader.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="ClientPreloader.swf" width="100%" height="100%">
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<!--<![endif]-->
<!--[if gte IE 6]>-->
<p>
Either scripts and active content are not permitted to run or Adobe Flash Player version
11.1.0 or greater is not installed.
</p>
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe
Flash Player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</noscript>
</body>
</html>
The real answer to this questing seems to be "don't do that". I'm disappointed not to see any responses here. My scientific approach to Azure ended up biting me. I was trying to take on one feature at a time (hosted IE, then storage, etc). The key to getting it to work is doing everything. You need to embrace all of Azure. Granted there is an obvious defect in the hosted IIS related to the SWF file. But if you follow the recommendations fully - put large files in storage, etc. It all works smoothly (faster even).
Actually i tried the below HTML command for mute the flash video.
enter code here
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>Sound OFF</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="500" HEIGHT="200" id="header123" ALIGN="">
<PARAM NAME=movie VALUE="file:///opt/python/data/107.swf?playSound=var_stop">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="file:///opt/python/data/107.swf?playSound=var_stop" quality=high bgcolor=#FFFFFF WIDTH="500" HEIGHT="200" NAME="header123" ALIGN="" TYPE="application/x-shockwave-flash">
</EMBED>
</OBJECT>
</BODY>
</HTML>
Afaik, you cant mute a Flash Video over HTML, unless the developer implemented a parameter for it inside of the Flash.
playSound=var_stop could work, if this parameter is handled inside of the Flash - but probably it's not.
You will have to change the flash so that it can handle a parameter for this.
var tt=[];
tt=document.getElementsByTagName('object');
for (i in tt) {
try {
typeof tt[i] == 'function' && tt[i].mute();
} catch (err) {
}
}
it stop all object sound on current page . It work for me
I have a file upload control in asp.net which is used to upload image file. Now what I want is I have image control so when a user uploads a file, The image from that file should be visible in the image control before it is really upload on the server. When ever user changes the file, the change should be reflected in that image control. I dont want to use any additional button other than file upload control.
Is there any way to do this with javascript??
I think thats possible in HTML5 supported browsers
check the HTML5 FILE API http://www.w3.org/TR/FileAPI/
This works in FF3+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input type=file & Firefox 3</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<h1>This works in Firefox 3+</h1>
<script type="text/javascript">
// <![CDATA[
function inputFileOnChange() {
if (document.getElementById('fichier').files) {
$("#dvFileName").html(document.getElementById('fichier').files.item(0).name);
$("#imgImage").attr("src" ,document.getElementById('fichier').files.item(0).getAsDataURL());
};
};
// ]]>
</script>
<div>
<input type="file" name="fichier" id="fichier" onchange="inputFileOnChange();" />
<br /><br />
<img id="imgImage" src="" width="200" height="200" alt="" />
<div id="dvFileName">
</div>
</div>
</body>
</html>
How can I create an HTA that enable close button after certain time period(15 sec)?
Thank in advance.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Enable close button after 15 sec</title>
<script type="text/javascript">
window.onload = function(){
setTimeout(function(){
document.getElementById('close-button').style.display = 'inline';
}, 15000);
}
</script>
</head>
<body>
<input type="button" value="Close" name="close-button" id="close-button" style="display:none;" />
</body>
</html>
Before meeting with Ajax and Jquery, in my projects I had a function like below.
Public Sub Raise_Alarm(ByVal p_Page As Page, ByVal p_Message As String, Optional ByVal p_IsError As Boolean = True)
strScript = "<script language= ""javascript""> alert('" & p_Message.Replace("'", "") & "')</script>"
Dim t As Type = p_Page.GetType()
p_Page.ClientScript.RegisterStartupScript(t, "alert", strScript)
Dim mylabel As Label
end sub
For now I want to a function instead of function above, which show message as a lightbox (modal box).
How can I do it?
If you want to use jqModal as suggested by cxfx above (+1;), this should work:
strScript = "$('<div>" & p_Message.Replace("'", "\'") & "</div>').jqm();";
ClientScriptManager.RegisterStartupScript(p_Page.GetType(), "alert", strScript, true);
Try one of the excellent jQuery plugins for displaying modal windows such as jqModal. The docs explain how to configure and launch your modal window, and include some great examples.
If you are using "thickbox" it can just display a noraml aspx page in a modal window. You can then use code behind as normal.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link href="/themes/ui.all.css" rel="stylesheet" type="text/css" />
<link runat="server" href="/styles/thickbox.css" rel="stylesheet" type="text/css" />
<!-- jQuery -->
<script type="text/javascript" src="/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/scripts/ui.core.js"></script>
<script type="text/javascript" src="/scripts/thickbox.js"></script>
</head>
<body>
<a class="thickbox" href="mylink.aspx?KeepThis=true&TB_iframe=true&height=300&width=850">modal thick box link</a>
</body>
</html>
Hope this helps.