Hall of Fame

1. Ray_Pas...1,224,254
2. cxr811,332
3. angelIII359,843
4. NerdsOfT...288,539
5. hielo194,560
6. bportlock140,843
7. shobinsun139,297
8. gawai127,156
9. gamebits112,274
10. logudotcom104,037
11. wuff1uk102,884
12. routinet99,390
13. yodercm93,404
14. profya91,494
15. mwvisa188,012
16. RQuadling80,065
17. gr8gonzo79,888
18. jason117878,625
19. fibo76,650
20. adrian_b...76,317
21. racmail2...74,495
22. al3cs1274,074
23. Michael70169,941
24. leakim97168,221
25. ushastry65,890

1. Ray_Pas...1,650,256
2. hielo1,388,153
3. angelIII1,361,013
4. hernst421,083,141
5. cxr994,784
6. Roonaan690,452
7. ldbkutty688,003
8. RQuadling620,436
9. wasifg508,617
10. gamebits453,083
11. snoyes_jw431,105
12. routinet427,049
13. yodercm426,169
14. glcummins421,844
15. bportlock392,111
16. logudotcom342,507
17. NerdsOfT...329,284
18. i_m_aa...318,147
19. steelseth12306,629
20. TeRReF266,490
21. fibo262,259
22. nizsmo246,687
23. Diablo84239,472
24. dr_dedo218,197
25. nplib216,282

	[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!

9.8

Fill a rotation jscript with information from MySql using PHP

Asked by Dada44 in PHP and Databases, JScript, MySQL Server

Tags: JScript, PHP, MySql, Firefox, Internet Explorer, Safari

Hi all,

Below I reproduce LeeKowalkowski's (with sledgebox's text update) rotation jscript. This script rotates a set of images in a clockwise direction. I have a round circular image on my page and the script rotates a set of images around this circle.

Now I want to wrap just one

<li><div><a href='http://www.yahoo.com'><img src='images/1.gif' width='77' height='77'></a><a href='http://www.hotmail.com'>What's up</a></div></li>

in a while PHP loop so I can fill the image's name, image's link, text and text's link with the information I have stored in my MySql database.

Seems easy but no matter what I try, the images and the rest of the information show several times and everything collapses.

The query works fine, and I can print every $row from result perfectly outside of the script.
So it seems that the while loop is not working or I should not be using it for what I want to do. ..
Please help!!

Thanks a lot in advance !!

View the Solution FREE for 30 Days

         
           
             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:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:

           
           
             <?php
echo "
<html><head>
    <title>Rotation</title>
    <style type='text/css'>
      #orbit
      {
        position:absolute;
        width:100px;
        height:100px;
        left:50px;
        top:50px;
       
      }
      #orbit div
      {
        position:absolute;
      
      }
      #orbit img
      {
        display: block; 
      }
      #orbit ul
      {
        list-style:none;
      }
      #orbit li
      {
        display:inline;
      }
      
      #orbit a
      {
        white-space: nowrap;
      }
           
 
}
 
img {
border: 2px solid #ccff00;
}
    </style>
  </head>
  <body>
    <div id='orbit' >
      <ul>
       <li><div><a href='http://www.yahoo.com'><img src='images/1.gif' width='77' height='77'></a><a href='http://www.hotmail.com'>What's up</a></div></li>
        <li><div><a href='http://www.yahoo.com'><img src='images/2.gif' width='77' height='77'></a><a href='http://www.hotmail.com'>What's up</a></div></li>
        <li><div><a href='http://www.yahoo.com'><img src='images/3.gif' width='77' height='77'></a><a href='http://www.hotmail.com'>What's up</a></div></li>
        <li><div><a href='http://www.yahoo.com'><img src='images/4.gif' width='77' height='77'></a><a href='http://www.hotmail.com'>What's up</a></div></li>
        <li><div><a href='http://www.yahoo.com'><img src='images/5.gif' width='77' height='77'></a><a href='http://www.hotmail.com'>What's up</a></div></li>
        <li><div><a href='http://www.yahoo.com'><img src='images/6.gif' width='77' height='77'></a><a href='http://www.hotmail.com'>What's up</a></div></li>
 
       
      </ul>
    </div>
    
    <script type='text/javascript'>
      var Orbit = new function()
      {
        var eAnim = document.getElementById('orbit'); // animation element
        var imgs = eAnim.getElementsByTagName('div'); // images to space evenly in a circle
        var il = imgs.length; // cached number of images for speed
        var da = Math.PI * 2 / il; // difference in angle between images
        var ca = 0; // current angle
        var oc = [590, 430]; // orbit centre[x,y] (anim width / 2 + anim left, anim height / 2 + anim top)
        var or = 265; // orbit radius
        var os = .01; // orbit speed .02 = slow, .15 = fast (negative for anti-clockwise)
 
        function render() // position all images
        {
          for(var i = 0; i < il; i++)
          {
            var ang = i * da + ca; // angle of this image
            imgs[i].style.left = Math.cos(ang) * or + oc[0] - imgs[i].offsetWidth / 2 + 'px';
            imgs[i].style.top = Math.sin(ang) * or + oc[1] - imgs[i].offsetHeight / 2 + 'px';
          }
        }
        render();
        
        this.animate = function()
        {
          ca += os;
          render();
        }
 
        window.setInterval('Orbit.animate()', 50);
      }
    </script>
  </body></html>
";
?>

           
         

Fill a rotation jscript with information from MySql using PHP

Asked by Dada44 in PHP and Databases, JScript, MySQL Server

Tags: JScript, PHP, MySql, Firefox, Internet Explorer, Safari

About this solution