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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
