From: http://openerpbay.blogspot.jp/2013/02/javascript-css-and-jquery-in-openerp-70.html
Hi fellows,
Here i‘m showing how can you use JavaScript ,Css and Jquery In OpenERP 7.0.There is one cool feature added in openERP 7.0 in which you can use HTML tags inside openERP form view. This feature is not available in older version (Web 6.0 , 6.1). OpenERP already use HTML codes like <div> <H1> inside form view. But you can do much more than that you can use css and JavaScript inside form view code (OpenERP XML Code). Even more you can use JQuery also In Form View but JQuery is only work if you have old OpenERP 7 Web.In next few weeks i will show you how jquery also used in latest OpenERP 7.0 Web Code.
Now, let‘s see how use this thing in form view. It is very if you have little knowledge of CSS and JavaScript. You can apply css as like you apply css in HTML code but only different is here you apply css in openerp form code.
CSS
In HTML we use css(inline) like this- Same like you can apply in OpenERP-
<p style="color:sienna;font-size:8pt;"></p>
<field name="product_id" style="color:sienna;font-size:8pt;"/>
JavaScript
For JavaScript you can define script anyplace in code whare you can use HTML Tags.
<record id="product_normal_form_view" model="ir.ui.view"> <field name="name">product.normal.form</field> <field name="model">product.product</field> <field name="arch" type="xml"> <form string="Product" version="7.0"> <sheet> <script> alert("Hi I‘m JavaScript :P "); </script> <field name="image_medium" widget="image" class="oe_avatar oe_left"/> <div class="oe_title"> <div class="oe_edit_only"> <label for="name" string="Product Name"/> </div> <h1> <field name="name"/> </h1> ............ ............
<record id="product_normal_form_view" model="ir.ui.view"> <field name="name">product.normal.form</field> <field name="model">product.product</field> <field name="arch" type="xml"> <form string="Product" version="7.0"> <sheet> <script> $(document).ready(function(){ $(".oe_edit_only").click(function(){ $(this).hide(); }); }); </script> <field name="image_medium" widget="image" class="oe_avatar oe_left"/> <div class="oe_title"> <div class="oe_edit_only"> <label for="name" string="Product Name"/> </div> <h1> <field name="name"/> </h1> ............ ............
JavaScript ,Css and Jquery In OpenERP 7.0,布布扣,bubuko.com
JavaScript ,Css and Jquery In OpenERP 7.0
原文：http://www.cnblogs.com/chjbbs/p/3910206.html