18、一个QQ菜单编辑器

18、一个QQ菜单编辑器

<html>

<head>

<title>CreateCode</title>

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

<script language="javascript">

//生成代码

function createCode()

{

    totalheight = parseInt(fcreate.bodyheight.value) + fcreate.headheight.value * (fcreate.itemcount.value - 1);

    textCode.value = text1.value +

        "var headHeight = " + fcreate.headheight.value + ";" +

        "var bodyHeight = " + fcreate.bodyheight.value + ";" +

        "var objcount = " + fcreate.itemcount.value + ";" +

        "var step = " + fcreate.mspeed.value + ";" +

        text2.value +

        ".headtd1 {  background: #" + fcreate.headcolorn.value + "; border: 2px outset; border-color: #" + fcreate.lbordern.value + " #" + fcreate.dbordern.value + " #" + fcreate.dbordern.value + " #" + fcreate.lbordern.value + "; cursor: hand; font-size: 9pt}" +

        ".headtd2 {  background: #" + fcreate.headcolora.value + "; border: 2px outset; border-color: #" + fcreate.lbordera.value + " #" + fcreate.dbordera.value + " #" + fcreate.dbordera.value + " #" + fcreate.lbordera.value + "; cursor: hand; font-size: 9pt}" +

        ".bodytd  {  background: #" + fcreate.bodycolor.value + "; border: 2px outset; border-color: #" + fcreate.lborderb.value + " #" + fcreate.dborderb.value + " #" + fcreate.dborderb.value + " #" + fcreate.lborderb.value + "; font-size: 9pt}" +

        text3.value +

        "<div id='mainboard' style='position:absolute; left:2px; top:2px; width:120px; height:" + totalheight + "px; z-index:1; overflow: hidden; background: #" + fcreate.bodycolor.value + ";'> ";

 

    itemtop = 0;

    for (i = 1; i <= parseInt(fcreate.itemcount.value); i++)

    {

        textCode.value += "<div id='item" + i + "body' style='position:absolute; left:0; top:" + itemtop + "; width:120px; height:" + fcreate.bodyheight.value + "px; z-index:" + (i+1) +"; overflow: hidden'>" +

        "<table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'>" +

        "<tr>" +

    "<td id='item" + i + "head' height='" + (fcreate.headheight.value-2) + "' class=";

if (i == 1)

    textCode.value += "'headtd2'";

else textCode.value += "'headtd1'";

textCode.value += " onclick='showme(item" + i + "body,this)' align='center'>";

//textCode.value += getValue("fcreate.item" + i);

textCode.value +=document.all["item"+i].value+"</td>"+

        "</tr>" +

        "<tr>" +

    "<td class='bodytd' align='center'>" +

    "test" +

    "</td>" +

        "</tr>" +

            "</table>" +

            "</div>";

        if (i == 1)

            itemtop += parseInt(fcreate.bodyheight.value);

        else itemtop += parseInt(fcreate.headheight.value);

    }

    textCode.value += "</div></body></html>"

}

//获取对象的值

function getValue(obj)

{

    //obj = Object(obj);

    return obj.value;

}

//清空代码

function clearCode()

{

    textCode.value = "";

}

//预览代码

function prevCode()

{

    createCode();

    open().document.write(textCode.value);

}

//选择代码

function selectCode()

{

    textCode.select();

}

//根据输入的数字,自动生成子菜单的填写项

function checkItems()

{

    if ((fcreate.itemcount.value.length > 0 && isNaN(fcreate.itemcount.value)) || fcreate.itemcount.value.length == 0)

    {

        alert("请输入数字!");

        fcreate.itemcount.focus();

    }

    else

    {

        if (fcreate.itemcount.value > 50)

        {

            alert("太夸张了吧,小一点呀,不用这么玩命吧!(50以下,含50")

            fcreate.itemcount.focus();

            return;

        }

        if (fcreate.itemcount.value < 1)

        {

            alert("太夸张了吧,一个不要你要做什么!(1以上,含1")

            fcreate.itemcount.focus();

            return;

        }

        itemtext = "<table width='700' border='0' align='center' cellpadding='1' cellspacing='1'>";

        for (i = 1; i <= fcreate.itemcount.value; i++)

        {

 

            itemtext += "<tr>"+

                "<td class='td2' width='76'>菜单项目"+i+"</td>" +

                "<td colspan='2' class='td2'>" +

            "    <input type='text' name='item" + i + "' class='back2' style='width:200' value='菜单" + i + "'>" +

                "</td>" +

                "<td class='td2' width='173'>       </td>" +

                "<td colspan='2' class='td2'>" +

            "    <input type='file' name='itemsrc" + i + "' class='back2' style='width:200'>" +

                "</td>" +

                "</tr>";

        }

        itemtext+="</table>"

        document.all.itemmenu.innerHTML = itemtext;

    }

}

//检查是否是一个合法的颜色数值

function changebkclr(obj)

{

    hexv = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");

    flag = false;

    if (obj.value.length != 6)

    {

        alert("请用正确填写!(六位数)");

        obj.focus();

    }

    else

    {

        for (i = 0; i < 6; i++)

        {

            for (j = 0; j <16; j++)

                if (obj.value.charAt(i).toLowerCase() == hexv[j])

                    flag = true;

            if (!flag)

            {

                alert("请用十六进制填写。(0-9a-f");

                obj.focus();

                return;

            }

            flag = false;

        }

        obj.style.background=obj.value;

    }

}

//检查是否是一个合法的数字

function checknum(obj)

{

    if (isNaN(obj.value))

    {

        alert("请输入数字!");

        obj.focus();

        return;

    }

}

//检查改变数值的速度合法性

function changespd(obj)

{

    fcreate.mspeed.value = 1;

}

//检查是否是一个合法的速度

function checkspeed(obj)

{

    if (isNaN(obj.value))

    {

        alert("请输入数字!");

        obj.focus();

    }

    else

    {

        if ((obj.form.bodyheight.value - obj.form.headheight.value)%obj.value != 0)

        {

            alert("请确认可以被 “菜单体高度 - 菜单题头高度” 整除");

            obj.focus();

        }

    }

}

//控制总题目的填写

function ctrltitle(obj)

{

    if (obj.value == "")

        obj.form.titlename.disabled = false;

    else

        obj.form.titlename.disabled = true;

}

</script>

<style type="text/css">

<!--

.td1{  font-size: 9pt; background: #66CCFF}

.td2{  font-size: 9pt; background: #66aaFF}

.back1 {  font-size: 9pt; width:100}

.back2 {  font-size: 9pt; background: #BECFEE}

-->

</style>

</head>

 

<body bgcolor='#FFFFFF' text='#000000'>

<div align="center">

      <textarea name="textCode" rows="28" style="width:700" class="back2" readonly>

 

Write a comment

Comments: 0