0 
    <p align="left">
        <b>Click this button to create div element dynamically:</b>

 <?php $qry = "SELECT COUNT(*)  AS count From Contact Where CustomerID=$pid";
$result = mysql_query($qry);
$row = mysql_fetch_array($result);
$count = $row['count'];
echo  $count;
if($count >= 6)
{
?>
    <input id="btn1" type="button" value="create div" onClick="popup();" />
<?php
}
else
{

  $num = 6 - $count ;   
  echo $num;
    ?>
<input id="btn1" type="button" value="create div" onClick="createDiv(<?php echo $num ?>);" />
<?php   
}


 ?>

create DIV 関数に「$num​​」を渡したい

$num が 6 の場合は 6 つの div を作成でき、$num が 4 の場合は最大 4 つの div しか生成できません

これは私の createDiv 関数です

var i=0;
    function createDiv(num)
    {


  if(i < num) {
        var divTag = document.createElement("div");

        divTag.id = "div1"+i;

        divTag.setAttribute("align","left");

        divTag.style.margin = "0px auto";

        divTag.className ="ex";

       divTag.innerHTML = "<img class='myimage' onclick='changeimage(this)' border='0' src='images/white_contact.png' width='60'/><table border='0'><tr><td>Name:</td><td><input type='text'></d></tr><tr><td>Title:</td><td><input type='text'></td></tr><tr><td>Contact:</td><td><input type='text'></td></tr></table>";

        document.getElementById("newdiv").appendChild(divTag)

      }

   i++;
   $( ".ex" ).draggable({containment:'parent',cursor:'pointer',opacity:0.6, });
 $( ".ex" ).droppable({ hoverClass:'border' });

    }

しかし、今は 1 つの DIV しか作成できません。なぜそうなのですか?

4

1 に答える 1

0

コードを少しクリーンアップして、この種のハンドラーを使用できます..

jQueryがインストールされているようです（ドロップ可能およびドラッグ可能を使用しているため）

HTML:

<input type='button' class='div-creator' data-div-id="<? echo $id ?>" value="Click Me">

ジャバスクリプト:

$('body').on("click", '.div-creator', function() {
  var id = $(this).data("div-id");
  // And do whatever else you want to do here.
  // $(this) is the element that was clicked.  id is the div-id in the button tag.
});
于 2013-05-29T03:05:08.277 に答える