Помоги пожалуйста с 1-ой формы, перенести функцию на 2.
1 форма где функция копирует название загружаемого файла в текстовое поле.
CODE ( javascript):
скопировать код в буфер обмена
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> function copyfileName() { var name; var file = document.upload.elements["file"]; var file_name = document.upload.elements["fileName"]; var alt = document.upload.elements["short_story"]; file_name.value = file.value; name = file_name.value.slice(file_name.value.lastIndexOf("\\")+1); alt.value = alt.value+"[img]"+name+"[/img]".replace(/|/g,""); } </script>
CODE ( html):
скопировать код в буфер обмена
<form method="post" action="" name="upload" target="hiddenframe" enctype="multipart/form-data" onsubmit="hideBtn();" > <input type="text" name="fileName" class="f_input" /> <input type="file" name="file" onchange="javascript: copyfileName()" /> <textarea type="text" name="short_story" id="short_story" onclick=setFieldName(this.name) >{full-story}</textarea> </form>
Вторая форма загрузки файла на jaix
CODE ( javascript):
скопировать код в буфер обмена
<script type="text/javascript" src="{THEME}/js/jquery-1.3.2.js" ></script> <script type="text/javascript" src="{THEME}/js/ajaxupload.3.5.js" ></script> <script type="text/javascript" > $(function(){ var btnUpload=$('#upload'); var status=$('#status'); new AjaxUpload(btnUpload, { action: 'upload-file.php', name: 'uploadfile', onSubmit: function(file, ext){ if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ // extension is not allowed status.text('Only JPG, PNG or GIF files are allowed'); return false; } status.text('Uploading...'); }, onComplete: function(file, response){ //On completion clear the status status.text(''); //Add uploaded file to list if(response==="success"){ $('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('success'); } else{ $('<li></li>').appendTo('#files').text(file).addClass('error'); } } }); }); </script>
CODE ( html):
скопировать код в буфер обмена
<style type="text/css"> #upload{ margin:30px 200px; padding:15px; font-weight:bold; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#f2f2f2; color:#3366cc; border:1px solid #ccc; width:150px; cursor:pointer !important; -moz-border-radius:5px; -webkit-border-radius:5px; } .darkbg{ background:#ddd !important; } #status{ font-family:Arial; padding:5px; } ul#files{ list-style:none; padding:0; margin:0; } ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;} ul#files li img{ max-width:180px; max-height:150px; } .success{ background:#99f099; border:1px solid #339933; } .error{ background:#f0c6c3; border:1px solid #cc6622; } </style> <div id="mainbody"> <div id="upload" ><span>Upload File<span></div> <span id="status" ></span> <ul id="files" ></ul>
Все что пробывал, все в пустою. (Отредактировано автором: 02 Сентября, 2012 - 14:27:13)
|