|
|
|
ใครมีสคริป คลิ๊กขวาแล้วมี panel ให้เลือกพร้อมกับส่งค่าบ้างครับ |
|
|
|
|
|
|
|
jquery context menu เยอะแยะเกลื่อน อากู๋ ไปหมดครับลองหาดูนะ
|
|
|
|
|
Date :
2013-08-07 17:37:52 |
By :
Manussawin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับ
|
|
|
|
|
Date :
2013-08-07 17:39:49 |
By :
kohrx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
รบกวนอีกนิดครับ ผมจะอ้างถึง id ของ <a> ที่อยู่ใน <div> ได้อย่างไรครับ เช่น jquery(div#displayIndiv a#staticMenu) ถูกรึเปล่าครับ
|
|
|
|
|
Date :
2013-08-07 20:34:36 |
By :
kohrx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองดูตัวนี้ละกันนะครับ
jeegoocontext
วิธีใช้ผมเอามาโมได้ดังข้างล่าง
Code (JavaScript)
$('tr[id=edit]').jeegoocontext('menu', {
livequery: true,
widthOverflowOffset: 0,
heightOverflowOffset: 3,
submenuLeftOffset: -4,
submenuTopOffset: -5,
onSelect: function(e, context){
var id = $(context).attr('name');
switch($(this).attr('id'))
{
case 'dis':
$.fancybox({
'width' : '100%',
'height' : '100%',
'autoScale' : true,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
'href' : 'dispatch_ma.php?id='+id
});
break;
case 'edit':
$.fancybox({
'width' : '100%',
'height' : '100%',
'autoScale' : true,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
'href' : 'dispatch_ma.php?id='+id
});
break;
case 'del':
$.fancybox({
'width' : '100%',
'height' : '100%',
'autoScale' : true,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
'href' : 'dispatch_ma.php?id='+id
});
break;
case 'red':
$(context).css('color', 'Red');
break;
case 'green':
$(context).css('color', 'Green');
break;
case 'blue':
$(context).css('color', 'Blue');
break;
case 'style_italic':
$(context).css('fontStyle', 'italic');
break;
case 'style_normal':
$(context).css('fontStyle', 'normal');
break;
case 'weight_bold':
$(context).css('fontWeight', 'bold');
break;
case 'weight_normal':
$(context).css('fontWeight', 'normal');
break;
case 'size_large':
$(context).css('fontSize', '1.2em');
break;
case 'size_normal':
$(context).css('fontSize', '1em');
break;
default:
return false;
}
}
});
Code (PHP)
<tr id="edit" name="test1" style="cursor: pointer;" class="tr">
<td>111111111</td>
<td>111111111</td>
<td>111111111</td>
<td>111111111</td>
<td>111111111</td>
<td>111111111</td>
<td>111111111</td>
<td>111111111</td>
<td>111111111</td>
</tr>
<!-- Context menu -->
<ul id="menu" class="jeegoocontext cm_default">
<li class="icon">
<span class="icon setting"></span> เมนูหลัก
</li>
<li class="icon" id='dis'>
<span class="icon dis"></span>Dispatch
</li>
<li class="icon" id='edit'>
<span class="icon edit"></span>แก้ไขข้อมูล
</li>
<li class="icon">
<span class="icon color"></span>ตัวอักษร
<ul>
<li>
ลักษณะตัวอักษร
<ul>
<li id="style_italic">ตัวเอียง</li>
<li id="style_normal">ตัวธรรมดา</li>
<li id="weight_bold">ตัวหนา</li>
<li id="weight_normal">ตัวหนาธรรมดา</li>
</ul>
</li>
<li>
ขนาดตัวอักษร
<ul>
<li id="size_large">ใหญ่</li>
<li id="size_normal">ธรรมดา</li>
</ul>
</li>
<li>
สีตัวอักษร
<ul>
<li id="red">แดง</li>
<li id="green">เขียว</li>
<li id="blue">น้ำเงิน</li>
</ul>
</li>
</ul>
</li>
</ul>
|
|
|
|
|
Date :
2013-08-08 08:00:09 |
By :
Manussawin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|