1. 程式人生 > >ASP.NET 顏色選擇對話方塊

ASP.NET 顏色選擇對話方塊

{
  
var e=event.srcElement;
  e.onkeyup
=colordialog;
  ecolorPopup
=e;
  
var ocbody;
  
var oPopBody = ocolorPopup.document.body;
  
var colorlist=new Array(40);
  oPopBody.style.backgroundColor 
="#f9f8f7";
  oPopBody.style.border 
="solid #999999 1px";
  oPopBody.style.fontSize 
="12px";

  colorlist[
0]="#000000";  colorlist[
1]="#993300";  colorlist[2]="#333300";  colorlist[3]="#003300";
  colorlist[
4]="#003366";  colorlist[5]="#000080";  colorlist[6]="#333399";  colorlist[7]="#333333";

  colorlist[
8]="#800000";  colorlist[9]="#FF6600";  colorlist[10]="#808000";colorlist[11]="#008000";
  colorlist[
12]="#008080";colorlist[13]="#0000FF";colorlist[14]="#666699";colorlist[
15]="#808080";

  colorlist[
16]="#FF0000";colorlist[17]="#FF9900";colorlist[18]="#99CC00";colorlist[19]="#339966";
  colorlist[
20]="#33CCCC";colorlist[21]="#3366FF";colorlist[22]="#800080";colorlist[23]="#999999";

  colorlist[
24]="#FF00FF";colorlist[25]="#FFCC00";colorlist[26]="#FFFF00";colorlist[27]="#00FF00";
  colorlist[
28]="#00FFFF
";colorlist[29]="#00CCFF";colorlist[30]="#993366";colorlist[31]="#CCCCCC";

  colorlist[
32]="#FF99CC";colorlist[33]="#FFCC99";colorlist[34]="#FFFF99";colorlist[35]="#CCFFCC";
  colorlist[
36]="#CCFFFF";colorlist[37]="#99CCFF";colorlist[38]="#CC99FF";colorlist[39]="#FFFFFF";

  ocbody 
="";
  ocbody 
+="<table CELLPADDING=0 CELLSPACING=3>";
  ocbody 
+="<tr height="20" width="20"><td align="center"><table style="border:1px solid #808080;" width="12" height="12" bgcolor=""+e.value+""><tr><td></td></tr></table></td><td bgcolor="eeeeee" colspan="7" style="font-size:12px;" align="center">當前顏色</td></tr>";
  
for(var i=0;i<colorlist.length;i++){
    
if(i%8==0)
      ocbody 
+="<tr>";
    ocbody 
+="<td width="14" height="16" style="border:1px solid;" onMouseOut="parent.colordialogmouseout(this);" onMouseOver="parent.colordialogmouseover(this);" onMouseDown="parent.colordialogmousedown('"+colorlist[i]+"')" align="center" valign="middle"><table style="border:1px solid #808080;" width="12" height="12" bgcolor=""+colorlist[i]+""><tr><td></td></tr></table></td>";
    
if(i%8==7)
      ocbody 
+="</tr>";
  }

  ocbody 
+="<tr><td align="center" height="22" colspan="8" onMouseOut="parent.colordialogmouseout(this);" onMouseOver="parent.colordialogmouseover(this);" style="border:1px solid;font-size:12px;cursor:default;" onMouseDown="parent.colordialogmore()">其它顏色...</td></tr>";
  ocbody 
+="</table>";

  oPopBody.innerHTML
=ocbody;
  ocolorPopup.show(e.offsetLeft, e.offsetTop
+e.offsetHeight, 158147, document.body);
}

相關推薦

ASP.NET 顏色選擇對話方塊

