1
カレンダーを作成し、各セルをクリックして各セルをクリックしてイベントシステムを作成しました。別の細胞にその細胞に影響を与える。私の場合は、ドロップ可能なセルの背景色を変更するだけです。今問題は、私は新しい細胞に影響を与えることができないdivのサイズを変更することです。イベントセルのサイズ変更時にテーブルセルを有効にする方法
たとえば、ポップアップで情報を追加して9のセルをクリックします。その日のイベントを作成しますが、divのサイズを変更するだけでそのイベントを9から11に増やしたいとします。
This full calendarと似ています。 divのサイズを変更すると、新しいセルにどのように影響を与えることができますか?
マイカレンダー画像
は、私は厳密にjQueryの、ただ純粋なJavaScriptを使用することはできませんしています。あなたのJSでの偽:
JS
calendar.prototype.drag = function (ev){
ev.dataTransfer.setData("text", ev.target.id);
this.dragStartPoint = document.getElementById(ev.target.id).parentElement;
}
calendar.prototype.drop = function (ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
var getElem = document.getElementById(data);
ev.target.appendChild(getElem);
ev.target.style.backgroundColor = "darkgray";
if ((this.dragStartPoint.children.length) < 1) {
this.dragStartPoint.style.backgroundColor = "gray";
}
}
CSS
.eventDragDiv{
background-color: pink;
position: absolute;
resize: horizontal;
overflow:auto;
width: 125px;
padding-left: 2px;
margin-bottom: 2px;
margin-bottom: 1px;
height: 10px;
}