westis4me

I fixed the issue on the ipad. just had to fix a % to a float. Probably some real ugly css in there if anyone wants to take a look.

I recently finished up this site http://www.westis4me.com/obor which it a multiplication game for interactive whiteboards. I am a school teacher and I try to make sites that will help my students. I am really just beginning to really incorporate css into what I am doing, and what you see on that site is the best I can do. I validated the best I could, a few errors but they are due to the includes of social plugins. I have done everything I can to make it work on any resolution, but with my limited knowledge it only looks right down to 1024. For what and where the site is used that isn't a problem. The problem is I think the game would play well from in browser on ipads. When I load it in Safari on my ipad2 the page will not scroll in any direction. Any tips on how to fix this? Thanks

Thanks for the suggestion. I will try to implement it now.

Thank you for looking. I was really trying to do everything I could to keep the site to one page. I have been teaching 8-9 year olds/3rd grade for 12 years and I have learned in that time that teachers like to be able to print things. I attempted to get a modal window to display the .pdf but I couldn't get it to work. I thought having links down at the bottom would get them out of the way for game-play. The game is sort of geared toward interactive white boards. Would you still suggest moving the link for DArules?

I had built a multiplication game for my students a few years ago but I based it on a modified template. So, this is my first real try at going from concept to completion using a text editor. I went with as much css as I could figure out. I tried to validate css/html, which failed. The failure comes from inclusion of js and social plugin code. Fixing those issues are way over my head and I don't think they effect the view. I have viewed the site in current browsers: Chrome win/mac, FF win/mac, Safari win/mac/ipone/ipad. I did everything I could to make it work at any resolution but when you get below 1024 things start to look a little wonky. I would appreciate any suggestions or comments. I am pretty sure that I have some redundancy in the css but I took it as far as I could. I would be interested in any information for improvement. Is the UI user friendly? Can you follow the directions? That kind of stuff. Thanks a lot for looking. http://www.westis4me.com/obor/

I wonder if you meant that to be a pun? AJAX Cleaner? Either way it made me laugh.

Not really sure if this will help but I went searching and I found this site: http://www.html5canvastutorials.com/advanced/html5-canvas-quadratic-motion-animation/ there are more examples below the content. Hope it helps.

I by no means know what I am talking about but, wouldn't an iframe work?

Thanks again. I think my target audience isn't exactly power users blocking Flash. Not really for mobile use either. Flash will have to do.

@MrAdam Thanks. I had a feeling that it not being an image was the problem. I was trying to avoid using flash also but I am not a javascript coder (as you can tell) so I tried what I knew. Could anyone suggest a javascript solution?

I am building a site to help my students practice their multiplication skills. I needed to be able to click on the number and get a new random number. I got that working just fine with the following script: <SCRIPT LANGUAGE="JavaScript"><!-- Begin var rand1 = 0; var useRand = 0; images = new Array; images[1] = new Image(); images[1].src = "image1.gif"; images[2] = new Image(); images[2].src = "image2.gif"; images[3] = new Image(); images[3].src = "image3.gif"; images[4] = new Image(); images[4].src = "image4.gif"; images[5] = new Image(); images[5].src = "image5.gif"; images[6] = new Image(); images[6].src = "image6.gif"; images[7] = new Image(); images[7].src = "image7.gif"; images[8] = new Image(); images[8].src = "image8.gif"; images[9] = new Image(); images[9].src = "image9.gif"; images[10] = new Image(); images[10].src = "image10.gif"; images[11] = new Image(); images[11].src = "image11.gif"; images[12] = new Image(); images[12].src = "image12.gif"; images[13] = new Image(); images[13].src = "image13.gif"; images[14] = new Image(); images[14].src = "image14.gif"; images[15] = new Image(); images[15].src = "image15.swf"; *******I want this to play.******* function swapPic() { var imgnum = images.length - 1; do { var randnum = Math.random(); rand1 = Math.round((imgnum - 1) * randnum) + 1; } while (rand1 == useRand); useRand = rand1; document.randimg.src = images[useRand].src; } // End --> </script> I then had the bright idea to play a sound when one of the images comes up. I figured Flash was the easiest way so I made it. Alone the .swf plays fine but if I enter it into the script all I get is a broken image icon. You can see the site here: http://www.westis4me.com/whammy/2.html Can anyone suggest a workaround or different method? Thanks Will