locked
How to Attach Jquery to webpart RRS feed

  • Question

  • Hi,

      How to attach jquery code to page  using content editor webpart .  I am using Sharepointer designer 2010 & don't have access to  masterpage .

    so pls let me know as soon as possible how to use jquery in sharepoint designer. Want to show alert message using jquery.

    Thanks in Advance

    :)

    Monday, August 6, 2012 3:19 PM

Answers

  • Hi,

    Without SPD 2010, Modify your page and add web part, click on ‘Media and Content’. Add ‘Content Editor’ web part.

    In the "Editing Tools" – "Format Text" tab, click on "HTML" – "Edit HTML Source". Write your JQuery code in this popup dialog. 

    Here French Interface :

    NicoBzh





    • Proposed as answer by Paul Reg Thursday, August 9, 2012 7:37 PM
    • Edited by Nicolas Castel Thursday, August 9, 2012 8:33 PM Change Image (Delete confidential information)
    • Marked as answer by Entan Ming Thursday, August 16, 2012 2:20 AM
    Monday, August 6, 2012 8:47 PM
  • RESOLVED:----------------->

    1. First i have add one content editor webpart to page

    2. then  download thet js file from

    "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"  that site on my desktop

    3. then add this .js file to document library

    4. Provide document library file path link to webpart

    <script type="text/javascript" src="https://ab..xy.CPFDO/DFSDd/stconf/RemoveAddPersonFromGroupCalender/jquery.min.js"></script>
    <SCRIPT type=text/javascript> 
     
    $(document).ready(function()
    {
     alert("jQuery ready");
    }
    )
     
    </SCRIPT> 

    • Marked as answer by Entan Ming Thursday, August 16, 2012 2:20 AM
    Tuesday, August 7, 2012 6:18 AM

All replies

  • Hi,

    Without SPD 2010, Modify your page and add web part, click on ‘Media and Content’. Add ‘Content Editor’ web part.

    In the "Editing Tools" – "Format Text" tab, click on "HTML" – "Edit HTML Source". Write your JQuery code in this popup dialog. 

    Here French Interface :

    NicoBzh





    • Proposed as answer by Paul Reg Thursday, August 9, 2012 7:37 PM
    • Edited by Nicolas Castel Thursday, August 9, 2012 8:33 PM Change Image (Delete confidential information)
    • Marked as answer by Entan Ming Thursday, August 16, 2012 2:20 AM
    Monday, August 6, 2012 8:47 PM
  • RESOLVED:----------------->

    1. First i have add one content editor webpart to page

    2. then  download thet js file from

    "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"  that site on my desktop

    3. then add this .js file to document library

    4. Provide document library file path link to webpart

    <script type="text/javascript" src="https://ab..xy.CPFDO/DFSDd/stconf/RemoveAddPersonFromGroupCalender/jquery.min.js"></script>
    <SCRIPT type=text/javascript> 
     
    $(document).ready(function()
    {
     alert("jQuery ready");
    }
    )
     
    </SCRIPT> 

    • Marked as answer by Entan Ming Thursday, August 16, 2012 2:20 AM
    Tuesday, August 7, 2012 6:18 AM