Advanced Search

Results 1 to 2 of 2

Thread: Switch Content script - highlight selected

  1. #1
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default Switch Content script - highlight selected

    1) Script Title:
    Switch Content script

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...tchcontent.htm


    3) Describe problem:
    I would like the switch content images that you click on to remain swapped (highlighted) when they are expanded/selected. Here is a link to the site:

    http://www.be-eventproductions.com/temp/theBEteam.html

    thanks!

  2. #2
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    here is the code if that helps more than the link itself:
    Code:
    <a href="BEatyourservice.html"><img src="images/BEatyourservice.png" style="margin-top:150px; margin-left:225px; border:none;;" class="domroll images/BEatyourservice-on.png" alt="BE home" /></a>
    <img src="images/clover.png" style="margin-top:150px; border:none; " />
    <a href="BEintouch.html"><img src="images/BEintouch.png" style="margin-top:145px; border:none; " class="domroll images/BEintouch-on.png" alt="the BE team" /></a>
    <br />
    <img src="images/menu_border.png" align="left"  />
    
    <img src="images/menu_border.png" align="right"  />
    
    </div>
    
    
    <div class="all_content">
    <center>
    
    <span id="susan-title" class="handcursor"><img src="images/susan_hernandez.png" style="border:none; margin-right:10px; margin-top:30px; margin-bottom:40px;" class="domroll images/susan_hernandez-on.png" /></span>
    <span id="stacey-title" class="handcursor"><img src="images/stacey_vuolo.png" style="border:none; margin-right:10px; margin-top:30px; margin-bottom:40px;" class="domroll images/stacey_vuolo-on.png" /></span>
    <span id="tracey-title" class="handcursor"><img src="images/tracey_jemieson.png" style="border:none; margin-top:30px; margin-bottom:40px;" class="domroll images/tracey_jemieson-on.png" /></span>
    </center>
    
    
    <div id="susan" class="switchgroup1">
    
    <!--Susan bio-->
    
    <table class="plain_text">
    <tr>
    <td colspan="3">
    <img src="images/Susan-title.png" />
    </td>
    </tr>
    <tr>
    <td width="315px" valign="top">
    
    Who knew back when I was 18 and planning my parent's 25th Anniversary Party that I’d eventually be planning meetings and events all over the world!  After my college years at Kean University, I took the plunge into the workforce starting my career at Keith Wold Johnson Child Care Center as a Pre-School Teacher.  After 5 years I discovered my true passion and made the move to meeting and event planning. In November 1999, I started at the event production firm where I met my business partners.  During my 12 years there, I climbed the ranks to the title of Senior Meeting and Event Producer and traveled to more than a dozen states and many countries!  And now here I am at Be Event Productions!
    <p>
    All right, so you’ve heard about my background and experience, now here are some things you wouldn’t find on a resume.  In the spirit of “Inside the Actor’s Studio” (with a twist), here’s some more about me...
    </p>
    </td>
    
    <td style="background-image: url(dots.png); background-repeat:repeat-y" width="50px">
    </td>
    
    <td width="385px" valign="top">
    
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>1. What is your favorite word?</i></span>
    <span class="green" style="padding-left: 20px; display:block">Serendipity</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>2. What is your least favorite word?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">Phlegm</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>3. What turns you on?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">Sense of humor</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>4. What turns you off? </i> </span>
    <span class="green" style="padding-left: 20px; display:block">Meanness and ignorance people</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>5. What sound do you love?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">The hiss of a Diet Pepsi (from a fountain) as it hits the ice.</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>6. What sound do you hate?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">Anything sung by Patti Lupone or Bernadette Peters</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>7. What is your favorite curse word? </i> </span>
    <span class="green" style="padding-left: 20px; display:block">Vaffanculo</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>8. What profession other than yours would you like to attempt?</i>  </span>
    <span class="green" style="padding-left: 20px; display:block">Marine biologist</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>9. What profession would you not like to do?</i>  </span> 
    <span class="green" style="padding-left: 20px; display:block">A guard at Rikers Island</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>10. If heaven exists, what would you like to hear God say when you arrive     
         at the pearly gates?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">'What took you so long? You look GREAT!'</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>11. What is your favorite meal and where can you get it?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">Le Panier (basket of delicious baked goods) and a french press full of 
         steaming hot coffee at Balthazar</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>12. My Happy Place is? </i> </span>
    <span class="green" style="padding-left: 20px; display:block">In a first class seat heading somewhere new!</span>
    
    </td>
    </tr>
    </table>
    <br />
    
    
    <!--end Susan bio-->
    </div>
    
    
    
    <div id="stacey" class="switchgroup1">
    
    <!--Stacey bio-->
    
    
    <table class="plain_text">
    <tr>
    <td colspan="3">
    <img src="images/Stacey-title.png" />
    </td>
    </tr>
    <tr>
    <td width="315px" valign="top">
    
    Who knew back when I was 16 and planning the Junior/Senior prom at the Holiday Inn South Brunswick that I’d be planning events all over the world!  After my college years at Rutgers University, I took the plunge into the workforce starting my Event Planning career at the Institute for International Research as a conference coordinator.  After some time, I made the move to McKinsey & Company where I stayed for four-plus years planning international, internal training programs. In May 2004, I started at the event production firm where I met my business partners.  During my seven years there, I worked as a consultant in the Event Management Group at Goldman Sachs planning conferences, roadshows and other client & internal events.  Over the course of my 12 years as a corporate event planner, I have planned events in over 15 states and over 10 countries.  I have also dabbled in planning weddings, Sweet Sixteen celebrations and other personal events.  Here I am now at Be Event Productions! 
    <p>
    All right, so you’ve heard about my background and experience, now here are some things you wouldn’t find on a resume.  In the spirit of “Inside the Actor’s Studio” (with a twist), here’s a little more about me.
    </p>
    </td>
    
    <td style="background-image: url(dots.png); background-repeat:repeat-y" width="50px">
    </td>
    
    <td width="385px" valign="top">
    
    
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>1. What is your favorite word?</i></span>
    <span class="green" style="padding-left: 20px; display:block">Chackka</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>2. What is your least favorite word?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">Panties</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>3. What turns you on?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">Gut-busting, tear-inducing laughter</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>4. What turns you off? </i> </span>
    <span class="green" style="padding-left: 20px; display:block">A bad handshake</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>5. What sound do you love?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">The moment my husband’s laugh becomes a cackle</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>6. What sound do you hate?  </i></span>
    <span class="green" style="padding-left: 20px; display:block">Loud, aggressive nose blowing</span>
    <span style="margin-left: 20px; text-indent:-20px; display:block"><i>7. What is your favorite curse word? </i> </span>
    <span class="green" style="padding-left: 20px; display:block">Fark (the PG version of my real fav)</span>
    
    
    </td>
    </tr>
    </table>
    <br />
    
    
    <!--end Stacey bio-->
    </div>
    
    
    
    
    	<script type="text/javascript">
     	var disclosure=new switchcontent("switchgroup1", "div") //Limit scanning of switch contents to just "div" elements
     	disclosure.setColor('#262261', '#262261')
     	disclosure.setPersist(true)
     	disclosure.collapsePrevious(true) //Only one content open at any given time
     	disclosure.init()
     	</script>

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •