Hello I want to rotate image (cog) wit Python code and DOM elements. I have this code write in Python adn work with Brython. How can I change it to use it on PyJS? I want use Python, not JavaScript.
<!DOCTYPE html> <html> <head> <!-- load Brython --> <script src="http://brython.info/src/brython_dist.js";></script> <!-- the main script; after loading, Brython will run all 'text/python3' scripts --> <script type='text/python'> from browser import window, timer, document, html import time <!-- I know that here, I must use this t0 = Date.now() --> t0 = time.time() def user_agent(): """ Helper function for determining the user agent """ if window.navigator.userAgent.find('Chrome'): return 'chrome' elif window.navigator.userAgent.find('Firefox'): return 'firefox' elif window.navigator.userAgent.find('MSIE'): return 'msie' elif window.navigator.userAgent.find('Opera'): return 'opera' # Dict Mapping UserAgents to Transform Property names rotate_property = { 'chrome':'WebkitTransform', 'firefox':'MozTransform', 'msie':'msTransform', 'opera':'OTransform' } degrees = 0 def animation_step(elem_id): """ Called every 30msec to increase the rotatation of the element. """ global degrees, tm # Get the right property name according to the useragent agent = user_agent() prop = rotate_property.get(agent,'transform') # Get the element by id el = document[elem_id] # Set the rotation of the element setattr(el.style, prop, "rotate("+str(degrees)+"deg)") document['status'].innerHTML = "rotate("+str(degrees)+" deg)" # Increase the rotation degrees += 1 if degrees > 360: # Stops the animation after 360 steps timer.clear_interval(tm) degrees = 0 # Start the animation tm = timer.set_interval(lambda id='img1':animation_step(id),30) document['status3'].innerHTML = "Time of execution python code("+str(time. time()-t0)+" ms)" <!-- I know that here i must use this: "Time of execution python code", Date .now()-t0, "ms") --> </script> </head> <!-- After the page has finished loading, run bootstrap Brython by running the Brython function. The argument '1' tells Brython to print error messages to the console. --> <body onload='brython(1)'> <img id="img1" src="cog1.png" alt="cog1"> <script>animation_step("img1",30);</script> <h2 style="width:200px;" id="status"></h2> <h2 style="width:800px;" id="status3"></h2> </body> </html> -- --- You received this message because you are subscribed to the Google Groups "Pyjs.org Users" group. To unsubscribe from this group and stop receiving emails from it, send an email to pyjs-users+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/d/optout.
