0

関数を使いたいページがあります。まず、divに生成されるaddTitle（）関数があります。これは機能です：

function addTitle(){


var ni = document.getElementById('div_fieldset');

var titleSpan = document.createElement("span");
ni.appendChild(titleSpan);
titleSpan.setAttribute("id","titleSpan");
titleSpan.setAttribute("class","fields");

if(titleSpan.previousSibling.nodeName=="#text"){    
    document.getElementById("titleSpan").style.paddingLeft="85px";
    titleSpan.style.width="86.5%";      
}else{
    var titleSelect = document.createElement("select");
    titleSelect.setAttribute("size","1");
    titleSelect.setAttribute("name","titleSelect");
    titleSelect.setAttribute("class","logicalOpSelect");

        orOption=document.createElement("OPTION");
        orText=document.createTextNode("OR");
        orOption.appendChild(orText);
        orOption.setAttribute("value","OR");
        titleSelect.appendChild(orOption);

        andOption=document.createElement("OPTION");
        andText=document.createTextNode("AND");
        andOption.appendChild(andText);
        andOption.setAttribute("value","AND");
        titleSelect.appendChild(andOption);

    titleSpan.appendChild(titleSelect);
}

    var titleSpanInner = document.createElement("span");
    titleSpan.appendChild(titleSpanInner);
    titleSpanInner.setAttribute("class","labels");
    titleSpanInner.innerHTML="Title";

    var titleInput = document.createElement("input");
    titleSpan.appendChild(titleInput);
    titleInput.setAttribute("class","input_text");
    titleInput.setAttribute("type","text");
    titleInput.setAttribute("name","title_input");
    titleInput.setAttribute("size","50");

    var removeButton = document.createElement("input");
    titleSpan.appendChild(removeButton);
    removeButton.setAttribute("id","removeTitle");
    removeButton.setAttribute("class","removeButton");
    removeButton.setAttribute("type","button");
    removeButton.setAttribute("value","Delete field");
    removeButton.setAttribute("onClick","remove(this.id)");
}

次に、HTMLコードを示します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<title>Search</title>
<link rel="stylesheet" href="css/search.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<script type="text/javascript">
function AddTitle(){
   ...
   Here is the addTitle code, which is placed above
   ...
}
</script>
<body onload="addTitle();">
  <div id="box">
  <form name="search" method="post" action="search.php">
    <div id="div_fieldset">
    </div>
    <input class="button" type="submit" value="Search">
  </form>                                                               
  </div>
</body>
</html>

また、インターネットeplorer 8または9では、field_set divにはコンテンツがなく、titleSpanスパンのみが含まれています。しかし、addTitleソース全体をfield_set divに入れると、addTitleの最後のセクションが表示されません。これは次のとおりです。

var removeButton = document.createElement("input");
titleSpan.appendChild(removeButton);
removeButton.setAttribute("id","removeTitle");
removeButton.setAttribute("class","removeButton");
removeButton.setAttribute("type","button");
removeButton.setAttribute("value","Delete field");
removeButton.setAttribute("onClick","remove(this.id)");

問題と解決策は何ですか？ありがとう！

4

0 に答える 0