function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
visualforce_devvisualforce_dev 

JavaScript in VisualForce

Please help me on calling a JavaScript in VF page

 

I tried below options

 

 

 

<script type="text/javascript" src="{!URLFOR($Resource.myscript,'/test.js')}"/>
 

 
 
where 'test' is a javascript file saves in zip file named myscript in Static resources 
 
 
<apex:includeScript value="{!$Resource.tstres}"/>

 

<script type="text/javascript" src="{!$Resource.tstres}"/> 
 
where tstres is javascript file saved directly in static resources.
 
The script is  
 
<script type="text/javascript">
document.write("Hello World!")
</script>
 
 if I write the script directly in the page editor its printing Hello world.
But its not working with, includescript .
 
Its not showing any error.
 
Thanks in advance
 
 


Best Answer chosen by Admin (Salesforce Developers) 
dchasmandchasman
The problem is that you have an invalid .js file - you should not include the script tag inside test.js


All Answers
dchasmandchasman
The problem is that you have an invalid .js file - you should not include the script tag inside test.js
This was selected as the best answer
visualforce_devvisualforce_dev
Thanks a lot Doug Chasman .Its working:smileyvery-happy:


ktdsmktdsm
Hi,
I am trying to populate a javascript grid in a visualforce page.I downloaded a javascript grid and trying to use it .The data in the grid is not coming in.
 
in my page.here is my code :
 
where aw.js is the javascript file and SFDC_Grid is the name of the Static resource.
 
 
<apex:page standardController="Contact" extensions="GetAccountContacts">

 <apex:pageBlock >

 <apex:form >
<!--  onclick="BindGrid();return false" -->
   
   <apex:commandButton id="GridLoad" value="Get All Contacts" />

 </apex:form>


<html>
<head>
    <title>ActiveWidgets Examples</title>

<script type="text/javascript" src="{!URLFOR($Resource.SFDC_Grid,'aw.js')}"/> 

<!-- <apex:includeScript value="{!URLFOR($Resource.SFDC_Grid, 'SFDC_Grid/aw.js')}"/> -->



<!-- fix box model in firefox/safari/opera 
<style type="text/css">
    .aw-quirks * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    body {font: 12px Tahoma}
</style>
-->
<!-- include links to the script and stylesheet files -->
  

<script type="text/javascript">




    var myData = [
        ["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
        ["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
        ["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
        ["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
        ["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
        ["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
        ["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
        ["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
        ["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
        ["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
        ["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
        ["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
        ["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
        ["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
        ["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
        ["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
        ["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
        ["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
        ["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
        ["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"]
    ];

    var myColumns = [
        "Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
    ];
      
 
</script>
</head>
<body>
<script type="text/javascript">


// function BindGrid(){

//alert("hello");


    //  create ActiveWidgets Grid javascript object
    
    
    var obj = new AW.UI.Grid;
    
   obj.setId("myGrid");

    


    //  define data formats
    
    var str = new AW.Formats.String;
    var num = new AW.Formats.Number;

    obj.setCellFormat([str, str, num, num, num]);

    //  provide cells and headers text
    obj.setCellText(myData);
    obj.setHeaderText(myColumns);

    //  set number of rows/columns
    obj.setRowCount(20);
    obj.setColumnCount(5);

    //  enable row selectors
    obj.setSelectorVisible(true);
    obj.setSelectorText(function(i){return this.getRowPosition(i)+1});

    //  set headers width/height
    obj.setSelectorWidth(28);
    obj.setHeaderHeight(20);

    //  set row selection
    obj.setSelectionMode("single-row");

    //  set click action handler
    obj.onCellClicked = function(event, col, row){window.status = this.getCellText(col, row)};

    //  write grid html to the page
    
    
    document.write(obj);
    
  //   var div1 = document.getElementById("obj");

    //    div1.innerHTML = div1.innerHTML.replace(/TREE2GRID/ig,'treegrid').replace('/<!--/','').replace('/-->/','');

        //alert(div1.innerHTML);

    
    
//}



</script>
</body>
</html>

 </apex:pageBlock>

</apex:page>