如何在jsp中使用tinybox

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

    <title>JSP Page</title> 

    <script type="text/javascript" src="tinybox.js"></script> 

</head> 

<body> 

    <label>Name :</label><input type="text" id="name" onclick="tiny();"/> 

     <script type="text/javascript"> 

     function tiny(show) 
     { 
      TINY.box().show(ajax.html,show,300,150,true,500) ; 
     } 
     </script> 
</body>

上面的代碼在jsp.please中不起作用幫助我如何在jsp.ajax.html中使用tinybox頁面已經存在於此頁面的相同位置。如何在jsp中使用tinybox

來源

2013-07-26 das

究竟什麼不行？ – reporter

@ reporter2當我點擊文本框的ajax.html不彈出up.or請更正代碼。 – das

ajax.html工作嗎？ – reporter

有可能是因爲您使用JSP 和需要追加，爲阿賈克斯兩個原因

您需要使用request.getContextPath（）獲得上下文路徑， html的

這裏是一個代碼段將如何看，

TINY.box（）。顯示（」 <％= request.getContextPath（）％> /一jax.html'，'show'，300,150，true，500）;

2.你是在「ajax.html」中缺少引號。嘗試使用不帶引號的ajax.html時，Javascript會引發錯誤。

來源

2013-07-26 13:11:20

沒錯，儘管我遵循網站的指示，無法運行腳本。 – reporter

經過多次嘗試後，我得到了一些東西。

它存在這個框架的兩個版本。

這裏* 代碼迷你組合套件1 *：

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title>JSP Page</title> 
<link rel="stylesheet" href="http://sandbox.scriptiny.com/tinybox/style.css" /> 
<script type="text/javascript" src="http://sandbox.scriptiny.com/tinybox/tinybox.js"></script> 
<script type="text/javascript"> 
function tiny(show) 
{ 
TINY.box.show("ajax.html",show,300,150,true,5); 
} 
</script> 
</head> 
<body> 
<label>Name: </label><input type="text" id="name" onclick="tiny(true)"/> 
</body> 
<html>

如果變量show的價值是真實的（或1），似乎迷你組合套件要包括給定文件，通過IFRAME 。我的IE9，FF21和Chrome瀏覽器可能會打開文件（瀏覽器抱怨訪問驗證）。在對立面上，有效的外部URL確實起作用。

這裏* 迷你組合套件2 *代碼：

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title>JSP Page</title> 
    <link rel="stylesheet" href="http://sandbox.scriptiny.com/tinybox2/style.css" /> 
    <script type="text/javascript" src="http://sandbox.scriptiny.com/tinybox2/tinybox.js"></script> 
    <script type="text/javascript"> 
    function tiny(show) 
    { 
     TINY.box.show({iframe:'ajax.html',width:300,height:150}) 
    } 
    </script> 
</head> 
<body> 
<label>Name: </label><input type="text" id="name" onclick="tiny(true)"/> 
</body> 
<html>

這個版本沒有很好地工作。

來源

2013-07-26 14:03:53 reporter

如何在jsp中使用tinybox

回答

相關問題