Librerías Javascript con Brython

37 views
Skip to first unread message

Francois Dion

unread,
Jan 11, 2013, 11:34:05 AM1/11/13
to bryth...@googlegroups.com
Este semana, Pierre añadido algo muy interesante. Aunque no es 100% finalizado en cuanto al nombre... JSObject()

Con JSObject, uno puede convertir un objeto Javascript en algo que es compatible con Brython (class).

No hablamos de funciones aquí. Porque podemos usarlas directamente:

<script>
var Alerta = function() {alert('tremendo')};
</script>
<script type='text/python'>
Alerta()
</script>



Pero, en caso de una librería Javascript como por ejemplo D3, todo se hace por medio de objetos. En vez de hacer un "wrapper" por cada librerías, es muy facil usar JSObject(). En la lista en francés, Poyol lo demostró así:


<body onLoad="brython()">
<script src="brython.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
 <div id="viz"></div>

<script type="text/javascript">
    var sampleSVG = d3.select("#viz")
        .append("svg")
        .attr("width", 200)
        .attr("height", 200);    
</script>
    
<script type="text/python">
ssvg=JSObject(sampleSVG)

for i,color in zip(range(3),['blue','red','yellow']):
    ssvg.append("circle").style("stroke", "gray").style("fill", color).attr("r", (3-i)*10).attr("cx", 50).attr("cy", 50)
</script>
</body>


Disfruten,

François

--
www.pyptug.org  -  raspberry-python.blogspot.com

pir...@gmail.com

unread,
Jan 11, 2013, 12:11:32 PM1/11/13
to Francois Dion, bryth...@googlegroups.com
No tiene mala pinta... ¿Puedes poner un enlace al archivo donde esta definida la funcion? Me interesaria saber como esta hecho por si se pudiese integrar de algun modo para que fuese automatico :-)



--
 
 



--
"Si quieres viajar alrededor del mundo y ser invitado a hablar en un monton de sitios diferentes, simplemente escribe un sistema operativo Unix."
– Linus Tordvals, creador del sistema operativo Linux

Francois Dion

unread,
Jan 14, 2013, 5:47:25 PM1/14/13
to bryth...@googlegroups.com, Francois Dion

svn checkout http://brython.googlecode.com/svn/trunk/ brython-read-only

Y es en el fichero:

py_dom.js

Francois

Francois Dion

unread,
Jan 14, 2013, 5:48:19 PM1/14/13
to bryth...@googlegroups.com, Francois Dion
O, directamente:
http://brython.googlecode.com/svn/trunk/py_dom.js


Francois

On Friday, January 11, 2013 12:11:32 PM UTC-5, El Piraña wrote:
Reply all
Reply to author
Forward
0 new messages