블로그 이미지
Xeon의 세상 Xeoness

카테고리

Xeon World (22)
Diary (1)
Tuning (0)
Project (0)
Scrap (0)
Media (0)
L ♡ L (0)
일상생활 (4)
Web Programming (14)
IT 강국? 노가다 강국 (3)
Linux (0)
아리아리 동동~ (0)
Total30,960
Today0
Yesterday0
두 번째 영상



'IT 강국? 노가다 강국' 카테고리의 다른 글

Motoroi 소개 동영상 (3/3)  (0) 2010.01.30
Motoroi (2/3)  (0) 2010.01.30
Motoroi 소개 동영상. (1/3)  (0) 2010.01.30
Posted by Xeoness

댓글을 달아 주세요


1월 26일 오후 6시부터 모토로이 예판이 시작됐다.

안드로이드 폰을 기다리던 내게는 정말 참기 힘든 유혹.

버스 폰으로 풀리든 어쨌든 2년 무상 A/S 조건이 마음에 들었고.

아이폰에 비해 딱히 모자라는 부분도 보이질 않는다.
(아이폰의 그 부드러운 UI는 잊을 수 없지만... TT_TT 아이폰이 너무 부드럽다.)

뭐 그러한 점은 해상도로 커버할 수 있을거라 스스로 위안을 하는 중이다.

아래 동영상에서 보이듯이 그렇게 느려서 못써먹을 정도는 아닌데.

사람들은 써보지도 않고 까는 경향이 너무 심하다.

엊그제 발표한 iPad만 봐도, 정말 심하게 까댄다.

하긴... 뭐든지 처음 나온 시기에는 조롱하기 마련이었으니.

처음으로 비행기를 만들 때, 자동차를 만들 때 사람들은 일단 까고 봤으니.

그냥 자기 마음에 들어서 사는걸 왜들 나서서 사지 마라. 이거 사라 그러는거지 ㅡㅡa

모토로이 산다니까 한 놈이 그런다.

"야. 그 딴거 뭐하러 사. 아이폰 사"

그래서 한 마디 해줬다.

"넌 아이폰 있어? 모토로이 써봤어?"

'IT 강국? 노가다 강국' 카테고리의 다른 글

Motoroi 소개 동영상 (3/3)  (0) 2010.01.30
Motoroi (2/3)  (0) 2010.01.30
Motoroi 소개 동영상. (1/3)  (0) 2010.01.30
Posted by Xeoness

댓글을 달아 주세요


input type file 꾸미기


# 1. 이미지로 대체하자.

 

<script>

// 파일찾기
function fncProductFile()
{
 document.Form.txtProductFile.click();
 document.Form.txtProductFileName.value=document.Form.txtProductFile.value;
}
</script>

 

<form name='Form'>

   <input type='file' name='txtProductFile' size="15"style='display:none'>

   또는

   <input type='file' name='txtProductFile' size="15"style='cursor:hand;width:5px;filter:alpha(opacity=0);position:absolute;top:10px;left:40px'>
  

   <input type="Text" style="width:150px;" name="txtProductFileName" class='input' readOnly>
   <img style='cursor:hand' alt="파일찾기" src="./images/btn/btn_search_s.gif" align="absMiddle" border="0" onclick="fncProductFile()">

</form>

 

 

# 2. value값을 초기화하자

file 타입의 input태그는 readOnly 속성이기 때문에 value 속성에 사용자가 임으로 값을 넣을수가 없습니다. 때문에 초기화하고자 할경우 document.file.value = "";처럼 사용하실수가 없겠죠.

이럴때 유용한 방법이 되겠네요... 

 

<form>
    <input type="text" name="txtName"><br>
    <input type="file" name="upload"><br>
     <input type="file" name="upload"><br>
    <input type="button" value=삭제 onclick="fileReset(this.form);">
    <input type="button" value=확인 onclick="alert(this.form.upload.value);">
</form>

 

<script language="JavaScript">
<!--
    function fileReset( form )
    {
        //form.upload.select();   //upload라는 name을 가진 컨트롤 모두 선택됨.

 

       //upload이름을 가진 컨트롤이 많은경우 그중에 하나만 초기화...

       var files = document.getElementsByName("upload");
       files[0].select();
// 첫번째 선택

 

       //선택된 컨트롤의 값 모두 삭제
       document.selection.clear;
 

       // or document.execCommand('Delete');

 

       // 단,  같은 메서드안에서 위코드 이후에 form.submit()사용시 "액세스 거부"에러 발생. 

 

       // 참고로 form안에 있는 모든 컨트롤의 값을 초기화할때

       // form.reset 대신에  document.selection.empty;를 사용해도 같은효과가 나네요.

    }
//-->
</script>



# 3. 업로드전에 파일 사이즈 구하기

<form>


    <input type="file" onChange="getFileSize(this);">
    <img name="tempFile" id="tempFile" width="0" height="0" dynsrc=''>


    <br>
    <span id="sizeReport" style="color:red"></span>  Bytes


    <script language=javascript>
    function getFileSize( obj)
    {
//        var fileObj = document.getElementById("tempFile");
//        fileObj.dynsrc.value = obj.value;

           var img = new Image();
           img.dynsrc = obj.value;
           document.getElementById("sizeReport").innerText = fileObj.fileSize;
    }
    </script>


</form>



# 4. 이미지 업로드시 미리보기

<script language=javascript>
    <!--
        function SignChange(form)
        {
            var defaultSign = "../images/sample.gif";           //기본이미지
            if(form.SignSearch.value != '')
                form.SignImage.src = form.SignSearch.value;
            else
                form.SignImage.src = defaultSign;
        }
    //-->
    </script>

 

<IMG height="50" src="../images/sample.gif" width="50" id="SignImage"><br>

<input class="base" id="SignSearch" type="file" size="20" name="SignSearch"

onpropertychange="FileButtonOnClick(this.form)">


 

'Web Programming > JavaScript' 카테고리의 다른 글

input type file 꾸미기  (0) 2010.01.22
Posted by Xeoness

댓글을 달아 주세요

최근에 달린 댓글

최근에 받은 트랙백

글 보관함