JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 



Go Back   Dev Articles Community ForumsProgrammingJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old December 7th, 2004, 12:00 AM
Alicia Alicia is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Sep 2003
Posts: 122 Alicia User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 29 m 24 sec
Reputation Power: 16
Panoramic Window expandable?

Hi guys,

May i know how did they accomplish the expand and close image inside a browser.. this is one example from Dell website to show promo items :
http://www1.ap.dell.com/content/products/category.aspx?c=my&id=notebooks_my&l=en&s=bsd&~ck=mn

did they use javascript ?? may i know where to get reference to accomplish this ??

btw, what is this expand and close image feature like in the dell website called ? is it called javascript Panoramic Window expandable ?

please advise.

Reply With Quote
  #2  
Old December 7th, 2004, 09:57 AM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
 
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,886 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 19 m 35 sec
Reputation Power: 18
Its generally considered an expandable/collapsable element.
I was trying to sort through Dell's source code to help you out, but it seems kind of cryptic.

Seems like the important stuff is in is.js and this:
Code:
<script type="text/javascript" language="javascript">
var newBgcolor="#ddf0fe";
m_isImage = "http://img.dell.com/images/global/products/inspn/8600_3qtr_130x122.jpg";
m_isTlImg = "http://img.dell.com/img.aspx?p=qthcajoCWLc%2fWoMHkBvrXpnqGufs4mLqv4lio  Ieu2RlGUfyKvyiHDzlyF1EqD1R4prxY9D%2fFA9faNOyD2ZXaT  DA6MF9%2f54SwKVeD%2f8QLB0oMfG3fy5t1E%2f%2b66Aekjbe  IJXiqyeDKVrwsnxN4arGXifOzplasfZFnQqLlnvCRpUvfmlkF9  OQQ";
m_isTlTxt = "Get RM200 Instant Cash Redemption  AND FREE Hard Disk Upgrade";
m_isDesc = "<span class=\"para\"> Promotion ends on 12/12/2004</span>";
m_isCaption = "More Details";
m_isIntro = "<div class=\"para\"><br>Get RM200  Instant Cash Redemption  AND FREE Hard Disk Upgrade from 30GB to 40GB  (worth RM114) with purchase of selected Dell<sup><small>TM</small></sup>&nbsp; Inspiron<sup><small>TM</small></sup>&nbsp; 510m Notebooks. Valid till 12/12/2004</div>";
m_isUrl = "javascript:winopen('/content/products/features.aspx/featured_notebooks03?c=my&l=en&s=bsd','popup800x600','WIDTH=800,HEIGHT=600,RESIZA  BLE=YES,SCROLLBARS=YES,TOOLBAR=NO,LEFT=0,TOP=20');  ";
m_isOffDell = "false";
m_isMode = "hover";
m_isSecs = "3";
isShow();
</script>


I tried to compile it into a workin example, but I couldn't get it going.
Perhaps if you sort through the code a bit, you might have a better eye than I do.

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsProgrammingJavaScript Development > Panoramic Window expandable?


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap