31-08-2010, 07:55
|
|
|
חבר מתאריך: 02.11.04
הודעות: 111
|
|
אובייקט לא נקלט ב JQUERY
אני כותב פה הודעה חדשה מפני שבהודעה הקודמת לא ראו את הקוד כמו שצריך
בהודעה הקודמת רשמתי שעליתי על הבעיה
אבל רק חשבתי :-(
אני נותן פה את הקוד יותר מסודר
הסבר
הקוד זורק בצד אחד את כל העמודים שיוזר מייצר [pages_not_in_menu]
ובצד השני הוא בונה את הרמה הראשונה של התפריט [page_connect_to_menu]
לכל עמוד שנמצא בתפריט יש כפתור [remove_line]
זה מוחק את העמוד מהתפריט ומחזיר אותו ל דיוו [pages_not_in_menu]
כדי להכניס עמוד לרמה הראשונה הוא פשוט גורר אותו ל דיוו [page_connect_to_menu]
הבעיה שמתי שאני גורר עמוד לרמה הראשונה של התפריט אני לא יכול למחוק אותו
ה JS לא עובד פתאום
אבל עם כבר יש לי עמודים ברמה הראושנה אני כן יכול למחוק אותם ( הם חוזרים ל דיוו )
ואני גם יכול לגרור אותם שוב... אבל אני כבר לא יכול מחוק
תודה לעוזרים
זה הקוד
קוד PHP:
<?php
switch ($language)
{
case 'he':
$float = 'float:right;';
$un_float = 'float:left;';
$edit_menu_level_1_title = 'עריכת תפריט רמה 1';
$edit_menu_level_2_title = 'עריכת תפריט רמה 2';
$edit_menu_level_3_title = 'עריכת תפריט רמה 3';
$choose_page = 'בחר עמוד';
$choose = 'בחר';
break;
default:
$float = 'float:left;';
$un_float = 'float:right;';
$edit_menu_level_1_title = 'Edit Menu Level 1';
$edit_menu_level_2_title = 'Edit Menu Level 2';
$edit_menu_level_3_title = 'Edit Menu Level 3';
$choose_page = 'Choose Page';
$choose = 'Choose';
break;
}
?>
<style type="text/css">
<!--
-->
.div_name {
width: 150px;
padding-top: 2px;
}
.edit_menu_div {
overflow: auto;
}
.not_in_menu {
width: 30%;
background-color: yellow;
min-height: 100px;
}
.in_menu {
min-height: 100px;
width: 70%;
background-color: lime;
}
.page_connect_to_menu {
min-height: 100px;
}
.pages_not_in_menu_title {
padding: 5px;
background-color: pink;
color: white;
margin-bottom: 5px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.page_connect_to_menu_select {
padding: 5px;
background-color: blue;
color: white;
margin-bottom: 5px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
</style>
<script type="text/javascript" src="<?php echo base_url(); ?>js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/ui/jquery.ui.droppable.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/ui/jquery.ui.sortable.js"></script>
<script type="text/javascript">
<!--
//-->
$(document).ready(function(){
///
///===============================
///
$('.block_title').click(function() {
if($(this).next().css('display') == 'block')
{
return false;
}
$('.block_body').slideUp('slow');
$(this).next().slideDown('slow');
});
///
///===============================
///
$('#submit_edit_level_1').click(function(){
var ready = true;
if(ready)
{
$('#form_level_1').submit();
}
});
///
///===============================
///
$('.remove_line').click(function(){
var page_id = $(this).find('input[name=id]:hidden').val();
var page_name = $(this).find('input[name=name]:hidden').val();
var base_url = '<?php echo base_url(); ?>';
var current_page_menu = '<?php echo $current_page_menu; ?>';
var link = base_url + 'admin_function/remove_page_from_menu/'+ current_page_menu + '/' + page_id ;
$(this).parent().html('<img src="'+ base_url +'radicals/static_images/loading/loader.gif">');
jQuery.ajax({
url : link,
success : function(data) {
$('#page_connect_to_menu_select_'+page_id).remove( );
$('.pages_not_in_menu').append( '<div class="pages_not_in_menu_title">'+
'<input type="hidden" name="id" value="'+page_id+'" />' +
'<input type="hidden" name="name" value="'+page_name+'" />' +
page_name +
'</div>');
},
error : function(XMLHttpRequest, textStatus, errorThrown){
alert(errorThrown);
}
});
});
///
///===============================
///
$('.pages_not_in_menu_title').draggable({
revert: true,
scroll: false
});
$('.page_connect_to_menu').droppable({
accept: '.pages_not_in_menu_title',
drop: function(event, ui) {
var un_float = '<?php echo $un_float; ?>';
var el = ui.draggable;
var el_id = el.find('input[name=id]:hidden').val();
var el_name = el.find('input[name=name]:hidden').val();
$(this).append( '<div class="page_connect_to_menu_select" id="page_connect_to_menu_select_'+el_id+'">' +
'<input type="hidden" name="num[]" value="'+el_id+'" />' +
el_name +
'<div style="'+ un_float +'">' +
'<div class="remove_line">' +
'<input type="hidden" name="id" value="'+el_id+'" />' +
'<input type="hidden" name="name" value="'+el_name+'" />' +
'</div>' +
'</div>' +
'</div>');
el.remove();
}
}).sortable({
items: '.page_connect_to_menu_select'
});
$(".page_connect_to_menu").disableSelection();
$('.pages_not_in_menu').sortable();
$('.pages_not_in_menu').disableSelection();
});
</script>
<div class="current_page_data">
<div class="block_title">
<div class="block_title_text">
<?php echo $edit_menu_level_1_title; ?>
</div>
</div>
<div class="block_body">
<br />
<div class="edit_menu_div">
<div class="not_in_menu" style="<?php echo $un_float; ?>">
<div class="pages_not_in_menu">
<?php
if(isset($pages) && !empty($pages))
{
foreach ($pages as $page)
{
echo '<div class="pages_not_in_menu_title">';
echo '<input type="hidden" name="id" value="'.$page['id'].'" />';
echo '<input type="hidden" name="name" value="'.$page['title'].'" />';
echo $page['title'];
echo '</div>';
}
}
?>
</div>
</div>
<div class="in_menu" style="<?php echo $un_float; ?>">
<?php
$attr_form_level_1 = array('id' => 'form_level_1', 'name' => 'form_level_1');
echo form_open('admin_function/edit_menu_level_1', $attr_form_level_1);
echo form_hidden('current_page_menu', $current_page_menu);
?>
<div class="page_connect_to_menu">
<?php
if(isset($top_menu) && !empty($top_menu))
{
foreach ($top_menu as $menu)
{
echo '<div class="page_connect_to_menu_select" id="page_connect_to_menu_select_'.$menu['level_1']['id'].'">';
echo form_hidden('num[]', $menu['level_1']['id']);
echo $menu['level_1']['title'];
echo '<div style="'.$un_float.'">';
echo '<div class="remove_line">';
echo '<input type="hidden" name="id" value="'.$menu['level_1']['id'].'" />';
echo '<input type="hidden" name="name" value="'.$menu['level_1']['title'].'" />';
echo '</div>';
echo '</div>';
echo '</div>';
}
}
?>
</div>
<?php
echo form_close();
?>
</div>
</div>
<br />
<a href="#" id="submit_edit_level_1">
<div class="save_button"></div>
</a>
<br />
<br />
<br />
</div>
<div class="block_bottom"></div>
<div/>
|