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

Re: [bang-phpug] Issue in displaying Photo/image in Firefox

Expand Messages
  • Anand Subramanian
    Hi Mithun, It is a file select box
    Message 1 of 5 , Oct 14, 2007
    • 0 Attachment
      Hi Mithun,
      It is a file select box
      <input type=file size="2" value="select" name="MainImage" id="MainImage" onChange="showImage('MainImage')" onClick="showImage('MainImage')">
      thanks

      Anand

      ----- Original Message ----
      From: mithun mandal <mandal.mithun@...>
      To: bang-phpug@yahoogroups.com
      Sent: Friday, October 12, 2007 8:02:46 PM
      Subject: Re: [bang-phpug] Issue in displaying Photo/image in Firefox

      May i know what object it is "str" is it a selectbox, input or what?

      ----- Original Message ----
      From: Anand Subramanian <axsubram@yahoo. com>
      To: bang-phpug@yahoogro ups.com
      Sent: Friday, 12 October, 2007 1:47:43 PM
      Subject: [bang-phpug] Issue in displaying Photo/image in Firefox

      Hi,

      We have a photoupload page where the user can browse to pickup a photo.

      Once photo is picked up in the onChange event, we are calling a function that executes

      document.getElement ById("H" + str).src = document.getElement ById(str) .value;

      to display the photo in the page.

      While this works fine in IE, it does not display the photo/image in Firefox.

      Anybody has any ideas regarding the event or displaying the photo in Firefox ?

      Thanks a lot

      Anand

      ____________ _________ _________ _________ _________ _________ _

      Be a better Heartthrob. Get better relationship answers from someone who knows. Yahoo! Answers - Check it out.

      http://answers. yahoo.com/ dir/?link= list&sid= 396545433

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

      <!--

      #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;}
      -->

      Forgot the famous last words? Access your message archive online at http://in.messenger .yahoo.com/ webmessengerprom o.php

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





      ____________________________________________________________________________________
      Catch up on fall's hot new shows on Yahoo! TV. Watch previews, get listings, and more!
      http://tv.yahoo.com/collections/3658

      [Non-text portions of this message have been removed]
    • deepu kumar
      Hi, we are facing the same in IE 7. I think we can solve this problem function showimg(filepath) { document.getElementById( img_id ).innerHTML=
      Message 2 of 5 , Oct 19, 2007
      • 0 Attachment
        Hi,
        we are facing the same in IE 7.
        I think we can solve this problem
        function showimg(filepath)
        {
        document.getElementById('img_id').innerHTML="<img src="+filepath+" >";
        }
        <input type=file onchange="showimage(this.value)"/>
        <div id='img_id'><div>
        bye,



        Anand Subramanian <axsubram@...> wrote:
        Hi Mithun,
        It is a file select box
        <input type=file size="2" value="select" name="MainImage" id="MainImage" onChange="showImage('MainImage')" onClick="showImage('MainImage')">
        thanks

        Anand

        ----- Original Message ----
        From: mithun mandal <mandal.mithun@...>
        To: bang-phpug@yahoogroups.com
        Sent: Friday, October 12, 2007 8:02:46 PM
        Subject: Re: [bang-phpug] Issue in displaying Photo/image in Firefox

        May i know what object it is "str" is it a selectbox, input or what?

        ----- Original Message ----
        From: Anand Subramanian <axsubram@yahoo. com>
        To: bang-phpug@yahoogro ups.com
        Sent: Friday, 12 October, 2007 1:47:43 PM
        Subject: [bang-phpug] Issue in displaying Photo/image in Firefox

        Hi,

        We have a photoupload page where the user can browse to pickup a photo.

        Once photo is picked up in the onChange event, we are calling a function that executes

        document.getElement ById("H" + str).src = document.getElement ById(str) .value;

        to display the photo in the page.

        While this works fine in IE, it does not display the photo/image in Firefox.

        Anybody has any ideas regarding the event or displaying the photo in Firefox ?

        Thanks a lot

        Anand

        ____________ _________ _________ _________ _________ _________ _

        Be a better Heartthrob. Get better relationship answers from someone who knows. Yahoo! Answers - Check it out.

        http://answers. yahoo.com/ dir/?link= list&sid= 396545433

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

        <!--

        #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;}
        -->

        Forgot the famous last words? Access your message archive online at http://in.messenger .yahoo.com/ webmessengerprom o.php

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

        __________________________________________________________
        Catch up on fall's hot new shows on Yahoo! TV. Watch previews, get listings, and more!
        http://tv.yahoo.com/collections/3658

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






        ---------------------------------
        Save all your chat conversations. Find them online.

        [Non-text portions of this message have been removed]
      • mithun mandal
        hi Anand, sorry for late responding i think you are displaying local image on images tag. so i think mozila will support on this way
        Message 3 of 5 , Oct 29, 2007
        • 0 Attachment
          hi Anand,

          sorry for late responding i think you are displaying local image on images tag. so i think mozila will support on this way file:///c:/images/images.gif , but in IE i will take it as c:\images\images.gif

          so try to convert all '\' to '/' and add file:///. i think it will work if you done that.

          regards
          mithun mandal.

          ----- Original Message ----
          From: Anand Subramanian <axsubram@...>
          To: bang-phpug@yahoogroups.com
          Sent: Monday, 15 October, 2007 11:06:31 AM
          Subject: Re: [bang-phpug] Issue in displaying Photo/image in Firefox













          Hi Mithun,

          It is a file select box

          <input type=file size="2" value="select" name="MainImage" id="MainImage" onChange="showImage ('MainImage' )" onClick="showImage( 'MainImage' )">

          thanks



          Anand



          ----- Original Message ----

          From: mithun mandal <mandal.mithun@ yahoo.co. in>

          To: bang-phpug@yahoogro ups.com

          Sent: Friday, October 12, 2007 8:02:46 PM

          Subject: Re: [bang-phpug] Issue in displaying Photo/image in Firefox



          May i know what object it is "str" is it a selectbox, input or what?



          ----- Original Message ----

          From: Anand Subramanian <axsubram@yahoo. com>

          To: bang-phpug@yahoogro ups.com

          Sent: Friday, 12 October, 2007 1:47:43 PM

          Subject: [bang-phpug] Issue in displaying Photo/image in Firefox



          Hi,



          We have a photoupload page where the user can browse to pickup a photo.



          Once photo is picked up in the onChange event, we are calling a function that executes



          document.getElement ById("H" + str).src = document.getElement ById(str) .value;



          to display the photo in the page.



          While this works fine in IE, it does not display the photo/image in Firefox.



          Anybody has any ideas regarding the event or displaying the photo in Firefox ?



          Thanks a lot



          Anand



          ____________ _________ _________ _________ _________ _________ _



          Be a better Heartthrob. Get better relationship answers from someone who knows. Yahoo! Answers - Check it out.



          http://answers. yahoo.com/ dir/?link= list&sid= 396545433



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



          <!--



          #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;}

          -->



          Forgot the famous last words? Access your message archive online at http://in.messenger .yahoo.com/ webmessengerprom o.php



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



          ____________ _________ _________ _________ _________ _________ _

          Catch up on fall's hot new shows on Yahoo! TV. Watch previews, get listings, and more!

          http://tv.yahoo. com/collections/ 3658



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














          <!--

          #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;}
          -->








          Find a mall, hotel or ATM in any part of India. Go to http://in.maps.yahoo.com

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