Bug 25317 - javascript bug, image width wrong at first change (testcase)
Summary: javascript bug, image width wrong at first change (testcase)
Status: RESOLVED WORKSFORME
Alias: None
Product: konqueror
Classification: Applications
Component: khtml (show other bugs)
Version: 3.0
Platform: Mandrake RPMs Linux
: NOR normal
Target Milestone: ---
Assignee: Konqueror Developers
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2001-05-07 14:33 UTC by dasv3787
Modified: 2002-09-24 23:49 UTC (History)
0 users

See Also:
Latest Commit:
Version Fixed In:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description dasv3787 2001-05-07 14:27:59 UTC
(*** This bug was imported into bugs.kde.org ***)

Package:           khtml
Version:           3.0 (using KDE 2.1.1 )
Severity:          normal
Installed from:    Linux-Mandrake 8.0 i586
Compiler:          gcc version 2.96 20000731 (Linux-Mandrake 8.0 2.96-0.48mdk)
OS:                Linux 2.4.2-11mdksmp i686
OS/Compiler notes: 

When  I use javascripts to change an image source  the proportions of the picture gets wrong the first time. After a few changes everything is alright though...

This is the piece of code I tried:

<html>
<head>
  <title> Min testsida </title>

  <script type="text/javascript">
        function changePic()
        {
                if(document.pic1.src=="dolphin") document.pic1.src = "cat";
                else document.pic1.src = "dolphin";
        }
  </script>

</head>

<body>
        Hejhej...
        <img src="dolphin" name="pic1" width="120" height="120" onClick="changePic();">
<body>

</html>

  Regards 
    Daniel Svensson

(Submitted via bugs.kde.org)
(Called from KBugReport dialog)
Comment 1 Dirk Mueller 2001-05-08 17:37:01 UTC
On Mon 07 Mai 2001 dasv3787@it.uu.se wrote:

> When  I use javascripts to change an image source  the proportions of the picture gets wrong the first time. After a few changes everything is alright though...
> 
> This is the piece of code I tried:
> 
> <html>
> <head>
>   <title> Min testsida </title>
> 
>   <script type="text/javascript">
>         function changePic()
>         {
>                 if(document.pic1.src=="dolphin") document.pic1.src = "cat";
>                 else document.pic1.src = "dolphin";
>         }
>   </script>
> 
> </head>
> 
> <body>
>         Hejhej...
>         <img src="dolphin" name="pic1" width="120" height="120" onClick="changePic();">
> <body>

do dolphin and cat have different sizes ?

if yes what are those ?

can you make those pictures available (attach them the a mail directly to 
me) please ?



Dirk
Comment 2 Bugzilla Maintainers 2002-09-11 07:06:02 UTC
X-ORIGINATING IP: 193.15.145.41

<HTML>
<HEAD>
<TITLE>tin_mail</TITLE>
<META HTTP-EQUIV=3D"Content-Type" CONTENT=3D"text/html; charset=3Diso-8859-=
1">
</HEAD>
<BODY BGCOLOR=3D#FFDCA8>
<table height=3D"18" cellSpacing=3D"0" cellPadding=3D"0" width=3D"600" alig=
n=3D"center" border=3D"0">
  <tr>
    <td width=3D"600" colSpan=3D"2" height=3D"35">
    <p align=3D"center"><font face=3D"Arial" color=3D"#000000" size=3D"1">T=
his message
    is an advertisement. We will continue to bring you valuable permission =
based
    messages on the products and services that interest you most unless you=
 wish
    to <a href=3D"http://www.refree.com/help.html">decline</a>. We process =
all
    requests immediately. Brought to you by world Reach Corporation. Copyri=
ght
    2000 2001 2002 all rights reserved.</font><font size=3D"1">&nbsp; </f=
ont></td>
  </tr>
</table>
<p align=3D"center">
<BR>
</p>
<CENTER>
<TABLE BORDER=3D"2" cellpadding=3D"0" cellspacing=3D"0" bordercolor=3D"#FF9=
933" bordercolordark=3D"#000000" style=3D"border-collapse: collapse">
<TR>
<TD>
<TABLE WIDTH=3D450 BORDER=3D0 CELLPADDING=3D0 CELLSPACING=3D0>
<TR>
<TD>
<p align=3D"center">
<IMG SRC=3D"http://www.webhostingpros.net/tin/images/tin_mail_01.gif" WI=
DTH=3D450 HEIGHT=3D41></TD>
</TR>
<TR>
<TD>
<p align=3D"center">
<IMG SRC=3D"http://www.webhostingpros.net/tin/images/tin_mail_02.gif" WI=
DTH=3D450 HEIGHT=3D73></TD>
</TR>
<TR>
<TD>
<p align=3D"center">
<IMG SRC=3D"http://www.webhostingpros.net/tin/images/tin_mail_03.gif" WI=
DTH=3D450 HEIGHT=3D195></TD>
</TR>
<TR>
<TD>
<p align=3D"center">
<a href=3D"http://www.webhostingpros.net/tin/contact.html">
<IMG SRC=3D"http://www.webhostingpros.net/tin/images/tin_mail_04.gif" WI=
DTH=3D450 HEIGHT=3D141 border=3D"0"></a></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<p align=3D"center">&nbsp;</p>
<table height=3D"56" cellSpacing=3D"0" cellPadding=3D"0" width=3D"599" alig=
n=3D"center" border=3D"0">
  <tr>
    <td width=3D"599" colSpan=3D"2" height=3D"2">
    <div align=3D"center">
      <table cellSpacing=3D"0" cellPadding=3D"0" width=3D"440" bgColor=3D"#=
