openflashchart

注意点:

<script type=”text/javascript” src=”../js/json/json2.js”></script>
<script type=”text/javascript” src=”js/swfobject.js”></script>

json2.js 的路径, swfobject.js 的路径

swfobject.embedSWF(“open-flash-chart.swf”, “my_chart”, “350”, “200”, “9.0.0”);

open-flash-chart.swf 在此是在根目录下,如果不是根目录,上面的路径需要重新修改。

利用JavaScript创建随机数与随机图片

利用JavaScript创建随机数与随机图片

  创建随机数

  ①自JavaScript产生后,好多浏览器中都有内置的随机数发生方法。例如:

  var number = Math.random();

  该方法产生一个0到1之间的浮点数。

  ②基于时间,亦可以产生随机数。例如:

  var now=new Date();

  var number = now.getSeconds();

  这将产生一个基于目前时间的0到59的整数。

  var now=new Date();

  var number = now.getSeconds()%43;

  这将产生一个基于目前时间的0到42的整数。

  ③这里介绍一个相当优秀的的随机数发生器程序,能应用于许多领域。

<script language="JavaScript"><!--  
// The Central Randomizer 1.3 (C) 1997 by Paul Houle (houle@msc.cornell.edu)  
// See: http://www.msc.cornell.edu/~houle/javascript/randomizer.html  
rnd.today=new Date();  
rnd.seed=rnd.today.getTime(); 
function rnd() {  
    rnd.seed = (rnd.seed*9301+49297) % 233280;  
    return rnd.seed/(233280.0);  
};  
function rand(number) {  
    return Math.ceil(rnd()*number);  
};  
// end central randomizer. -->  
</script> 

  如果要在你的网页中使用该随机数发生器,必须把这段代码放在 <head>和</head> 标记之间。

  要创建一个随机浮点数时,使用rnd();要创建一个随机整数时,例如,1到10时,使用rand(10)。

  下面创建随机图片的例子中,就是用这个随机数发生器来产生随机数的,因此,要使下面的例子能正常工作,要确保你的网页中已包含上面这段代码。

  创建随机图片

  创建随机图片,这是利用随机数所能做的最简单的事了。此例中,我们假设有10张图片,  banner1.gif…..banner10.gif,每当文档被载入时,我们希望能随机地显示这些图片。

<script language="JavaScript"><!--  
document.write('<img src="../images/banner' + rand(10) + '.gif" width=400 height=40>');  
//--></script> 

  如果图片不是以数字的形式来命名的,或者图片的类型或大小不一样时,那么,你也可以通过检查随机数的值,然后显示相应的图片:

<script language="JavaScript"><!--  
var number = rand(10);  
if (number == 1) {  
  var picture = "one.gif";var width = 400;var height = 40;  
}  
else if (number == 2) {  
  var picture = "two.jpg";var width = 200;var height = 20;  
}  
  
  
else if (number == 9) {  
  var picture = "nine.gif";var width = 450;var height = 450;  
}  
else if (number == 10) {  
  var picture = "ten.jpg";var width = 40;var height = 400;  
}  
document.write('<img src="../images/' + picture + '" width=' + width + ' height=' + height + '>');  
//--></script> 

JavaScript倒计时自动跳转

<div id="ShowDiv" align="left" class="tishi"></div>
	<div align="left">
    	group edit page
     </div>
<script language='javascript' type='text/javascript'>    
var secs =5; //倒计时的秒数    
var URL ;    
function Load(url){    
URL =url;    
for(var i=secs;i>=0;i--)    
{    
window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);    
}    
}    
function doUpdate(num)    
{    
document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到 指定页面' ;    
if(num == 0) { window.location.href=URL; }    
}    
</script>  
<script language="javascript">    
Load("www.baidu.com"); //要跳转到的页面    
</script>   