{  var e=event.srcElement;  e.onkeyup=colordialog;  ecolorPopup=e;  var ocbody;  var oPopBody = ocolorPopup.document.body;  var colorlist=new Array(40);  o

自學QT之顏色選擇對話方塊

新建一個基於對話方塊的工程,取消介面選項。 標頭檔案如下: #ifndef DIALOG_H #define DIALOG_H #include <QDialog> #include

【Inline Hook應用篇】限制開啟檔案選擇對話方塊

我們要實現限制程式不允許傳送檔案,可以通過限制“檔案選擇對話方塊”實現。對於檔案選擇對話方塊的限制,基礎點的就是Hook:GetOpenFileName、SHBrowseForFolder,對這兩個API的Hook,可以限制市面上80%的檔案傳送,但對於QQ之類的在XP系統以上就

C#winform 設定開啟資料夾選擇對話方塊folderBrowserDialog自動定位至上一次的選擇路徑(新手記錄)

個人總結,實現開啟資料夾選擇對話方塊後可以定位到上一次的路徑 第一步:佈局 第二步:建立一個公共類 第三步:程式碼 第四步:寫入配置檔案App.config或者txt檔案 第五步:讀取配置檔案App.config 或者txt檔案

日期、時間選擇對話方塊

日期 /** * 選擇日期 */ private void selectData() { new DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListe

android 實現點選輸入框彈出日期選擇對話方塊(DatePickerDialog)

前言 這裡我們實現一個功能,點選日期輸入框(EditText),即可彈出日期選擇對話方塊(DatePickerDialog),等使用者選擇日期後,將使用者選擇的日期顯示在日期輸入框。 1.activity_main.xml 這裡只有一個TextView和EditText。

Java_java中JFileChooser類(java_swing提供的檔案選擇對話方塊)

setFileSelectionMode(int mode)           設定 JFileChooser,以允許使用者只選擇檔案、只選擇目錄,或者可選擇檔案和目錄。mode引數:FILES_AND_DIRECTORIES     指示顯示檔案和目錄。           FILES_ONLY    

設定檔案選擇對話方塊大小及縱向大小不可變--JAVA-SWING-JFileChooser-setMinimumSize

要求:使檔案選擇對話方塊不可變小,縱向大小不可變大,橫向大小可變大 實現:重寫createDialog事件,並指定最小寬高、縱向大小變大時自動重設     private JFileChooser fileChooser = new JFileChooser(){   

Java-記事本程式、檔案選擇對話方塊(JFileChooser)

基本的GUI基礎和IO基礎 核心程式碼 JFileChooser jfc = new JFileChooser(); jfc.setDialogTitle("另存為..."); // jfc.showOpenDialog(null); // 顯示開啟檔案

自定義檔案(夾)選擇對話方塊

       在QT程式設計中,客製化介面是一個很普遍的需求,畢竟QT在這方面確實很強大,作為常用的檔案(夾)選擇對話方塊,客製化在所難免。下面就詳細介紹下,如何以最簡單的方式客製化。         對於檔案(夾)對話方塊的客製化,我採用的是將QFileDialog作為子

JFileChooser (Java Swing提供的檔案選擇對話方塊)

          構造一個指向使用者預設目錄的 JFileChooser。 (File currentDirectory)           使用給定的 File 作為路徑來構造一個 JFileChooser。           設定 JFileChooser,以

iOS開發——ActionSheet的使用與彈出選擇對話方塊

     在我們的iOS開發中,常會見到如下介面的需求:。【使用ActionSheet實現】(1)實現程式碼如下:#import "ViewController.h" @interface ViewController ()<UIActionSheetDelegate

Android基於開源專案的WheelView的時間、地址聯動選擇對話方塊

        一晃離上次寫部落格差不多都過了半年了,現在工作中用到了一些實用的東西,想和大家分享一下。現在實現的是一個基於開源專案WheelView的時間、地址聯動選擇的對話方塊,先看看效果圖,文章末尾有原始碼下載地址:選擇時間:選擇地點:因為專案中要實現如圖上的效果,無奈

python檔案選擇對話方塊

對於python的tkinter庫來說,如果需要彈出檔案選擇框,我們需要引入一下tkinter.filedialog包,讓使用者直觀地先擇一個或者多個檔案或者儲存檔案等操作。 常見的檔案選擇對話方塊函

MFC點選按鈕開啟檔案選擇對話方塊

函式名:OnBnClickedOpenFileButton 函式功能:通過點選一個按鈕實現開啟檔案選擇對話方塊 引數:無 返回值:void 作者:weekdawn void CexeDemoDlg:

Java字型選擇對話方塊

/** * 字型選擇對話方塊。 * * @author lucky star * */ public class FontDialog extends JDialog { private final JPanel contentPanel = new JP

九、Qt檔案選擇對話方塊

myapp.h #ifndef MYAPP_H #define MYAPP_H #include <QtWidgets/QMainWindow> #include "ui_myapp.h" class QLabel; class QAction; class

MFC開啟資料夾選擇對話方塊

函式名:OnBnClickedButtonDir 函式功能:通過點選按鈕,彈出開啟資料夾選擇對話方塊 引數:無 返回值:無 額外說明: ulFlags標誌位說明: BIF_BROWSEFORCOMPU

【C#】檔案選擇對話方塊OpenFileDialog與下列列表ComboBox

主要用如下的一個小例子,說明C#窗體中檔案選擇對話方塊OpenFileDialog與下列列表ComboBox的應用,點選“選擇檔案”按鈕,就可以開啟檔案選擇對話方塊OpenFileDialog,無論是多選檔案與單選檔案,都能夠將選擇的內容新增到下列列表ComboBox之中。

Android學習——時間選擇對話方塊(月/日/時/分)

利用3個 NumberPicker分別表示月/日/時/分,當時間發生變化時,需要用到回掉函式來改變DateTimePickerDialog中標題欄。 datetime_picker.xml <?xml version="1.0" encoding="UTF-8"?&