ffffff" border=3D"0">
        <!-- fwtable fwsrc=3D"footer72002.png" fwbase=3D"footer72002.gif" f=
wstyle=3D"Dreamweaver" fwdocid =3D "742308039" fwnested=3D"0" -->
        <tr>
          <td>
          <p align=3D"center">
          <img height=3D"1" alt src=3D"http://www.refree.com/http://www.web=
hostingpros.net/tin/images/spacer.gif" width=3D"84" border=3D"0"></td>
          <td>
          <p align=3D"center">
          <img height=3D"1" alt src=3D"http://www.refree.com/http://www.web=
hostingpros.net/tin/images/spacer.gif" width=3D"131" border=3D"0"></td>
          <td>
          <p align=3D"center">
          <img height=3D"1" alt src=3D"http://www.refree.com/http://www.web=
hostingpros.net/tin/images/spacer.gif" width=3D"24" border=3D"0"></td>
          <td>
          <p align=3D"center">
          <img height=3D"1" alt src=3D"http://www.refree.com/http://www.web=
hostingpros.net/tin/images/spacer.gif" width=3D"180" border=3D"0"></td>
          <td>
          <p align=3D"center">
          <img height=3D"1" alt src=3D"http://www.refree.com/http://www.web=
hostingpros.net/tin/images/spacer.gif" width=3D"21" border=3D"0"></td>
          <td>
          <p align=3D"center">
          <img alt src=3D"http://www.refree.com/http://www.webhostingpros.n=
et/tin/images/spacer.gif" border=3D"0" width=3D"1" height=3D"1"></td>
        </tr>
        <tr>
          <td>
          <p align=3D"center"><a href=3D"http://www.refree.com/form.cfm">
          <img alt src=3D"http://www.refree.com/images/footer72002_r1_c1.gi=
f" border=3D"0" name=3D"footer72002_r1_c1" width=3D"84" height=3D"25"></a><=
/td>
          <td colSpan=3D"4">
          <p align=3D"center"><a href=3D"http://www.refree.com/form.cfm">
          <img alt src=3D"http://www.refree.com/images/footer72002_r1_c2.gi=
f" border=3D"0" name=3D"footer72002_r1_c2" width=3D"356" height=3D"25"></a>=
</td>
          <td>
          <p align=3D"center">
          <img height=3D"25" alt src=3D"http://www.refree.com/images/spacer=
.gif" width=3D"1" border=3D"0"></td>
        </tr>
        <tr>
          <td height=3D"2">
          <p align=3D"center"><a href=3D"http://www.refree.com/form.cfm">
          <img alt src=3D"http://www.refree.com/images/footer72002_r2_c1.gi=
f" border=3D"0" name=3D"footer72002_r2_c1" width=3D"84" height=3D"15"></a><=
/td>
          <td bgColor=3D"#003366" height=3D"2">
          <div align=3D"center">
            <font face=3D"Arial Helvetica sans-serif" size=3D"2"><b>
            <font face=3D"Verdana Arial Helvetica sans-serif" color=3D"#=
ffffff" size=3D"1">
            for more information</font></b></font></div>
          </td>
          <td bgColor=3D"#ffffff" height=3D"2">
          <p align=3D"center"><a href=3D"http://www.refree.com/form.cfm">
          <img height=3D"15" src=3D"http://www.refree.com/images/arrowR.gif=
" width=3D"24" border=3D"0"></a></td>
          <td bgColor=3D"#003366" height=3D"2">
          <div align=3D"center">
            <font face=3D"Arial Helvetica sans-serif" size=3D"2"><b>
            <font face=3D"Verdana Arial Helvetica sans-serif" color=3D"#=
ffffff" size=3D"1">
            <a href=3D"http://www.refree.com/form.cfm">
            <img src=3D"http://www.refree.com/images/footer72002_r2_c4.gif"=
 border=3D"0" width=3D"180" height=3D"15"></a></font></b></font></div>
          </td>
          <td bgColor=3D"#ffffff" height=3D"2">
          <p align=3D"center"><a href=3D"http://www.refree.com/form.cfm">
          <img src=3D"http://www.refree.com/images/arrowL.gif" border=3D"0"=
 width=3D"21" height=3D"15"></a></td>
          <td height=3D"2">
          <p align=3D"center">
          <img height=3D"15" alt src=3D"http://www.refree.com/images/spacer=
.gif" width=3D"1" border=3D"0"></td>
        </tr>
      </table>
    </div>
    </td>
  </tr>
  <tr>
    <td width=3D"599" colSpan=3D"2" height=3D"20">
    <p align=3D"center"><font face=3D"Arial" color=3D"#000000" size=3D"1">T=
his message
    is an advertisement. We will continue to bring you valuable permission =
based
    messages on the products and services that interest you most unless you=
 wish
    to <a href=3D"http://www.refree.com/help.html">decline</a>. We process =
all
    requests immediately. Brought to you by world Reach Corporation. Copyri=
ght
    2000 2001 2002 all rights reserved.</font><font size=3D"1">&nbsp; </f=
ont></td>
  </tr>
</table>
</BODY>
</HTML>
Comment 3 Dirk Mueller 2002-09-24 23:49:54 UTC
I remember such a bug. but its fixed for quite a while already.