Is this PHP or not?

This is a discussion on "Is this PHP or not?" within the Website Planning section. This forum, and the thread "Is this PHP or not? are both part of the Planning Your Website category.



Go Back   Webforumz.com > Main Forums > Planning Your Website > Website Planning

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old May 18th, 2007, 12:42
New Member
Join Date: May 2007
Location: Washington, UK
Age: 29
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via ICQ to darecia Send a message via MSN to darecia
Lightbulb Is this PHP or not?

Hi everyone

Take a look at the following websites (there's a good reason for it below!)

http://www.virginmedia.com
http://uk2.net

How do you achieve that changeable area - where you click on a tab to change it? The one on Virgin Media even changes itself every few seconds.

Is this PHP? If not what is it (poss JavaScript??) and how can i replicate it!

Thanks in advance!

John H
Darecia Interactive
http://www.darecia.com/
Reply With Quote

  #2 (permalink)  
Old May 18th, 2007, 12:57
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Is this PHP or not?

It's JS.

Code: Select all
<!-- lead splash tabs -->
 <div class="splash-lead-home" onmouseover="javascript:holdRotator();" onmouseout="javascript:startRotator();">
<h3 class="top-stories">Top stories:</h3>

    <div id="lead-tab-area-1">
    <div class="tabs">
    <ul>
        <li class="tab-1"><a href="" onclick="sage_ev(1, 'clicks/home/sp_t1'); swap('lead-tab-area-1'); return false;">Wembley at last</a></li>
        <li class="tab-2"><a href="" onclick="sage_ev(1, 'clicks/home/sp_t2');swap('lead-tab-area-2'); return false;">Pretty pregnant woman</a></li>
                    <li class="tab-3"><a href="" onclick="sage_ev(1, 'clicks/home/sp_t3');swap('lead-tab-area-3'); return false;">Happiness guaranteed</a></li>
            </ul>
    </div>
    <div class="content">            
        <div class="right ">
        <h3><a onclick="sage_ev(1, 'clicks/home/sp_t1_t');" href="/sport/football/facup/" title="Up for the Cup">Up for the Cup</a></h3>
        <p class="item-1">Countdown to the first FA Cup Final at the new Wembley with our features, facts and buzzword bingo... <a onclick="sage_ev(1, 'clicks/home/sp_t1_m');" href="/sport/football/facup/" title="Up for the Cup" class="more-link">more</a></p>
        <ul>
            <li><a onclick="sage_ev(1, 'clicks/home/sp_t1_b1');" href="/sport/football/facup/iconic-cup-moments.php" title="Most iconic Wembley Finals ">Most iconic Wembley Finals </a></li>            <li><a onclick="sage_ev(1, 'clicks/home/sp_t1_b2');" href="/sport/galleries/wembley-memories.php" title="The new Wembley in pictures">The new Wembley in pictures</a></li>            <li><a onclick="sage_ev(1, 'clicks/home/sp_t1_b3');" href="/sport/football/facup/facts-figures.php" title="FA Cup final number crunching">FA Cup final number crunching</a></li>        </ul>
        </div>
        
        <div class="left">
        <a href="/sport/football/facup/" title="New Wembley stadium"><img src="/images/11wembley_stadium-227x170.jpg" /></a>        </div>
        
        <div id="dyn-layer-holder1" class="dyn-layer-holder"> 
                    
            <div class="dyn-layer dyn-content">
    
                <div id="show1" class="more" onclick="sage_ev(1, 'clicks/home/sp_up'); glideIt('dyn-layer-holder1','145','2','up'); return false;"><a href="#">Waiting to be won</a></div>
                <div id="hide1" class="hide more" onclick="sage_ev(1, 'clicks/home/sp_down'); glideIt('dyn-layer-holder1','2','145','down'); return false;"><a href="#">Hide</a></div>
                <div class="layer-content">
                    <h3>Today's hot picks</h3>
                    <div class="splash-wrap">
                    <div class="splash clearfix">
                    <a href="/playbetwin/competitions/ps3-game-comp.php" title="Win a PS3 plus a limited edition Spider-Man 3 game."><img src="/images/spiderman-packshot-60x40.jpg" /></a>                    <p><a href="/playbetwin/competitions/ps3-game-comp.php" title="Win a PS3 plus a limited edition Spider-Man 3 game.">Win a PS3 plus a limited edition Spider-Man 3 game.</a></p>
                    </div>
                    <div class="splash clearfix">
                    <a href="/playbetwin/competitions/bacardicomp.php" title="Cases of the new Bacardi Breezer up for grabs."><img src="/images/bacardi-comp-60x40.jpg" /></a>                    <p><a href="/playbetwin/competitions/bacardicomp.php" title="Cases of the new Bacardi Breezer up for grabs.">Cases of the new Bacardi Breezer up for grabs.</a></p>
                    </div>
                    </div>
                    <ul class="links">
                        <li><a href="/playbetwin/competitions/cf_newyork.php" title="Win a trip for two to New York">Win a trip for two to New York</a></li>
                        <li><a href="/playbetwin/competitions/nikoncamera.php" title="Nikon Coolpix S7c up for grabs">Nikon Coolpix S7c up for grabs</a></li>
                        <li><a href="/playbetwin/competitions/thewho.php" title="Win tickets to see The Who">Win tickets to see The Who</a></li>
                        <li><a href="/playbetwin/competitions/" title="See all of our competitions">See all of our competitions</a></li>
                    </ul>                    
                </div>        
                <div class="layerBg"></div>
            
            </div>
        
        </div>
    </div>
    </div>

    <div id="lead-tab-area-2" class="hide">
    <div class="tabs">
    <ul>
        <li class="tab-1"><a href="" onclick="sage_ev(1, 'clicks/home/sp_t1');swap('lead-tab-area-1'); return false;">Wembley at last</a></li>
        <li class="tab-2"><a href="" onclick="sage_ev(1, 'clicks/home/sp_t2');swap('lead-tab-area-2'); return false;">Pretty pregnant woman</a></li>
                    <li class="tab-3"><a href="" onclick="sage_ev(1, 'clicks/home/sp_t3');swap('lead-tab-area-3'); return false;">Happiness guaranteed</a></li>
            </ul>
    </div>
    <div class="content">                
        <div class="right black">
        <h3><a onclick="sage_ev(1, 'clicks/home/sp_t2_t');" href="/homefamily/birthbaby/glow/" title="Julia Roberts profile">Julia Roberts profile</a></h3>
        <p class="item-1">With her third child on the way, is Julia about to make the move from film royalty to full-time mum?.. <a onclick="sage_ev(1, 'clicks/home/sp_t2_m');" href="/homefamily/birthbaby/glow/" title="Julia Roberts profile" class="more-link">more</a></p>
        <ul>
            <li><a onclick="sage_ev(1, 'clicks/home/sp_t2_b1');" href="http://boards.virginmedia.com/homefamily/birthbaby/haveyoursay/enumbers.html" title="E numbers: have your say">E numbers: have your say</a></li>            <li><a onclick="sage_ev(1, 'clicks/home/sp_t2_b2');" href="/homefamily/garden/gardenglamour/" title="Garden glamour guide">Garden glamour guide</a></li>            <li><a onclick="sage_ev(1, 'clicks/home/sp_t2_b3');" href="/homefamily/house/happyness-cinema-comp.php" title="Win a home theatre system">Win a home theatre system</a></li>        </ul>
        </div>
        
        <div class="left">
        <a href="/homefamily/birthbaby/glow/" title="Julia Roberts"><img src="/images/roberts-227x170.jpg" /></a>        </div>
        
        <div id="dyn-layer-holder2" class="dyn-layer-holder">
                    
            <div class="dyn-layer dyn-content">
    
                <div id="show2" class="more" onclick="sage_ev(1, 'clicks/home/sp_up'); glideIt('dyn-layer-holder2','145','2','up'); return false;"><a href="#">Waiting to be won</a></div>
                <div id="hide2" class="hide more" onclick="sage_ev(1, 'clicks/home/sp_down'); glideIt('dyn-layer-holder2','2','145','down'); return false;"><a href="#">Hide</a></div>
                <div class="layer-content">
                <h3>Today's hot picks</h3>
                    <div class="splash-wrap">
                    <div class="splash clearfix">
                    <a href="/playbetwin/competitions/ps3-game-comp.php" title="Win a PS3 plus a limited edition Spider-Man 3 game."><img src="/images/spiderman-packshot-60x40.jpg" /></a>                    <p><a href="/playbetwin/competitions/ps3-game-comp.php" title="Win a PS3 plus a limited edition Spider-Man 3 game.">Win a PS3 plus a limited edition Spider-Man 3 game.</a></p>
                    </div>
                    <div class="splash clearfix">
                    <a href="/playbetwin/competitions/bacardicomp.php" title="Cases of the new Bacardi Breezer up for grabs."><img src="/images/bacardi-comp-60x40.jpg" /></a>                    <p><a href="/playbetwin/competitions/bacardicomp.php" title="Cases of the new Bacardi Breezer up for grabs.">Cases of the new Bacardi Breezer up for grabs.</a></p>
                    </div>
                    </div>
                    <ul class="links">
                        <li><a href="/playbetwin/competitions/cf_newyork.php" title="Win a trip for two to New York">Win a trip for two to New York</a></li>
                        <li><a href="/playbetwin/competitions/nikoncamera.php" title="Nikon Coolpix S7c up for grabs">Nikon Coolpix S7c up for grabs</a></li>
                        <li><a href="/playbetwin/competitions/thewho.php" title="Win tickets to see The Who">Win tickets to see The Who</a></li>
                        <li><a href="/playbetwin/competitions/" title="See all of our competitions">See all of our competitions</a></li>
                    </ul>                    
                </div>        
                <div class="layerBg"></div>
            
            </div>
        
        </div>
    </div>
    </div>
.... the rest in the next post
Reply With Quote
  #3 (permalink)  
Old May 18th, 2007, 12:58
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Is this PHP or not?

Code: Select all
            <!-- non customer -->             <div id="lead-tab-area-3" class="hide">
            <div class="tabs">
                <ul>
                <li class="tab-1"><a href="" onclick="sage_ev(1, 'clicks/home/sp_t1'); swap('lead-tab-area-1'); return false;">Wembley at last</a></li>
                <li class="tab-2"><a href="" onclick="sage_ev(1, 'clicks/home/sp_t2'); swap('lead-tab-area-2'); return false;">Pretty pregnant woman</a></li>
                                    <li class="tab-3"><a href="" onclick="sage_ev(1, 'clicks/home/sp_t3'); swap('lead-tab-area-3'); return false;">Happiness guaranteed</a></li>
                            </ul>
            </div>
            <div class="content">                
                <div class="right apply-branding">
                <h3><a onclick="sage_ev(1, 'clicks/home/sp_t3_t');" href="http://allyours.virginmedia.com/websales/product.do?id=11516" title="Four services for £40">Four services for £40</a></h3>
                <p class="item-1">Get TV, Broadband, Phone and Mobile for just £40 with a 28 day money back guarantee... <a onclick="sage_ev(1, 'clicks/home/sp_t3_m');" href="http://allyours.virginmedia.com/websales/product.do?id=11516" title="Four services for £40" class="more-link">more</a></p>
                <ul>
                    <li><a onclick="sage_ev(1, 'clicks/home/sp_t3_b1');" href="http://allyours.virginmedia.com/whychooseus/index.html                http://allyours.virginmedia.com/whychooseus/index.html" title="Find out about Virgin Media">Find out about Virgin Media</a></li>                    <li><a onclick="sage_ev(1, 'clicks/home/sp_t3_b2');" href="http://allyours.virginmedia.com/index.html/" title="Join Virgin Media">Join Virgin Media</a></li>                    <li><a onclick="sage_ev(1, 'clicks/home/sp_t3_b3');" href="http://allyours.virginmedia.com/html/bundles/index.html" title="Choose a bundle">Choose a bundle</a></li>                </ul>
                </div>
                
                <div class="left">
                <a href="http://allyours.virginmedia.com/websales/product.do?id=11516" title="4 for £40"><img src="/images/2-4for40-227x170.jpg" /></a>                </div>
                
                <div id="dyn-layer-holder3" class="dyn-layer-holder">
                            
                    <div class="dyn-layer dyn-content">
            
                        <div id="show3" class="more" onclick="sage_ev(1, 'clicks/home/sp_up'); glideIt('dyn-layer-holder3','145','2','up'); return false;"><a href="#">Waiting to be won</a></div>
                        <div id="hide3" class="hide more" onclick="sage_ev(1, 'clicks/home/sp_down'); glideIt('dyn-layer-holder3','2','145','down'); return false;"><a href="#">Hide</a></div>
                        <div class="layer-content">
                            <h3>Today's hot picks</h3>
                            <div class="splash-wrap">
                            <div class="splash clearfix">
                            <a href="/playbetwin/competitions/ps3-game-comp.php" title="Win a PS3 plus a limited edition Spider-Man 3 game."><img src="/images/spiderman-packshot-60x40.jpg" /></a>                            <p><a href="/playbetwin/competitions/ps3-game-comp.php" title="Win a PS3 plus a limited edition Spider-Man 3 game.">Win a PS3 plus a limited edition Spider-Man 3 game.</a></p>
                            </div>
                            <div class="splash clearfix">
                            <a href="/playbetwin/competitions/bacardicomp.php" title="Cases of the new Bacardi Breezer up for grabs."><img src="/images/bacardi-comp-60x40.jpg" /></a>                            <p><a href="/playbetwin/competitions/bacardicomp.php" title="Cases of the new Bacardi Breezer up for grabs.">Cases of the new Bacardi Breezer up for grabs.</a></p>
                            </div>
                            </div>
                            <ul class="links">
                                <li><a href="/playbetwin/competitions/cf_newyork.php" title="Win a trip for two to New York">Win a trip for two to New York</a></li>
                                <li><a href="/playbetwin/competitions/nikoncamera.php" title="Nikon Coolpix S7c up for grabs">Nikon Coolpix S7c up for grabs</a></li>
                                <li><a href="/playbetwin/competitions/thewho.php" title="Win tickets to see The Who">Win tickets to see The Who</a></li>
                                <li><a href="/playbetwin/competitions/" title="See all of our competitions">See all of our competitions</a></li>
                            </ul>                    
                        </div>        
                        <div class="layerBg"></div>
                    
                    </div>
                
                </div>
            </div>
            </div>
            <!-- / non customer -->     
    
    
    
</div>
 <script type="text/javascript">var rotSplashTimer1 = setTimeout("rotator()",rotateTime); </script>
<!-- / - lead splash tabs -->
I added color to differentiate the 3 tabs and it's content. And the bold is the JS associated with it.
Reply With Quote
  #4 (permalink)  
Old May 19th, 2007, 10:21
New Member
Join Date: May 2007
Location: Washington, UK
Age: 29
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via ICQ to darecia Send a message via MSN to darecia
Thumbs up Re: Is this PHP or not?

Hey Karinne

Thanks for that! I can't believe I didn't think of looking at the source code!!

D'oh @ me!

John H

Darecia Interactive
http://www.darecia.com/
Reply With Quote
Reply

Tags
php

Thread Tools

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT. The time now is 08:52.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43