• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

Matt@9BallDesign
#1 Posted : Thursday, November 20, 2008 11:21:58 AM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

On page load, the description looks as it should. I make a color selection and the page gets funky. View attached for visual.


any ideas?
Matt@9BallDesign attached the following image(s):
funky.png (11kb) downloaded 51 time(s).

You cannot view/download attachments. Try to login or register.
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative & Builder's Hardware

------------------------------------------------
Andy Miller
#2 Posted : Thursday, November 20, 2008 11:42:56 AM(UTC)
Andy Miller

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 2,136

Was thanked: 1 time(s) in 1 post(s)
That looks like the kind of affect Anthem (or any partial page update) can have in IE. Were the screenshots taken from IE? Does it happen with all browsers?
Andy Miller
Structured Solutions

Shipper 3 - High Velocity Shipment Processing
Matt@9BallDesign
#3 Posted : Thursday, November 20, 2008 12:26:17 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

IE7. Just tried it in FF3 and same result.
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative & Builder's Hardware

------------------------------------------------
Andy Miller
#4 Posted : Thursday, November 20, 2008 1:05:40 PM(UTC)
Andy Miller

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 2,136

Was thanked: 1 time(s) in 1 post(s)
Hmmm. I suspected IE because it's rendering engine loses track of which inherited CSS classes apply when elements are replaced. Since it is also happening in FF, I suspect the element graph is changing. For example, before the update the list might be div > ul, but after the update div > div > ul. That can break your CSS, depending on how you write it.

When I see this happening in FF, I use the developer toolbar to View Generated Source before and after the update, or FireBug to inspect the element. It usually becomes apparent that either the structure has changed or the CSS was changed, or both.
Andy Miller
Structured Solutions

Shipper 3 - High Velocity Shipment Processing
Matt@9BallDesign
#5 Posted : Thursday, November 20, 2008 1:28:41 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

ahhhh......
&lt;<SPAN class=start-tag>ul&gt;
&lt;<SPAN class=start-tag>li&gt;10-foot 2-wire power cord (removable)&lt;/<SPAN class=end-tag>li&gt;
&lt;<SPAN class=start-tag>li&gt;On/Off switch integrated into base of fixture&lt;/<SPAN class=end-tag>li&gt;
&lt;<SPAN class=start-tag>li&gt;Input voltage: AC 110~220V&lt;/<SPAN class=end-tag>li&gt;
&lt;<SPAN class=start-tag>li&gt;Matte Black or Silver Finish&lt;/<SPAN class=end-tag>li&gt;
&lt;<SPAN class=start-tag>li&gt;Fits virtually any display with universal scissor bracket (included)&lt;/<SPAN class=end-tag>li&gt;
&lt;/<SPAN class=end-tag>ul&gt;</PRE>
Turns into:</PRE>

&lt;<SPAN class=start-tag>br&gt;• 10-foot 2-wire power cord (removable)
&lt;<SPAN class=start-tag>br&gt;• On/Off switch integrated into base of fixture
&lt;<SPAN class=start-tag>br&gt;• Input voltage: AC 110~220V
&lt;<SPAN class=start-tag>br&gt;• Matte Black or Silver Finish
&lt;<SPAN class=start-tag>br&gt;• Fits virtually any display with universal scissor bracket (included)</PRE></PRE>
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative &amp; Builder's Hardware

------------------------------------------------
Andy Miller
#6 Posted : Thursday, November 20, 2008 1:31:21 PM(UTC)
Andy Miller

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 2,136

Was thanked: 1 time(s) in 1 post(s)
How about in the CSS? A partial page update can change the stylesheet definitions. Firebug Inspect can show you if the applicable styles for the UL change (it looks like they do).
Andy Miller
Structured Solutions

Shipper 3 - High Velocity Shipment Processing
Matt@9BallDesign
#7 Posted : Thursday, November 20, 2008 1:33:06 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

you wrote that as I was editing my last post :)
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative &amp; Builder's Hardware

------------------------------------------------
Andy Miller
#8 Posted : Thursday, November 20, 2008 7:32:44 PM(UTC)
Andy Miller

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 2,136

Was thanked: 1 time(s) in 1 post(s)
Originally Posted by: "Matt@9BallDesign" Go to Quoted Post
ahhhh......
<<SPAN class=start-tag>ul>
<<SPAN class=start-tag>li>10-foot 2-wire power cord (removable)</<SPAN class=end-tag>li>
<<SPAN class=start-tag>li>On/Off switch integrated into base of fixture</<SPAN class=end-tag>li>
<<SPAN class=start-tag>li>Input voltage: AC 110~220V</<SPAN class=end-tag>li>
<<SPAN class=start-tag>li>Matte Black or Silver Finish</<SPAN class=end-tag>li>
<<SPAN class=start-tag>li>Fits virtually any display with universal scissor bracket (included)</<SPAN class=end-tag>li>
</<SPAN class=end-tag>ul></PRE>
Turns into:</PRE>

<<SPAN class=start-tag>br>• 10-foot 2-wire power cord (removable)
<<SPAN class=start-tag>br>• On/Off switch integrated into base of fixture
<<SPAN class=start-tag>br>• Input voltage: AC 110~220V
<<SPAN class=start-tag>br>• Matte Black or Silver Finish
<<SPAN class=start-tag>br>• Fits virtually any display with universal scissor bracket (included)</PRE></PRE>

OK. That's wierd. Do you know why that happened? If not, here's my guess...I think ASP.NET picked a different renderer for the second. ASP.NET has a trick that involves identifying the browser was on the agent string in the header. Then based on the type of browser, ASP.NET finds an appropriate renderer and passes it to the page. Then the page writes itself to the response using the renderer that it was given.

The normal renderer for IE, FF, etc. will render ASP.NET list controls like in the first snippet (sort of...I don't recognize the "start-tag" and "end-tag" classes). But the renderer for--say--a WAP browser, might render the second snippet.

In other words, ASP.NET may think the callback is coming from a *very* downlevel browser (like Lynx).
Andy Miller
Structured Solutions

Shipper 3 - High Velocity Shipment Processing
Matt@9BallDesign
#9 Posted : Thursday, November 20, 2008 11:05:14 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

Not sure where those start tags and end tags came from either? definitely not in the code of the site in question, might be related to the forum itself.


is there anyone else out there getting this behavior with 5.4?



It's not really that big of a deal, but it makes me wonder that if this is one *minor* issue caused by anthem (90% sure), are there any potentially major issues hiding in the background yet to surface?



Like you said, .NET may think the site is a different browser (assumption, not confirmed...), could this be exploited in some uber-nerd way?



LOL....conspiracies galore... all because an unordered list goes funky... :)
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative &amp; Builder's Hardware

------------------------------------------------
Matt@9BallDesign
#10 Posted : Saturday, November 22, 2008 4:43:03 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

After all that... found the issue after Marcus made a suggestion. Client is hands on with their catalog and unfortunately doesn't quite follow my tutorials on correct HTML formatting!

The long descriptions of the individual choices contain incorrect HTML so I gave them a slight slap on the wrist and they're in the process of fixing their HTML.
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative &amp; Builder's Hardware

------------------------------------------------
Andy Miller
#11 Posted : Saturday, November 22, 2008 4:59:48 PM(UTC)
Andy Miller

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 2,136

Was thanked: 1 time(s) in 1 post(s)
So the partial page updates were creating invalid HTML? Like

<table>
<div id="anthem_panel">
</table>
</div>
</table>
Andy Miller
Structured Solutions

Shipper 3 - High Velocity Shipment Processing
Matt@9BallDesign
#12 Posted : Saturday, November 22, 2008 5:28:51 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

No. The client has bad HTML in the product choice long descriptions. The HTML in the product's primary long description is correctly formatted. So when the choice loads the new information, anthem is working with what it's supplied...
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative &amp; Builder's Hardware

------------------------------------------------
Andy Miller
#13 Posted : Saturday, November 22, 2008 11:34:15 PM(UTC)
Andy Miller

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 2,136

Was thanked: 1 time(s) in 1 post(s)
Got it. Thank makes sense...don't know why I did not connect the dots.
Andy Miller
Structured Solutions

Shipper 3 - High Velocity Shipment Processing
Matt@9BallDesign
#14 Posted : Sunday, November 23, 2008 12:11:20 AM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

LOL... I said to myself while responding that you must've read it too fast or I'm in serious need of effective communication classes... :)
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative &amp; Builder's Hardware

------------------------------------------------
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012