为RSForm!Pro添加自定义CSS和Javascript代码 原

RSForm!Pro组件允许你为 Joomla 网站的表单添加自定义的CSS和Javascript代码，在网站后台打开：组件>> RSForm!Pro >> Manage Forms >> edit your form >> Properties >> CSS and Javascript tab：

在CSS区域可以输入自定义的CSS样式代码，记住一定要添加<style></style>标签，如下面的代码：

<style>

.formField {    

    color: #565656;    

    border-top: solid 1px #e2e2e2;

}

</style>

 在Javascript的区域你可以添加任何加载表单时希望被触发的代码，比如当用户点击某个按钮或者作出某个选择，所有的javascript代码都添加在script标签里面，下面的是一段示范代码：

<script type="text/javascript">

    function calculateText(){

      document.getElementById('total').value = parseInt(document.getElementById('Field1').value) + parseInt(document.getElement      ById('Field2').value);

    }

</script>

上面的代码还需要触发器，在按钮控件的Additional Attributes区域添加这段代码：

onclick="calculateText();"

当点击按钮以后，将计算两个字段的和，并将计算结果显示在文本框里面。

 转载自星仔码头