views

技术2026-05-06 2

//album/broswer_image.php

<input type="hidden" id="h_album_id" value="<?php echo $album_id?>" name="album_id"> <div> <input type="checkbox" id="ckb_all"> 全选   <input type="button" id="btn_del_image" value="删除">    <input type="button" id="btn_add_image" value="添加">   </div> <form action="<?php echo base_url()?>index.php/Album/add_image/<?php echo $album_id?>" id="f_album_images" method="post" enctype="multipart/form-data"> <div id="image_list"> <?php foreach ( $images as $image ) :?> <div> <input type="checkbox" value="<?php echo $image['image_id']?>"> <?php echo '<a href="'.base_url().$image['path'].'" target="_blank">'.$image['name'].'</a>'?> </div> <?php endforeach;?> <hr> </div> </form> <script type="text/javascript"> function remove_image ( e ) { $(e).parent().remove(); } $( function(){ var g_image_count = 1; $( '#ckb_all' ).click( function(){ if ( $(this).attr( 'checked' ) ) { $( '#image_list' ).find( 'input[type=checkbox]' ).each( function( i ){ $(this).attr( 'checked', 'checked' ); }); } else { $( '#image_list' ).find( 'input[type=checkbox]' ).each( function( i ){ $(this).attr( 'checked', '' ); }); } }); $( '#btn_del_image' ).click( function(){ var to_del = new Array(); $( '#image_list' ).find( 'input[type=checkbox]' ).each( function( i ){ if ( $(this).attr( 'checked' ) ) { to_del.push( $(this).val() ); } }); if ( to_del.length ) { var url = base_url + 'index.php/Album/del_image'; $.post( url, {to_del:to_del.join(',')}, function( data ){ var json = format_jsondata( data ); if ( '1' == json.status ) { var ths = $( '.album_selected' ).eq(0); var album_id = ths.find( 'input[type=hidden]' ).eq(0).val(); var url = base_url + 'index.php/Album/browser/' + album_id; waiting( true ); $.get( url, {}, function ( html ){ waiting( false ); $( '#image_container' ).html( html ); }); } else { alert( json.msg ); } }); } }); $( '#btn_add_image' ).click( function(){ var html = '<div>'; html += '<input type="file" name="image' + g_image_count + '" size="60">'; html += '<input type="button" value="取消" οnclick="remove_image(this)">'; html += '</div>'; $( '#image_list' ).append( html ); g_image_count++; }); /* $( '#btn_set_cover' ).click( function(){ var count = 0; var cover_id = 0; $( '#image_list' ).find( 'input[type=checkbox]' ).each( function( i ){ if ( $(this).attr( 'checked' ) ) { count++; cover_id = $(this).val(); }); }); if ( 0 == count ) { alert( '请选一张图片作为封面' ); return false; } else if ( count > 1 ) { alert( '只能选一张图片作为封面' ); return false; } var url = base_url + 'index.php/Album/set_cover/' + $( '#h_album_id' ).val() + '/' + cover_id; $.get( url,{},function( data ){ var json = format_jsondata( data ); if ( '1' == json.status ) { //alert(); } else { alert( json.msg ); } }); }); */ }); </script>

//album/broswer_album.php

<div align="center"> <a href="javascript:void(0);" id="btn_add_album">添加相册</a>   <a href="javascript:void(0);" id="btn_edit_album">编辑相册</a>   <a href="javascript:void(0);" id="btn_del_album">删除相册</a> </div> <ul id="album_list"> <?php foreach ( $albums as $album ) :?> <li class="album_li"> <input type="checkbox" value="<?php echo $album['album_id']?>"> <div class="album"> <input type="hidden" value="<?php echo $album['album_id']?>"> <div> <?php echo $album['album_name']?> </div> </div> </li> <?php endforeach;?> </ul> <div id="add_album_dialog"> <form method="post" action="<?php echo base_url()?>index.php/Album/add" id="f_new_album"> <table> <tr> <td>相册名称</td> <td> </td> <td><input type="text" name="data[album_name]" value=""></td> </tr> <tr> <td>相册描述</td> <td> </td> <td><input type="text" name="data[remark]" value="" size="80"></td> </tr> </table> </form> </div> <div id="edit_album_dialog"> <div id="edit_album_container"></div> </div> <div id="image_dialog"> <div id="image_container"></div> </div> <script type="text/javascript"> $(function(){ $( '#btn_add_album' ).click( function(){ $( '#f_album' ).resetForm(); $( '#add_album_dialog' ).dialog( 'open' ); return false; }); $( '#btn_del_album' ).click( function(){ var to_del = new Array(); $( '#album_list' ).find( 'input[type=checkbox]' ).each( function(i){ if ( $(this).attr( 'checked' ) ) { to_del.push( $(this).val() ); } }); if ( 0 == to_del.length ) { alert( '请选择一个相册' ); return false; } waiting( true ); var url = base_url + 'index.php/Album/del'; $.post( url, {to_del:to_del.join(',')}, function( data ){ var json = format_jsondata( data ); if ( '1' == json.status ) { url = base_url + 'index.php/Album/index'; $.get( url, {}, function( html ){ waiting( false ); $( '#view_album_container' ).html( html ); }); } else { waiting( false ); alert( json.msg ); } }); return false; }); $( '#btn_edit_album' ).click( function(){ var album_id = 0; var counter = 0; $( '#album_list' ).find( 'input[type=checkbox]' ).each( function(i){ if ( $(this).attr( 'checked' ) ) { album_id = $(this).val(); counter++; } }); if ( 0 == counter ) { alert( '请选择一个相册进行编辑' ); return false; } if ( counter > 1 ) { alert( '只能选择一个相册进行编辑' ); return false; } else { var url = base_url + 'index.php/Album/edit'; waiting( true ); $.post( url, {album_id:album_id}, function( html ){ $( '#edit_album_container' ).html( html ); waiting( false ); $( '#edit_album_dialog' ).dialog( 'open' ); }); } return false; }); $( '#add_album_dialog' ).dialog({ title: '添加商品相册', autoOpen: false, modal: true, buttons: { '保存': function(){ waiting( true ); $( '#f_new_album' ).ajaxSubmit( function( data ){ waiting( false ); var json = format_jsondata( data ); if ( '1' == json.status ) { $(this).dialog( 'close' ); return false; } else { alert( json.msg ); } }); }, '关闭': function(){ $(this).dialog( 'close' ); return false; } }, width: '610px' }); $( '#edit_album_dialog' ).dialog({ title: '编辑商品相册', autoOpen: false, modal: true, buttons: { '保存': function(){ waiting( true ); $( '#f_album' ).ajaxSubmit( function( data ){ waiting( false ); alert( data ); $(this).dialog( 'close' ); return false; }); }, '关闭': function(){ $(this).dialog( 'close' ); return false; } }, width: '610px' }); $( '#image_dialog' ).dialog({ title: '相册图片', autoOpen: false, modal: true, buttons: { '保存': function(){ var ths = $(this); $( '#f_album_images' ).ajaxSubmit( function( data ){ ths.dialog( 'close' ); return false; }); }, '关闭': function(){ $(this).dialog( 'close' ); return false; } }, width: '810px', position:'top' }); $( '.album' ).click( function(){ var ths = $(this); $( '.album_selected' ).removeClass( 'album_selected' ); ths.addClass( 'album_selected' ); var album_id = ths.find( 'input[type=hidden]' ).eq(0).val(); var url = base_url + 'index.php/Album/browser/' + album_id; waiting( true ); $.get( url, {}, function ( html ){ waiting( false ); $( '#image_container' ).html( html ); $( '#image_dialog' ).dialog( 'open' ); }); }); }); </script>

//album/edit_album.php

<div> <form method="post" action="<?php echo base_url()?>index.php/Album/edit" id="f_album"> <input type="hidden" name="data[album_id]" value="<?php echo $album['album_id']?>"> <table> <tr> <td>相册名称</td> <td> </td> <td><input type="text" name="data[album_name]" value="<?php echo $album['album_name']?>"></td> </tr> <tr> <td>相册描述</td> <td> </td> <td> <input type="text" name="data[remark]" value="<?php echo $album['remark']?>" size="80"> </td> </tr> </table> </form> </div>

index.php define( 'ROOTPATH', dirname(__FILE__) );

最新回复(0)