jquerytab

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>收信人列表</title>
<style>
* {
	margin:0;
	padding:0;
}
body {
	background:#e3e3e3;
	height:100%;
	font:normal normal 12px/24px "Microsoft yahei", Arial;
	padding-bottom:30px;
}
#title{width:300px;margin:3% auto 0;}
h1{font-size:18px;}
h6{ font-size:12px; font-weight:normal; color:#333;margin-bottom:10px; }
h6 a { color:#09c; }
#wrapper {
	width:300px;
	margin:0 auto;
	background:#f8f8f8;
	border:1px solid #a3a3a3;
	padding:20px 20px 50px;
	border-radius:5px;-moz-border-radius:5px;
}
.box{width:210px;margin:10px auto 0;background:#fff;border:1px solid #d3d3d3;}
.tab_menu{list-style:none;width:210px;overflow:hidden;}
.tab_menu li{width:70px;float:left;height:30px;line-height:30px;color:#fff;background:#093;text-align:center;cursor:pointer;}
.tab_menu li.current{color:#333;background:#fff;}
.tab_box{padding:20px;height:120px;}
.tab_box .hide{display:none;}
h3{color:#333;font-size:14px;width:210px;margin:30px auto 0;}
</style>
</head>

<body>
<div id="title">
<h1>jQuery TAB插件演示</h1>
<h6>by:<a href="http://stylechen.com/">Stylechen.com</a></h6>
</div>
<div id="wrapper">
<h3>回调函数</h3>
	<div class="box demo5">
		<ul class="tab_menu">
			<li class="current">新闻</li>
			<li>图片</li>
			<li>军事</li>
		</ul>
		<div class="tab_box">
			<div>新闻</div>
			<div class="hide">图片</div>
			<div class="hide">军事</div>
		</div>
	</div>
</div>
<script src="js/jquery-1.4.4.min.js"></script>
<script src="js/jquery.tabs.js"></script>
<script>
//<![CDATA[
$(function(){
	$('.demo1').Tabs();
	$('.demo2').Tabs({
		event:'click'
	});
	$('.demo3').Tabs({
		timeout:300
	});
	$('.demo4').Tabs({
		auto:3000
	});
	$('.demo5').Tabs({
		event:'click',
		callback:tabcallback
	});
	function tabcallback(){
		//alert("我是回调函数 :)");
	}
});	
//]]>
</script>
</body>
</html>

 

 

Applet与JS通信

Applet 与JS通信:

一、页面嵌入applet:

<applet code = “com.tzj.gis.front.gis_applet.class” archive=”dist\test.jar” name=”Test”

width=”772″ height=”504″ MAYSCRIPT>

注意:MAYSCRIPT有他才能与js通信。

二、js调用applet中的函数:

window.document.Test.getName(“zhangsan”);

三、applet程序中调用js:
1.需要用到包:import netscape.javascript.*;
2.引入jar: plugin.jar (发布时候,放到 html 所在目录 lib 下);
3.程序中用到:
    JSObject win = JSObject.getWindow(this);
    JSObject doc =(JSObject)win.getMember(“document”);
    win.eval(“getinfo(“+”\””+info+”\””+”)”);
细节看到没有,经验之谈啊:把引号传过去。
    如果写成win.eval(“getinfo(“+info+”)”);则传递的是string 的hashcode。

applet与applet通信:

通过Applet标记的Name属性,我们可以用如下代码指定的applet:
Applet applet1 = getApplet(“applet1”);
//调用该Applet的公用方法
applet1.anyMothod();

asddsa

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>${tech0411Title}--好友--添加好友</title>
		<link rel="stylesheet" type="text/css" href="${contextPath}/css/css.css" />
		<script type="text/javascript">
			window.onload = function()
			{
				document.getElementById("right_manage").style.width=(window.screen.width-270)+"px";
				
			}
			
			function camera()
			{							
				var swin = window.open("user0411cameraForward",null,"height=300,width=300,top="+(screen.height-300)/2+",left= '+(screen.width-300)/2)");
				
			}
		</script>
	</head>

 

在html中向swf传参数

本文仅限 flex builder 3.0 版本生成的 flex 项目。

 

在项目bin-debug文件夹中找到以.html结尾的文件, 该文件其实就是运行swf文件的htm网页。

 

修改如下几个地方:

 红色部分是添加参数的地方,注意两处都必须写:

<script language=”JavaScript” type=”text/javascript”>
<!–
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);

// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

if ( hasProductInstall && !hasRequestedVersion ) {
 // DO NOT MODIFY THE FOLLOWING FOUR LINES
 // Location visited after installation is complete if installation is required
 var MMPlayerType = (isIE == true)   “ActiveX” : “PlugIn”;
 var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + ” – Flash Player Installation”;
    var MMdoctitle = document.title;

 AC_FL_RunContent(
  “src”, “playerProductInstall”,
   “FlashVars”,”para1=参数值”,

  “MMredirectURL=”+MMredirectURL+’&MMplayerType=’+MMPlayerType+’&MMdoctitle=’+MMdoctitle+””,
  “width”, “100%”,
  “height”, “100%”,
  “align”, “middle”,
  “id”, “FlvPlayer”,
  “quality”, “high”,
  “bgcolor”, “#869ca7”,
  “name”, “FlvPlayer”,
  “allowScriptAccess”,”sameDomain”,
  “type”, “application/x-shockwave-flash”,
  “pluginspage”, “http://www.adobe.com/go/getflashplayer
 );
} else if (hasRequestedVersion) {
 // if we’ve detected an acceptable version
 // embed the Flash Content SWF when all tests are passed
 AC_FL_RunContent(
   “src”, “FlvPlayer”,
   “width”, “100%”,
   “height”, “100%”,
   “align”, “middle”,
   “id”, “FlvPlayer”,
   “quality”, “high”,
   “bgcolor”, “#869ca7”,
   “FlashVars”,”para1=参数值”,
   “name”, “FlvPlayer”,
   “allowScriptAccess”,”sameDomain”,
   “type”, “application/x-shockwave-flash”,
   “pluginspage”, “http://www.adobe.com/go/getflashplayer
 );
  } else {  // flash is too old or we can’t detect the plugin
    var alternateContent = ‘Alternate HTML content should be placed here. ‘
   + ‘This content requires the Adobe Flash Player. ‘
    + ‘<a href=http://www.adobe.com/go/getflash/>Get Flash</a>’;
    document.write(alternateContent);  // insert non-flash content
  }
// –>
</script>

<!–显示swf的标签,可以不做改动,注意如果在这里添加参数,可能swf中无法获取该参数–>
<noscript>
   <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
   id=”FlvPlayer” width=”100%” height=”100%”
   codebase=”http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab“>
   <param name=”movie” value=”FlvPlayer.swf” />
   <param name=”quality” value=”high” />
   <param name=”bgcolor” value=”#869ca7″ />
   <param name=”allowScriptAccess” value=”sameDomain” />
   <embed src=”FlvPlayer.swf” quality=”high” bgcolor=”#869ca7″
    width=”100%” height=”100%” name=”FlvPlayer” align=”middle”
    play=”true”
    loop=”false”
    quality=”high”
    allowScriptAccess=”sameDomain”
    type=”application/x-shockwave-flash”
    pluginspage=”http://www.adobe.com/go/getflashplayer“>
   </embed>
 </object>
</noscript>

 

 

在actionscript 中获取着这两个参数:

 

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute”   applicationComplete=”onInit()”>
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   private function onInit():void
   {
   if (stage){ // 如果上面红色地方 是creationComplete==”onInit()” ,那么stage可能为空
        var param:Object =  stage.loaderInfo.parameters;

       //或者 // var param:Object = Application.application.parameters; 

      // “FlashVars”,”para1=happy2005″,

         if(param){
                   Alert.show(param.para1);
                }
            }
          
   }
  ]]>
 </mx:Script>

</mx:Application>

ext标准引入

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css"
			href="extjs/resources/css/ext-all.css" />
		<script type="text/javascript" src="extjs/adapter/ext/ext-base.js" /></script>
		<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
		<script type="text/javascript" src="extjs/build/locale/ext-lang-zh_CN-min.js"></script>
		<script type="text/javascript" src="show.js"></script>
		<title>show</title>
	</head>
	<body>
		<div id="testLayout"></div>

	</body>
</html>

 

跟老紫竹学Java-计数器-文件版

原文地址:http://www.java2000.net/viewthread.jsp tid=7256

 我们先看一个使用文件的代码

<%@ page language=”java” contentType=”text/html; charset=UTF-8″
 pageEncoding=”UTF-8″%>
<%
  // 此文件的版权归
  // Java世纪网(http://www.java2000.net)和 CSDN(www.csdn.net)所有
  // 作者:老紫竹
  // 转载必须保留此版权声明
%>
<%@page import=”java.io.*”%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Insert title here</title>
</head>
<body>
<%!// 一个同步用的锁
  private static final Object lock = new Object();
  // 注意默认的文件目录在tomcat/bin目录下面
  private static final File file = new File(“counter.dat”);%>
Hello Word!
<%
  Integer count = 0;
  synchronized (lock) {
    // 我们从文件读取数据
    // 如果文件不存在,则需要初始化
    if (!file.exists()) {
      // 创建一个新的文件
      file.createNewFile();
      count = 0;
    } else {
      // 准备读取文件
      FileReader reader = new FileReader(file);
      // 从文件里读取int数据
      count = reader.read();
      // 关闭文件
      reader.close();
    }
    count++;
    // 准备写入文件
    FileWriter writer = new FileWriter(file);
    // 写入
    writer.write(count);
    // 关闭文件
    writer.close();
  }
%>
当前一共访问次数为:<%=count%>
</body>
</html>

 

再次强调,默认的文件目录在tomcat/bin目录下面。我们修改代码,将文件放到我们的项目的WEB-INF/classes目录下面
修改后的代码

<%@ page language=”java” contentType=”text/html; charset=UTF-8″
 pageEncoding=”UTF-8″%>
<%
  // 此文件的版权归
  // Java世纪网(http://www.java2000.net)和 CSDN(www.csdn.net)所有
  // 作者:老紫竹
  // 转载必须保留此版权声明
%>
<%@page import=”java.io.*”%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Insert title here</title>
</head>
<body>
<%!// 一个同步用的锁
  private static final Object lock = new Object();
  // 注意默认的文件目录在tomcat/bin目录下面
  private static File file = null;%>
Hello Word!
<%
  Integer count = 0;
  synchronized (lock) {
    // 初始化文件名
    if (file == null) {
      file = new File(application.getRealPath(“.”)
          + “/WEB-INF/classes/counter.dat”);
    }
    // 我们从文件读取数据
    // 如果文件不存在,则需要初始化
    if (!file.exists()) {
      // 创建一个新的文件
      file.createNewFile();
      count = 0;
    } else {
      // 准备读取文件
      FileReader reader = new FileReader(file);
      // 从文件里读取int数据
      count = reader.read();
      // 关闭文件
      reader.close();
    }
    count++;
    // 准备写入文件
    FileWriter writer = new FileWriter(file);
    // 写入
    writer.write(count);
    // 关闭文件
    writer.close();
  }
%>
当前一共访问次数为:<%=count%>
</body>
</html>

生成的文件如下:

后面我们将使用MySQL数据库进行存储

 

<script type=”text/javascript”>

</script> <script src=”http://pagead2.googlesyndication.com/pagead/show_ads.js” type=”text/javascript”>
</script>

如何动态显示和隐藏HTML元素使用样式表属性

下面的代码示例演示如何显示或隐藏使用这两个样式表属性 P 标记内的文本。将下列 HTML 代码保存到桌面作为 dhtmtest.htm,并在
Internet 浏览器 4.0 或更高版本,然后打开。您将看到演示如何显示和隐藏文本通过切换样式表属性与 JavaScript 的两个表的列。

每个示例显示如何使用可见性和显示样式属性。 这两个属性隐藏文本时区别在于 显示 = 无
不留在屏幕上对象的空间,而 可见性 = 隐藏
保留所使用的元素空间但不呈现到屏幕对象。


外,显示属性内联和阻止不在 Internet Explorer 4.x 支持,但使用这些值仍按通常的方式显示元素。使用 Internet 浏览器
5,您应设置适当的显示属性值根据该元素是否内嵌或块元素。块元素通常开始一个新行和内联元素不会执行这些操作。

<html>

<head>
<title>DHTML Test</title>
<style>
  .visi1 { visibility:"visible" }
  .visi2 { visibility:"hidden" }
  .disp1 { display:"block" }
  .disp2 { display:"none" }
</style>
</head>

<body>

<h3 align="center">Displaying and hiding text</h3>

<p align="center">The following two examples show two methods 
to show and hide text dynamically.</p>

<div align="center"><center>
<table border="1">
<tr>
    <th>Changing Stylesheet</th>
    <th>Changing inline style</th>
</tr>
<tr>
    <td valign="top">
        <p onMouseOver="HideMe1.className='visi2'"
           onMouseOut="HideMe1.className='visi1'">
           Move the mouse over this text to make the following
           text disappear.
        </p>
        <div id="HideMe1"> <p>DHTML using VISIBILITY</p> </div>
        <p onMouseOver="HideMe2.className='disp2'"
		   onMouseOut="HideMe2.className='disp1'">
		   Move the mouse over this text to make the following
		   text disappear.
        </p> <div id="HideMe2"> <p>DHTML using DISPLAY</p> </div>
        <p>When the DISPLAY text disappears, this text moves up.</p>
    </td>
		
    <td valign="top">
        <p onMouseOver="HideMe3.style.visibility='hidden'"
           onMouseOut="HideMe3.style.visibility='visible'">
           Move the mouse over this text to make the following
           text disappear.
        </p>
        <div id="HideMe3"> <p>DHTML using VISIBILITY</p> </div>
        <p onMouseOver="HideMe4.style.display='none'"
           onMouseOut="HideMe4.style.display='block'">
           Move the mouse over this text to make the following
           text disappear.
        </p>
        <div id="HideMe4"> <p>DHTML using DISPLAY</p> </div>
        <p>When the DISPLAY text disappears, this text moves up.</p>
    </td>
</tr>
</table>
</center>
</div>
</body>
</html>
				

DHTML、 HTML,和 CSS 部分下的以下 url 找不到有关级联样式表和 DHTML 的文档:

http://msdn.microsoft.com/workshop

(http://msdn.microsoft.com/workshop)

在以下 URL 找不到有关脚本编写语言的信息:

http://msdn2.microsoft.com/en-us/library/ms950396.aspx

(http://msdn2.microsoft.com/en-us/library/ms950396.aspx)