SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Hybrid View

  1. #1
    SitePoint Enthusiast polyhedra's Avatar
    Join Date
    Nov 2011
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Browser compatibility

    Why does my code work in Chrome / Firefox but not Safari?
    check it out The page

    and the code also
    HTML Code:
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
    
    
    <head>
    
    
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Blah</title>
    <link rel="stylesheet" href="https://sites.google.com/site/polyhedra3/style.css?attredirects=0&d=1">
    
    <!-- start javascript presentation -->
    
    <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptC.js?attredirects=0&d=1"></script>
        <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptD.js?attredirects=0&d=1"></script>
        <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptE.js?attredirects=0&d=1"></script>
        <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptF.js?attredirects=0&d=1"></script>
    
        <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptG.js?attredirects=0&d=1"></script>
        <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptH.js?attredirects=0&d=1"></script>
        <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptI.js?attredirects=0&d=1"></script>
    
    <script type="text/javacript" src="https://sites.google.com/site/polyhedra3/scriptA.js?attredirects=0&d=1"></script>
    
    <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptB.js?attredirects=0&d=1"></script>
    <!-- end javascript presentation -->
    
    
    
    
    </head>
    
    
    <div id="wrapper">
       <h2 id="top">Tetrahedron</h2>
    <div id="solidWrapper">
      <img id="solid" src="http://4.bp.blogspot.com/-0J31HXOWtWU/TuLVJwuolXI/AAAAAAAAAmM/XCnQ6ewD0YE/s1032/Tetrahedron01.png" alt="rotating Tetrahedron"
      
     ontouchstart="touchStart(event);"
     ontouchmove="touchMove(event);"
     ontouchend="touchEnd(event);" />
      <h2>Note</h2>
      <p>Click or touch on a Platonic solid,Then change its     direction and speed of rotation with the mouse or your finger.  <a href="http://3quarks.com" alt="starting site"><em>Thanks to Rüdiger Appel</a>                 
                         
     </div>   
    </div>
    
    </html>

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,297
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    It looks the same in Firefox and Safari to me. I just see a static image that does nothing when I click on it.

  3. #3
    SitePoint Enthusiast polyhedra's Avatar
    Join Date
    Nov 2011
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i got frustated with presenting it with javascript... so try here i removed the java but kept the styles.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,297
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    A .gif is probably more reliable anyhow. So are you happy now? Seems a good solution to me.

  5. #5
    SitePoint Enthusiast polyhedra's Avatar
    Join Date
    Nov 2011
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i'm ecstatic. glad this is not my job, and just a hobby!


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
  •