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

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

Expand Messages
  • 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 1 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 2 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.