[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

8.2

Scrolling text div not working in IE

Asked by Stanton_Roux in Hypertext Markup Language (HTML)

Tags: initslidingcontent, div, has, scrolling

Hi There

I have downloaded a script that is supposed to work in IE and Mozilla.

It is working in Mozzilla but not in IE.

The Error message says that the ScrollingContainer has no properties.
I have gone over the code and cant find anything wrong

Please Help

Stanton


Heres the Code

<%@ Language=VBScript %>
<!--#include file="adovbs.inc"-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>TimeCode Booking</title>
      <style type="text/css">
      
#ads{
            width:730px;
            margin-top:10px;      
      }

      #mainContainer{
            width:340px;
            margin:0 auto;
            background-color:#FFF;
            border-left:0px solid #000;
            border-right:0px solid #000;
            border-bottom:0px solid #000;
            padding:0px;
            background-color:#2c2c2c;      
            text-align:left;
            border:0px solid #000;
            background-image: url(Images/Home/subscribe.gif);
                  
      }
      

      #scrollingContainer{
            width:340px;      /* 170 pixels in width */
            height:50px;      /* Height of box */
      
            border:0px solid #000;      /* Black border around box */
            background-color: #2c2c2c;      /* Light blue background color */
            border-left:0px solid #000;
            border-right:0px solid #000;
            border-bottom:0px solid #000;
            padding:2px;      /* A little bit of space between border of box and text inside */
            float:right;      /* I want the text to wrap around the box */
            margin-right:0px;      /* Right margin of 10 pixels */
            font-size:0.9em;      /* Smaller font size than the rest of the page */
            overflow:hidden;      /* Hide overflow content */
      }
      
      #scrollingContent{
            width:340px;      /* 170 pixels in width */
            height:300px;      /* Height of box */
            border:0px solid #000;      /* Black border around box */
            background-color: #2c2c2c;      /* Light blue background color */
            border-left:0px solid #000;
            border-right:0px solid #000;
            border-bottom:0px solid #000;
            
      }
      
      </style>
      
      <script type="text/javascript">
      /************************************************************************************************************
      (C) www.dhtmlgoodies.com, November 2005
      
      This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.      
      
      Terms of use:
      You are free to use this script as long as the copyright message is kept intact. However, you may not
      redistribute, sell or repost it without our permission.
      
      Thank you!
      
      www.dhtmlgoodies.com
      Alf Magne Kalleland
      
      ************************************************************************************************************/
            
      var slideTimeBetweenSteps = 100;      // General speed variable (Lower = slower)
      
      
      var scrollingContainer = false;
      var scrollingContent = false;
      var containerHeight;
      var contentHeight;      
      
      var contentObjects = new Array();
      var originalslideSpeed = false;
      function slideContent(containerId)
      {
            var topPos = contentObjects[containerId]['objRef'].style.top.replace(/[^\-0-9]/g,'');
            topPos = topPos - contentObjects[containerId]['slideSpeed'];
            if(topPos/1 + contentObjects[containerId]['contentHeight']/1<0)topPos = contentObjects[containerId]['containerHeight'];
            contentObjects[containerId]['objRef'].style.top = topPos + 'px';
            setTimeout('slideContent("' + containerId + '")',slideTimeBetweenSteps);
            
      }
      
      function stopSliding()
      {
            var containerId = this.id;
            contentObjects[containerId]['slideSpeed'] = 0;      
      }
      
      function restartSliding()
      {
            var containerId = this.id;
            contentObjects[containerId]['slideSpeed'] = contentObjects[containerId]['originalSpeed'];
            
      }

        //THIS IS WHERE THE ERROR IS HAPPENING
      function initSlidingContent(containerId,slideSpeed)
      {
            scrollingContainer = document.getElementById(containerId);
            scrollingContent = scrollingContainer.getElementsByTagName('DIV')[0];
            
            scrollingContainer.style.position = 'relative';
            scrollingContainer.style.overflow = 'hidden';
            scrollingContent.style.position = 'relative';
            
            scrollingContainer.onmouseover = stopSliding;
            scrollingContainer.onmouseout = restartSliding;
            
            originalslideSpeed = slideSpeed;
            
            scrollingContent.style.top = '0px';
            
            contentObjects[containerId] = new Array();
            contentObjects[containerId]['objRef'] = scrollingContent;
            contentObjects[containerId]['contentHeight'] = scrollingContent.offsetHeight;
            contentObjects[containerId]['containerHeight'] = scrollingContainer.clientHeight;
            contentObjects[containerId]['slideSpeed'] = slideSpeed;
            contentObjects[containerId]['originalSpeed'] = slideSpeed;
            
            slideContent(containerId);
            
      }
      

      
      </script>



</head>
<body >
<!--#include file="Topnav.asp"-->



<table  width="100%" height="100%" cellpadding=0 cellspacing=0 ID="Table1">
  <tr><td height=5></td></tr>
            <tr>
            <td >
            
              <table cellpadding=0 cellspacing=0   border=0  ID="Table2">
             
                <tr>
                        <td  valign=top width=365 >
                        
                                    <table cellpadding=0 cellspacing=0 class="ContentBG"  border=0   ID="Table3">
                                         <tr>
                                         
                                                <td align=left width=10 ><IMG SRC="Images/Home/frame_texture/left.gif" ></td>
                                                <td align=left  style="height: 5px; width:80 ; background-image: url(Images/Home/frame_texture/mid.gif);" ></td>
                                                <td align=right width=10 ><IMG SRC="Images/Home/frame_texture/right.gif"  ></td>
                                         </tr>
                                          <tr >
                                            <td ></td>
                                                <td height=20>
                                                    <Font class="HeaderFont">TIMECODE ARTISTS</Font>
                                                   
                                                </td>
                                                <td ></td>
                                         </tr>
                                        <tr >
                                            <td></td>
                                                <td width=100% background="Images/Home/underline_pixel.gif" height=3></td>
                                                 <td ></td>
                                        </tr>
                                     
                                        <tr  >
                                            <td width=5></td>
                                                <td  height=177 valign=top  >
                                                
                                                </td >
                                                <td ></td>
                                        </tr>
                                         
                                       
                                          <tr >
                                            <td ></td>
                                                <td height=20>
                                                    <Font class="HeaderFont">ARTISTS SCHEDULE</Font>
                                                   
                                                </td>
                                                <td ></td>
                                         </tr>
                                        <tr >
                                            <td></td>
                                                <td width=100% background="Images/Home/underline_pixel.gif" height=3></td>
                                                 <td ></td>
                                        </tr>
                                       
                                        <tr >
                                            <td width=5></td>
                                                <td   align="left" height=69 >
                                                <div id="mainContainer" >

                                                      <div id="scrollingContainer" >
                                                            <div id="scrollingContent" >
                                                             
                                                              <table cellpadding=0 width=100% cellspacing=0 >
                                                             
                                                              <tr>
                                                                          <td ></td>
                                                                          <td height=20></td>
                                                                          <td></td>
                                                                        </tr>
                                                                  <%
                                                                     DIM intCnt
                                                                   strSql = "SELECT Artists.strAlias, Bookings.datDate, Bookings.strCountry, Bookings.strCity" &_
                                                                                  " FROM Bookings INNER JOIN Artists ON Bookings.intArtistsID = Artists.intArtistsId;"
                                                                  Set rsBookings = conn.execute(strSql)
                                                                  
                                                                
                                                               While Not rsBookings.EOF
                                                                       %>
                                                                              
                                                                        <tr>
                                                                          <td width=20 align=left><IMG SRC="Images/Home/bullet.gif"></td>
                                                                          <td><%=FormatDateTime(rsBookings("datDate"),vbLongDate)%></td>
                                                                          <td><%=rsBookings("strCountry")%> - <%=rsBookings("strCity")%></td>
                                                                        </tr>
                                                                       <tr>
                                                                          <td width=10></td>
                                                                          <td><font class=botnavon><%=rsBookings("strAlias")%></font></td>
                                                                          <td>&nbsp;</td>
                                                                        </tr>                                                 
                                                                 
                                                                    <%                                
                                                                 
                                                                        rsBookings.movenext
                                                                        
                                                                        
                                                                        Wend
                                                                        rsBookings.Close
                                                                        set rsBookings=nothing
                                                                  %>
                                                                  
                                                                  </table>
                                                                  
                                                            </div>
                                                      </div>
                                                      
                                                </div>

                                                
                                                
                                                
                                                </td >
                                                <td ></td>
                                        </tr>
                                       
                                     
                                       
                                       
                                        <tr>
                                         
                                                <td align=left width=10 ><IMG SRC="Images/Home/frame_texture/left.gif" ></td>
                                                <td align=left  style="height: 5px; width:80 ; background-image: url(Images/Home/frame_texture/mid.gif);" ></td>
                                                <td align=right width=10 ><IMG SRC="Images/Home/frame_texture/right.gif"  ></td>
                                         </tr>
                                       
                                    
                                    </table>
                        </td>
                        <td width=20>&nbsp;</td>
                        <td width=379 valign=top align=right  height=100 >
                        
                  
                        
                  
                        
                                                
                        
                        
                        
                        </td>
                  </tr>            
               
             
              </table>
            
                  
            </td>
             
            </tr>
  <tr><td height=5></td></tr>
</table>

<script type="text/javascript">
initSlidingContent('scrollingContainer',3);
</script>                                                      
      

<!--#include file="footer.asp"-->

</body>
</html>
 
Related Solutions
 
Loading Advertisement...
 
[+][-]12/18/06 01:01 PM, ID: 18161541Accepted Solution

View this solution now by starting your 30-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

About this solution

Zone: Hypertext Markup Language (HTML)
Tags: initslidingcontent, div, has, scrolling
Sign Up Now!
Solution Provided By: arvanhalleorg
Participating Experts: 1
Solution Grade: A
 
 
Loading Advertisement...
20091021-EE-VQP-81