eh eh :) Dude, that's a demo. As you can see, <a> href values are all the same: #player. So those all go to the same player page. GUI nav demo.
If you want a different player for each, best practice would be to use a serverside script to generate the one you want. Let's say each song list link would link to player.php?song_id=x, then player.php would generate the player div with the song title (and music file) based on 'x'. Of course, you can also create 40 .html files, as player1.html, player2.html ... or do the same as PHP using queryString with JS. Since iUI is a frontend framework, no relying to any serverside script in main demos sounds important. That would then means music demo file should include 40x <div id='player1' title='Music Player 1'>...</div> , <div id='player2' title='Music Player 2'>...</div>, ... don't think it's really the point of this demo. Remi On Mon, Apr 11, 2011 at 14:04, webehans <weber.hans.juer...@googlemail.com>wrote: > When the song list in iUI Music (see below) demo is long, the anchor > doesn't work correctly in Safari. > > When I click Artist->The Beatles->Beatles Song 1 > the following page begins correctly with "Song 1". > > When I click for example Artist->The Beatles->Beatles Song 40 > the following page doesn't begin with "Song 1" but in the middle of > the page. > There seems to be an anchor problem. > Is there a workaround? > > Html-page: > > <!DOCTYPE html> > <html manifest="music.manifest"> > <head> > <title>iUI Music Demo</title> > <meta name="viewport" content="width=device-width; initial-scale=1.0; > maximum-scale=1.0; user-scalable=0;"/> > <link rel="apple-touch-icon" href="../iui/iui-logo-touch-icon.png" /> > <meta name="apple-touch-fullscreen" content="YES" /> > <style type="text/css" media="screen">@import "../iui/iui.css";</ > style> > <script type="application/x-javascript" src="../iui/iui.js"></script> > </head> > <body> > <div class="toolbar"> > <h1 id="pageTitle"></h1> > <a id="backButton" class="button" href="#"></a> > <a class="button" href="#searchForm">Search</a> > </div> > > <ul id="home" title="Music" selected="true"> > <li><a href="#artists">Artists</a></li> > </ul> > > <ul id="artists" title="Artists"> > <li class="group">B</li> > <li><a href="#TheBeatles">The Beatles</a></li> > </ul> > <ul id="TheBeatles" title="The Beatles"> > <li><a href="#songs">Beatles Song 1</a></li> > <li><a href="#songs">Beatles Song 2</a></li> > <li><a href="#songs">Beatles Song 3</a></li> > <li><a href="#songs">Beatles Song 4</a></li> > <li><a href="#songs">Beatles Song 5</a></li> > <li><a href="#songs">Beatles Song 6</a></li> > <li><a href="#songs">Beatles Song 7</a></li> > <li><a href="#songs">Beatles Song 8</a></li> > <li><a href="#songs">Beatles Song 9</a></li> > <li><a href="#songs">Beatles Song 10</a></li> > <li><a href="#songs">Beatles Song 11</a></li> > <li><a href="#songs">Beatles Song 12</a></li> > <li><a href="#songs">Beatles Song 13</a></li> > <li><a href="#songs">Beatles Song 14</a></li> > <li><a href="#songs">Beatles Song 15</a></li> > <li><a href="#songs">Beatles Song 16</a></li> > <li><a href="#songs">Beatles Song 17</a></li> > <li><a href="#songs">Beatles Song 18</a></li> > <li><a href="#songs">Beatles Song 19</a></li> > <li><a href="#songs">Beatles Song 20</a></li> > <li><a href="#songs">Beatles Song 21</a></li> > <li><a href="#songs">Beatles Song 22</a></li> > <li><a href="#songs">Beatles Song 23</a></li> > <li><a href="#songs">Beatles Song 24</a></li> > <li><a href="#songs">Beatles Song 25</a></li> > <li><a href="#songs">Beatles Song 26</a></li> > <li><a href="#songs">Beatles Song 27</a></li> > <li><a href="#songs">Beatles Song 28</a></li> > <li><a href="#songs">Beatles Song 29</a></li> > <li><a href="#songs">Beatles Song 30</a></li> > <li><a href="#songs">Beatles Song 31</a></li> > <li><a href="#songs">Beatles Song 32</a></li> > <li><a href="#songs">Beatles Song 33</a></li> > <li><a href="#songs">Beatles Song 34</a></li> > <li><a href="#songs">Beatles Song 35</a></li> > <li><a href="#songs">Beatles Song 36</a></li> > <li><a href="#songs">Beatles Song 37</a></li> > <li><a href="#songs">Beatles Song 38</a></li> > <li><a href="#songs">Beatles Song 39</a></li> > <li><a href="#songs">Beatles Song 40</a></li> > <li><a href="#songs">Beatles Song 41</a></li> > <li><a href="#songs">Beatles Song 42</a></li> > <li><a href="#songs">Beatles Song 43</a></li> > <li><a href="#songs">Beatles Song 44</a></li> > <li><a href="#songs">Beatles Song 45</a></li> > <li><a href="#songs">Beatles Song 46</a></li> > <li><a href="#songs">Beatles Song 47</a></li> > <li><a href="#songs">Beatles Song 48</a></li> > <li><a href="#songs">Beatles Song 49</a></li> > <li><a href="#songs">Beatles Song 50</a></li> > </ul> > <ul id="songs" title="Songs"> > <li><a href="#player">Song 1</a></li> > <li><a href="#player">Song 2</a></li> > <li><a href="#player">Song 3</a></li> > <li><a href="#player">Song 4</a></li> > <li><a href="#player">Song 5</a></li> > <li><a href="#player">Song 6</a></li> > <li><a href="#player">Song 7</a></li> > <li><a href="#player">Song 8</a></li> > <li><a href="#player">Song 9</a></li> > <li><a href="#player">Song 10</a></li> > <li><a href="#player">Song 11</a></li> > <li><a href="#player">Song 12</a></li> > <li><a href="#player">Song 13</a></li> > <li><a href="#player">Song 14</a></li> > <li><a href="#player">Song 15</a></li> > <li><a href="#player">Song 16</a></li> > <li><a href="#player">Song 17</a></li> > <li><a href="#player">Song 18</a></li> > <li><a href="#player">Song 19</a></li> > <li><a href="#player">Song 20</a></li> > <li><a href="#player">Song 21</a></li> > <li><a href="#player">Song 22</a></li> > <li><a href="#player">Song 23</a></li> > <li><a href="#player">Song 24</a></li> > <li><a href="#player">Song 25</a></li> > <li><a href="#player">Song 26</a></li> > <li><a href="#player">Song 27</a></li> > <li><a href="#player">Song 28</a></li> > <li><a href="#player">Song 29</a></li> > <li><a href="#player">Song 30</a></li> > <li><a href="#player">Song 31</a></li> > <li><a href="#player">Song 32</a></li> > <li><a href="#player">Song 33</a></li> > <li><a href="#player">Song 34</a></li> > <li><a href="#player">Song 35</a></li> > <li><a href="#player">Song 36</a></li> > <li><a href="#player">Song 37</a></li> > <li><a href="#player">Song 38</a></li> > <li><a href="#player">Song 39</a></li> > <li><a href="#player">Song 40</a></li> > <li><a href="#player">Song 41</a></li> > <li><a href="#player">Song 42</a></li> > <li><a href="#player">Song 43</a></li> > <li><a href="#player">Song 44</a></li> > <li><a href="#player">Song 45</a></li> > <li><a href="#player">Song 46</a></li> > <li><a href="#player">Song 47</a></li> > <li><a href="#player">Song 48</a></li> > <li><a href="#player">Song 49</a></li> > <li><a href="#player">Song 50</a></li> > </ul> > </body> > </html> > > > > > > > > > > > > > -- > You received this message because you are subscribed to the Google Groups > "iPhoneWebDev" group. > To post to this group, send email to iphonewebdev@googlegroups.com. > To unsubscribe from this group, send email to > iphonewebdev+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/iphonewebdev?hl=en. > > -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to iphonewebdev@googlegroups.com. To unsubscribe from this group, send email to iphonewebdev+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
