Hello, Following sample code works with older jquery. After moving jquery
1.3.2 and new UI and latest validate code it stops working. If I remove the
validate code works again...
--- following classes are working (eg $("#hucre_ayarlari").click )
<tr class='drList_bloklar_tr'>
<td style='vertical-align:top;width:400px;'>
<table border='0' cellpadding='0' cellspacing='0'
style='width:100%;'><tbody>
<tr class='bdDark'><td class='fgFlash2 fwBold fsMid'>
<table border='0' cellpadding='0' cellspacing='0'
class='cDTable'><tbody><tr>
<td style='width:20px;' class='pad4 fgDark'>1.</td>
<td class='pad4 bgDark'>NULL</td>
<td style='width:20px;' class='pad4'> </td>
<td style='width:20px;' class='pad4'><select
name='blok_sira' size='1' class='cInputI blok_sira'><option value='1'
selected = 'selected'>1</option><option value='2' >2</option><option
value='3' >3</option></select></td>
<td style='width:20px;' class='pad4'><img src='
http://ysp.int/site/temalar/deli/images/icons/16x16/down.png' title=''
alt='' lang='25' class='hucre_asagi' /></td>
<td style='width:20px;' class='pad4'><img src='
http://ysp.int/site/temalar/deli/images/icons/16x16/configure.png' lang='25'
title='Ayarlar' alt='NULL' class='hucre_ayarlari' /></td>
<td style='width:20px;' class='pad4'><img src='
http://ysp.int/site/temalar/deli/images/icons/16x16/eraser.png' lang='25'
title='Temizle' alt='Temizle' class='hucre_temizle' /></td>
<td style='width:20px;' class='pad4'><img src='
http://ysp.int/site/temalar/deli/images/icons/16x16/delete_cell.png'
lang='25' title='Sil' alt='Sil' class='hucre_sil'/></td>
</tr></tbody></table>
</td></tr>
<tr class='bdDark'><td><div></div></td></tr>
</tbody></table>
</td>
</tr>
--- following classes are NOT working (eg $("#hucre_ayarlari").click
)
<tr class='drList_bloklar_tr'>
<td style='vertical-align:top;width:400px;'>
<table border='0' cellpadding='0' cellspacing='0'
style='width:100%;'><tbody>
<tr class='bdDark'><td class='fgFlash2 fwBold fsMid'>
<table border='0' cellpadding='0' cellspacing='0'
class='cDTable'><tbody><tr>
<td style='width:20px;' class='pad4 fgDark'>2.</td>
<td class='pad4 bgDark'>modul</td>
<td style='width:20px;' class='pad4'><img src='
http://ysp.int/site/temalar/deli/images/icons/16x16/up.png' title='' alt=''
lang='24' class='hucre_yukari' /></td>
<td style='width:20px;' class='pad4'><select
name='blok_sira' size='1' class='cInputI blok_sira'><option value='1'
>1</option><option value='2' selected = 'selected'>2</option><option
value='3' >3</option></select></td>
<td style='width:20px;' class='pad4'><img src='
http://ysp.int/site/temalar/deli/images/icons/16x16/down.png' title=''
alt='' lang='24' class='hucre_asagi' /></td>
<td style='width:20px;' class='pad4'><img src='
http://ysp.int/site/temalar/deli/images/icons/16x16/configure.png' lang='24'
title='Ayarlar' alt='modul' class='hucre_ayarlari' /></td>
<td style='width:20px;' class='pad4'><img src='
http://ysp.int/site/temalar/deli/images/icons/16x16/eraser.png' lang='24'
title='Temizle' alt='Temizle' class='hucre_temizle' /></td>
<td style='width:20px;' class='pad4'><img src='
http://ysp.int/site/temalar/deli/images/icons/16x16/delete_cell.png'
lang='24' title='Sil' alt='Sil' class='hucre_sil'/></td>
</tr></tbody></table>
</td></tr>
<tr class='bdDark'><td><div>google_analytics</div></td></tr>
</tbody></table>
</td>
</tr>
All those html codes are same page. It was very weird bug. First init of
each class selectors was work and after first init. All off them stops
responding.
I had following setup jquery ui and other things loding setup
<script charset="utf-8" type="text/javascript"
src="http://ysp.int/js/libs/jquery/jquery.js";></script>
<script charset="utf-8" type="text/javascript"
src="http://ysp.int/js/libs/jquery/jquery-ui.js";></script>
<script type="text/javascript"
src="http://ysp.int/js/libs/jquery/plugins/boxy/jquery.boxy.js";
charset="utf-8"></script>
<script type='text/javascript'
src='http://ysp.int/js/libs/jquery/plugins/validate/jquery.validate.pack.js'
charset='utf-8'></script>
<script type='text/javascript'
src='http://ysp.int/js/libs/jquery/plugins/FCKEditor/jquery.FCKEditor.js'
charset='utf-8'></script>
<script type='text/javascript'
src='http://ysp.int/js/libs/jquery/plugins/bdc-menu/jquery.bdc.ddmenu.pack.js'
charset='utf-8'></script>
<script type='text/javascript'
src='http://ysp.int/js/libs/jquery/plugins/fileTree/jqueryFileTree.js'
charset='utf-8'></script>
Here My js code
//--- Zebra Rows
$(".drList_bloklar_tr:odd").addClass("bgOdd");
$(".drList_bloklar_tr:even").addClass("bgEven");
//--- Set hover effect
$(".drList_bloklar_tr").hover(function(){
$(this).addClass("bgHover");
},function(){
$(this).removeClass("bgHover");
});
//-- Delete icona basinca
$(".hucre_sil").click(function() {
hucre_id = this.lang;
answer = confirm('Bu hücreyi silmek istediğinize eminmisiniz ?'); //
Eminmisiniz sorusunu sor
if (answer) {
window.location =
base_url+'blok_duzenleme-1-model-delete-sayfa_id-'+sayfa_id+'-hucre_id-'+hucre_id+'-lokasyon-'+lokasyon+'-istek-'+istek;
// Silme islemini post et.
}
});
$(".hucre_temizle").click(function() {
hucre_id = this.lang;
answer = confirm('Bu hücrenin içeriğini temizlemek istediğinize
eminmisiniz ?'); // Eminmisiniz sorusunu sor
if (answer) {
window.location =
base_url+'blok_duzenleme-1-model-erase-sayfa_id-'+sayfa_id+'-hucre_id-'+hucre_id+'-lokasyon-'+lokasyon+'-istek-'+istek;
// Silme islemini post et.
}
});
$(".hucre_yukari").click(function() {
hucre_id = this.lang;
window.location =
base_url+'blok_duzenleme-1-model-hucre_yukari-sayfa_id-'+sayfa_id+'-hucre_id-'+hucre_id+'-lokasyon-'+lokasyon+'-istek-'+istek;
});
$(".hucre_asagi").click(function() {
hucre_id = this.lang;
window.location =
base_url+'blok_duzenleme-1-model-hucre_asagi-sayfa_id-'+sayfa_id+'-hucre_id-'+hucre_id+'-lokasyon-'+lokasyon+'-istek-'+istek;
});
//--- Kaplan5 Designer Modulunden alinmistir
$(".hucre_ayarlari").click(function(){
hucre_id = this.lang;
cell_type = this.alt;
$("#designerInterface").html(" ");
if(cell_type == 'NULL') {
content = col_setup_menu;
boxy_content = "<div id='designerInterface'>"+content+"<\/div>";
boxy_title = "Blok Düzenleyici ";
new Boxy(boxy_content,{ title: boxy_title , draggable: true ,
unloadOnHide: true });
$("#designerInterface > #col_types_bdc").ddMenu({ rootTitle: 'Hücre
Türünü Seçiniz' });
$("#designerCellHtml").click(function(){
boxy_content = "<div id='htmlEditor'><form name='html_content'
id='html_content' method='post' action='"+page_url+"'
style='padding:0px;margin:0px;'><textarea class='cell_content'
id='cell_content'><\/textarea><input type='hidden' name='lokasyon'
value='"+lokasyon+"' /><input type='hidden' name='sayfa_id'
value='"+sayfa_id+"' /><input type='hidden' name='hucre_id'
value='"+hucre_id+"' /><input type='hidden' name='model' value='html_kayit'
/><input type='hidden' name='istek' value='"+istek+"' /><\/form><\/div>";
boxy_title = "Html Editor";
new Boxy(boxy_content,{ title: boxy_title , modal: true ,
unloadOnHide: true });
$("#cell_content").fck({ path: '/js/libs/fckeditor/', toolbar:
'Yasopanel',width: 600,height:300});
});
$(".setupApplication").click(function(){
boxy_content = "<div id='htmlEditor'><center><form
name='html_content' id='html_content' method='post' action='"+page_url+"'
style='padding:0px;margin:0px;'><table border='0' cellpadding='0'
cellspacing='0'><tbody><tr><td class='taLeft vaTop bgDark fsBold
fgFlash2'>Modul Sec</td></tr><tr><td class='taLeft vaTop'><select
class='cell_content cInputI' id='cell_content' name='cell_content'
size='1'>"+module_list+"<\/select></td></tr><tr><td class='taLeft vaTop
bgDark fsBold fgFlash2'>Modul Parametreleri</td></tr><tr><td class='taLeft
vaTop'><textarea class='cell_parameters' id='cell_parameters'
name='cell_parameters' style='width:400px;height:300px;'><\/textarea><input
type='hidden' name='lokasyon' value='"+lokasyon+"' /></td></tr><tr><td
style='text-align:center'><input type='submit' name='submit' value='Kaydet'
class='cInputB' /><input type='hidden' name='sayfa_id' value='"+sayfa_id+"'
/></td></tr></tbody></table><input type='hidden' name='hucre_id'
value='"+hucre_id+"' /><input type='hidden' name='model' value='modul_kayit'
/><input type='hidden' name='istek' value='"+istek+"'
/><\/form><\/center><\/div>";
boxy_title = "Modül Kurulumu";
new Boxy(boxy_content,{ title: boxy_title , modal: true ,
unloadOnHide: true });
});
}
if(cell_type == 'html') {
cell_content_url =
base_url+'blok_duzenleme-1-islem-getir_html_hucre-istek-ajax-model-getir_hucre-sayfa_id-'+sayfa_id+'-lokasyon-'+lokasyon+'-hucre_id-'+hucre_id;
$.get(cell_content_url, function(data){
boxy_content = "<div id='htmlEditor'><form name='html_content'
id='html_content' method='post' action='"+page_url+"'
style='padding:0px;margin:0px;'><textarea class='cell_content'
id='cell_content'>"+data+"<\/textarea><input type='hidden' name='lokasyon'
value='"+lokasyon+"' /><input type='hidden' name='sayfa_id'
value='"+sayfa_id+"' /><input type='hidden' name='model'
value='edit_cell_html' /><input type='hidden' name='hucre_id'
value='"+hucre_id+"' /><input type='hidden' name='model' value='html_kayit'
/><input type='hidden' name='istek' value='"+istek+"' /><\/form><\/div>";
boxy_title = "Html Editor";
new Boxy(boxy_content,{ title: boxy_title , modal: true ,
unloadOnHide: true });
$("#cell_content").fck({ path: '/js/libs/fckeditor/', toolbar:
'Yasopanel',width: 600,height:300});
});
}
if(cell_type == 'modul') {
cell_content_url =
base_url+'blok_duzenleme-1-islem-getir_html_hucre-istek-ajax-model-getir_hucre-sayfa_id-'+sayfa_id+'-lokasyon-'+lokasyon+'-hucre_id-'+hucre_id;
$.get(cell_content_url, function(data){
boxy_content = data;
boxy_title = "Modül Kurulumu ";
new Boxy(boxy_content,{ title: boxy_title , modal: true ,
unloadOnHide: true });
});
}
});
Regards
