Loading ...
Sorry, an error occurred while loading the content.

clearing Input type file field

Expand Messages
  • kumar_namburu
    Hi, I have some problem with file field.In a form i have no of pages. in each page i have file field. i am placing a clear button to clear the fields present
    Message 1 of 4 , Sep 27, 2007
    • 0 Attachment
      Hi,

      I have some problem with file field.In a form i have no of pages.
      in each page i have file field. i am placing a clear button to clear
      the fields present in that page, but the details entered in the
      remining pages should not effect. I have to hold all the data entered
      in the all the pages until i click save button.so i cant use the reset
      button and i can't place the form tags for each page because, user can
      change value until they click save button.

      i am able to clear the all the fields in a page using javascript
      function except the file field. do any body have suggestion in this
      issue? i you have please send me.

      Thanks in advance.

      Pradeep
    • jatinder kaur
      Hi kumar, I tried following solution for ur problem. ********************************************** function file_name_clear() {
      Message 2 of 4 , Sep 28, 2007
      • 0 Attachment
        Hi kumar,
        I tried following solution for ur problem.
        **********************************************
        <script>
        function file_name_clear()
        {
        document.getElementById('file_area').innerHTML = "<input name='file_name'
        type='file'>";
        }
        </script>
        <form name='form1' enctype='multipart/form-data' >
        <div id='file_area'>
        <input name='file_name' type='file'>
        </div>
        <input type='button' onClick='file_name_clear()' value='Change file'>
        </form>
        *************************************************
        check and let me know.
        jets


        On 9/27/07, kumar_namburu <kumar_namburu@...> wrote:
        >
        > Hi,
        >
        > I have some problem with file field.In a form i have no of pages.
        > in each page i have file field. i am placing a clear button to clear
        > the fields present in that page, but the details entered in the
        > remining pages should not effect. I have to hold all the data entered
        > in the all the pages until i click save button.so i cant use the reset
        > button and i can't place the form tags for each page because, user can
        > change value until they click save button.
        >
        > i am able to clear the all the fields in a page using javascript
        > function except the file field. do any body have suggestion in this
        > issue? i you have please send me.
        >
        > Thanks in advance.
        >
        > Pradeep
        >
        >
        >


        [Non-text portions of this message have been removed]
      • mithun mandal
        I think it s also possible using custom javascript function. if you given any id to that file field. then i think you can try
        Message 3 of 4 , Oct 9, 2007
        • 0 Attachment
          I think it's also possible using custom javascript function. if you given any id to that file field. then i think you can try document.getElementById('id').value='';
          i think this will solve your problem.

          ----- Original Message ----
          From: kumar_namburu <kumar_namburu@...>
          To: bang-phpug@yahoogroups.com
          Sent: Thursday, 27 September, 2007 9:15:19 PM
          Subject: [bang-phpug] clearing Input type file field













          Hi,



          I have some problem with file field.In a form i have no of pages.

          in each page i have file field. i am placing a clear button to clear

          the fields present in that page, but the details entered in the

          remining pages should not effect. I have to hold all the data entered

          in the all the pages until i click save button.so i cant use the reset

          button and i can't place the form tags for each page because, user can

          change value until they click save button.



          i am able to clear the all the fields in a page using javascript

          function except the file field. do any body have suggestion in this

          issue? i you have please send me.



          Thanks in advance.



          Pradeep














          <!--

          #ygrp-mkp{
          border:1px solid #d8d8d8;font-family:Arial;margin:14px 0px;padding:0px 14px;}
          #ygrp-mkp hr{
          border:1px solid #d8d8d8;}
          #ygrp-mkp #hd{
          color:#628c2a;font-size:85%;font-weight:bold;line-height:122%;margin:10px 0px;}
          #ygrp-mkp #ads{
          margin-bottom:10px;}
          #ygrp-mkp .ad{
          padding:0 0;}
          #ygrp-mkp .ad a{
          color:#0000ff;text-decoration:none;}
          -->



          <!--

          #ygrp-sponsor #ygrp-lc{
          font-family:Arial;}
          #ygrp-sponsor #ygrp-lc #hd{
          margin:10px 0px;font-weight:bold;font-size:78%;line-height:122%;}
          #ygrp-sponsor #ygrp-lc .ad{
          margin-bottom:10px;padding:0 0;}
          -->



          <!--

          #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean, sans-serif;}
          #ygrp-mlmsg table {font-size:inherit;font:100%;}
          #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, clean, sans-serif;}
          #ygrp-mlmsg pre, code {font:115% monospace;}
          #ygrp-mlmsg * {line-height:1.22em;}
          #ygrp-text{
          font-family:Georgia;
          }
          #ygrp-text p{
          margin:0 0 1em 0;}
          #ygrp-tpmsgs{
          font-family:Arial;
          clear:both;}
          #ygrp-vitnav{
          padding-top:10px;font-family:Verdana;font-size:77%;margin:0;}
          #ygrp-vitnav a{
          padding:0 1px;}
          #ygrp-actbar{
          clear:both;margin:25px 0;white-space:nowrap;color:#666;text-align:right;}
          #ygrp-actbar .left{
          float:left;white-space:nowrap;}
          .bld{font-weight:bold;}
          #ygrp-grft{
          font-family:Verdana;font-size:77%;padding:15px 0;}
          #ygrp-ft{
          font-family:verdana;font-size:77%;border-top:1px solid #666;
          padding:5px 0;
          }
          #ygrp-mlmsg #logo{
          padding-bottom:10px;}

          #ygrp-vital{
          background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;}
          #ygrp-vital #vithd{
          font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transform:uppercase;}
          #ygrp-vital ul{
          padding:0;margin:2px 0;}
          #ygrp-vital ul li{
          list-style-type:none;clear:both;border:1px solid #e0ecee;
          }
          #ygrp-vital ul li .ct{
          font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;padding-right:.5em;}
          #ygrp-vital ul li .cat{
          font-weight:bold;}
          #ygrp-vital a{
          text-decoration:none;}

          #ygrp-vital a:hover{
          text-decoration:underline;}

          #ygrp-sponsor #hd{
          color:#999;font-size:77%;}
          #ygrp-sponsor #ov{
          padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;}
          #ygrp-sponsor #ov ul{
          padding:0 0 0 8px;margin:0;}
          #ygrp-sponsor #ov li{
          list-style-type:square;padding:6px 0;font-size:77%;}
          #ygrp-sponsor #ov li a{
          text-decoration:none;font-size:130%;}
          #ygrp-sponsor #nc{
          background-color:#eee;margin-bottom:20px;padding:0 8px;}
          #ygrp-sponsor .ad{
          padding:8px 0;}
          #ygrp-sponsor .ad #hd1{
          font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height:122%;}
          #ygrp-sponsor .ad a{
          text-decoration:none;}
          #ygrp-sponsor .ad a:hover{
          text-decoration:underline;}
          #ygrp-sponsor .ad p{
          margin:0;}
          o{font-size:0;}
          .MsoNormal{
          margin:0 0 0 0;}
          #ygrp-text tt{
          font-size:120%;}
          blockquote{margin:0 0 0 4px;}
          .replbq{margin:4;}
          -->








          Share files, take polls, and discuss your passions - all under one roof. Go to http://in.promos.yahoo.com/groups

          [Non-text portions of this message have been removed]
        • deepu kumar
          Hi, I am doing in the same, but it is not working. Thanks and Regards, Pradeep mithun mandal wrote: I
          Message 4 of 4 , Oct 10, 2007
          • 0 Attachment
            Hi,
            I am doing in the same, but it is not working.
            Thanks and Regards,
            Pradeep

            mithun mandal <mandal.mithun@...> wrote: I think it's also possible using custom javascript function. if you given any id to that file field. then i think you can try document.getElementById('id').value='';
            i think this will solve your problem.

            ----- Original Message ----
            From: kumar_namburu <kumar_namburu@...>
            To: bang-phpug@yahoogroups.com
            Sent: Thursday, 27 September, 2007 9:15:19 PM
            Subject: [bang-phpug] clearing Input type file field

            Hi,

            I have some problem with file field.In a form i have no of pages.

            in each page i have file field. i am placing a clear button to clear

            the fields present in that page, but the details entered in the

            remining pages should not effect. I have to hold all the data entered

            in the all the pages until i click save button.so i cant use the reset

            button and i can't place the form tags for each page because, user can

            change value until they click save button.

            i am able to clear the all the fields in a page using javascript

            function except the file field. do any body have suggestion in this

            issue? i you have please send me.

            Thanks in advance.

            Pradeep

            <!--

            #ygrp-mkp{
            border:1px solid #d8d8d8;font-family:Arial;margin:14px 0px;padding:0px 14px;}
            #ygrp-mkp hr{
            border:1px solid #d8d8d8;}
            #ygrp-mkp #hd{
            color:#628c2a;font-size:85%;font-weight:bold;line-height:122%;margin:10px 0px;}
            #ygrp-mkp #ads{
            margin-bottom:10px;}
            #ygrp-mkp .ad{
            padding:0 0;}
            #ygrp-mkp .ad a{
            color:#0000ff;text-decoration:none;}
            -->

            <!--

            #ygrp-sponsor #ygrp-lc{
            font-family:Arial;}
            #ygrp-sponsor #ygrp-lc #hd{
            margin:10px 0px;font-weight:bold;font-size:78%;line-height:122%;}
            #ygrp-sponsor #ygrp-lc .ad{
            margin-bottom:10px;padding:0 0;}
            -->

            <!--

            #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean, sans-serif;}
            #ygrp-mlmsg table {font-size:inherit;font:100%;}
            #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, clean, sans-serif;}
            #ygrp-mlmsg pre, code {font:115% monospace;}
            #ygrp-mlmsg * {line-height:1.22em;}
            #ygrp-text{
            font-family:Georgia;
            }
            #ygrp-text p{
            margin:0 0 1em 0;}
            #ygrp-tpmsgs{
            font-family:Arial;
            clear:both;}
            #ygrp-vitnav{
            padding-top:10px;font-family:Verdana;font-size:77%;margin:0;}
            #ygrp-vitnav a{
            padding:0 1px;}
            #ygrp-actbar{
            clear:both;margin:25px 0;white-space:nowrap;color:#666;text-align:right;}
            #ygrp-actbar .left{
            float:left;white-space:nowrap;}
            .bld{font-weight:bold;}
            #ygrp-grft{
            font-family:Verdana;font-size:77%;padding:15px 0;}
            #ygrp-ft{
            font-family:verdana;font-size:77%;border-top:1px solid #666;
            padding:5px 0;
            }
            #ygrp-mlmsg #logo{
            padding-bottom:10px;}

            #ygrp-vital{
            background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;}
            #ygrp-vital #vithd{
            font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transform:uppercase;}
            #ygrp-vital ul{
            padding:0;margin:2px 0;}
            #ygrp-vital ul li{
            list-style-type:none;clear:both;border:1px solid #e0ecee;
            }
            #ygrp-vital ul li .ct{
            font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;padding-right:.5em;}
            #ygrp-vital ul li .cat{
            font-weight:bold;}
            #ygrp-vital a{
            text-decoration:none;}

            #ygrp-vital a:hover{
            text-decoration:underline;}

            #ygrp-sponsor #hd{
            color:#999;font-size:77%;}
            #ygrp-sponsor #ov{
            padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;}
            #ygrp-sponsor #ov ul{
            padding:0 0 0 8px;margin:0;}
            #ygrp-sponsor #ov li{
            list-style-type:square;padding:6px 0;font-size:77%;}
            #ygrp-sponsor #ov li a{
            text-decoration:none;font-size:130%;}
            #ygrp-sponsor #nc{
            background-color:#eee;margin-bottom:20px;padding:0 8px;}
            #ygrp-sponsor .ad{
            padding:8px 0;}
            #ygrp-sponsor .ad #hd1{
            font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height:122%;}
            #ygrp-sponsor .ad a{
            text-decoration:none;}
            #ygrp-sponsor .ad a:hover{
            text-decoration:underline;}
            #ygrp-sponsor .ad p{
            margin:0;}
            o{font-size:0;}
            .MsoNormal{
            margin:0 0 0 0;}
            #ygrp-text tt{
            font-size:120%;}
            blockquote{margin:0 0 0 4px;}
            .replbq{margin:4;}
            -->

            Share files, take polls, and discuss your passions - all under one roof. Go to http://in.promos.yahoo.com/groups

            [Non-text portions of this message have been removed]






            ---------------------------------
            Meet people who discuss and share your passions. Join them now.

            [Non-text portions of this message have been removed]
          Your message has been successfully submitted and would be delivered to recipients shortly.