<div dir="ltr">Otherwise,<div><br></div><div>I thought, as my laptop may have wider screen than OLPC, I can try to restrict the activity zone (toolbar + canvas zone) with css (even if that task can be hard) and have it centered on my screen. And maybe add a bit of Javascript in order to restrict mouse interaction to the "emulated zone".</div>
<div><br></div><div>Maybe that can be silly, but at least, I will "have a screen" close to the real XO, and a more realistic result.</div><div><br></div><div>Regards</div></div><div class="gmail_extra"><br><br><div class="gmail_quote">
2013/10/10 laurent bernabe <span dir="ltr"><<a href="mailto:laurent.bernabe@gmail.com" target="_blank">laurent.bernabe@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr">Hello,<div class="gmail_extra"><br><div class="gmail_quote">2013/10/10 Manuel Quiñones <span dir="ltr"><<a href="mailto:manuq@laptop.org" target="_blank">manuq@laptop.org</a>></span><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">

2013/10/9 laurent bernabe <<a href="mailto:laurent.bernabe@gmail.com" target="_blank">laurent.bernabe@gmail.com</a>>:<br>
> Hello,<br>
><br>
> *) I am wondering whether I can safely replace, in an index.html file of a<br>
> web activity, the <div id="canvas></div> with <canvas id="canvas"></canvas><br>
> ?<br>
><br>
> Because the library I am using need a real canvas element.<br>
<br>
You just put your <canvas> inside that <div>.<br></blockquote><div><br></div><div>I've put my canvas element inside the #canvas div and it worked.</div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">


<br>
> *) Also, if I can use a real canvas element, how can set its size to the<br>
> remaining size of the screen ? (As my laptop has a wider screen than XO<br>
> ones).<br>
<br>
It's possible by connecting to the window resize event in JS.  You can<br>
see an example in Clock Web activity.<br>
<br>
<a href="https://github.com/manuq/clock-web" target="_blank">https://github.com/manuq/clock-web</a><br>
<a href="http://manuq.github.io/clock-web/" target="_blank">http://manuq.github.io/clock-web</a></blockquote><div><br></div><div><br></div><div>Wouldn't be simpler to use CSS instead ? I've seen that there are two css media added in the index.html, which seem to do what I am waiting for (#canvas => width:100%, overflow-y: auto, and top: 75px), but it seem that none are used. (Canvas lays at top = 0 px and left = 0px, width is about 300px ...)</div>

<div><br></div><div>Regards</div></div></div></div>
</blockquote></div><br></div>