Jquery phonegap help

Ok this is my first go at making a mobile website and using a jquery template. I chose the phonegap (from adobe tv tutorial) to create my mobile page, but when I start editing, i get an error at the top "Flash Plugin was not found. To view flash content in Live View install the Firefox Flash Plufin from www.adobe.com".
well I went to abobe.com and searched for firefox flash plugin (not sure why I would need this since I use IE) - and after too much time searching for an answer I have given up and posting my problem here.
The other issue im having, which may tie back to the lack on flash is when I try to preview - the screen in blank.
I understand I need the flash for the jquery coding to properly work, also if anyone has suggestions to tutorials that would be helpful - thanks!
Jenny

You can not use the Same ID more than once on the page
<div id="projects">
<p><span class="first" id="filterOptions"><a href="#" class="all">See all projects</a></span> <span class="divider" id="filterOptions">//</span> <span id="filterOptions"><a href="#" class="web">web</a> <span class="divider">//</span></span> <span id="filterOptions"><a href="#" class="graphic">graphic</a> <span class="divider">//</span></span> <span id="filterOptions"><a href="#" class="mobile">mobile</a> <span class="divider">//</span></span> <span id="filterOptions"><a href="#" class="randoms">randoms</a></span></p>
</div>

Similar Messages

  • JQuery Accordion Help: Closing Active Panel

    I am new to JQuery Accordions and would like to keep the selected active panel open when navigating through the content.  I have four areas in the accordion and each area has multiple links below.  When I click on a link, it collapses the panel and defaults back to the first panel and opens it.
    I would like it to stay open in the active panel.  I am using Dreamweaver CC and the code is below:
    $(function() {
      $( "#Accordion1" ).accordion({
      active:true,
      animate:{duration: 1},
      icons:{header: "ui-icon-plusthick", activeHeader: "ui-icon-minusthick"},
      heightStyle:"content",
      collapsible:true,
    And an example of the site: http://training.getfueledservices.com/FEC/SelfPayParent/SelfPayOverview01.html
    Basically when I click on any of the content in panels 2, 3, or 4, it reverts back to the first panel.
    Thank you for your help and time.

    On the page you link to change the 'active: X' state - so for the 'Peak Office' page change it to - active: 1, - Peak Classroom  page change to - active: 2, see if that works.
    <script type="text/javascript">
    $(function() {
    $( "#Accordion1" ).accordion({
    active: 1,
    animate:{duration: 1},
    icons:{header: "ui-icon-plusthick", activeHeader: "ui-icon-minusthick"},
    heightStyle:"content",
    collapsible:true,
    </script>

  • Image and Jquery issues - help needed

    Let me begin by saying that I have used both of these successfully with pages on my test server and in production.  That said, for whatever reason Dreamweaver is not displaying images called-out in my CSS in either Live View or in browser preview even though they are visible in Design View.  I also can't get jquery slide shows to function in browser preview either - and again the images show up in Design View.  Does this have to do with the fact that I am building this site on my hard-drive and not on a test server?  Has anyone experienced this and then moved their root to a test or production server and had them magically work?

    localhost...
    Image links are (example):
    CSS:
    a.classname {
            width: 60px;
            height: 60px;
            background: transparent url(/images/YouTube_pop.png) no-repeat 0 0;
            float: right;
    HTML:
    <p><a href="http://www.webaddress.com/user/blahblahblah" target="_blank" class="classname"></a></p>
    or
    HTML:
    <img src="images/sld_g04.gif" /> - which shows the images fine in both Live View and browser preview.

  • Where is the PhoneGap Template?

    I bought CS6 for the PhoneGap build, but now the Jquery (PhoneGap) template doesn't exist.
    I'm sick and tired of searching for something that just was there before.
    How do I activate my phonegap functions and where is the documentation and where are the tutorials.
    I spend hours searching for the stuff, rather than coding what I already know how to do, but can't activate because the IDE is not complete.
    I know I sound frustrated, but I'm about to ask for a refund.
    James

    These links will help you:
    http://tv.adobe.com/watch/cs6-creative-cloud-feature-tour-for-web/updated-phonegap-support -in-dreamweaver-cs6/
    https://build.phonegap.com/
    http://phonegap.com/2012/04/24/adobe-dreamweaver-cs6-supports-phonegap-build/

  • Build Issues - cannot copy phonegap files

    All was working fine last week.  I haven't personally modified any files or locations.  I contacted Adobe support, but they said it was a plugin issue so no help from them.  I also noticed that Adobe hasn't answered to this same problem posted before in the forums.  What's up with that?
    Cloning seed app for Android
    <DW>
    set ANT_HOME=C:\PROGRA~1\Adobe\ADOBED~2.5\CONFIG~1\NATIVE~1\APACHE~1
    set ANDROID_HOME=C:\Android\android-sdk
    set JAVA_HOME=C:\PROGRA~1\Adobe\ADOBED~2.5\JDK
    set PATH=%JAVA_HOME%\bin;%PATH%
    cd C:\DOCUME~1\TONYVI~1\Desktop\COMCOM~1.UPA
    C:\WINDOWS\system32\cmd.exe /u /c C:\PROGRA~1\Adobe\ADOBED~2.5\CONFIG~1\NATIVE~1\DWPHON~1\android\scripts\droidGap.bat "C:\Program Files\Adobe\Adobe Dreamweaver CS5.5\Configuration\NativeAppFramework\DWPhoneGap\android\PhoneGapApp" "UPA Mobile" com.company.upa_mobile 0.1 "C:\Android\android-sdk" undefined
    </DW>
    CaERROR: Cannot copy phonegap files. Terminating.java.io.FileNotFoundException: com.company.upa_mobile\src\com\company\upa_mobile\DefaultActivity.java (The system cannot find the path specified)
    ERROR: Clone failed
    I'm running Dreamweaver 11.5 Build 5344 in Windows XP.

    I searched high and low on the internet for weeks trying to find a
    solution, I finally decided I would pay Adobe for an answer... So I
    called their paid support line.  I was told that it would cost $40,
    but I had spent so much time that $40 seemed OK.  After talking to
    someone that didn't know much, but was able to replicate the error,
    he directed me to Level 2 support.  He never ask for a credit card or
    any payment.
    When I called the level 2 support, it said that it would cost
    $240....  That was quite steep, but since I had wasted much more than
    that on non productivity, I proceeded.
    I got ahold of someone (they must of been in India), a little bit
    hard to understand.  She wanted to link to my desktop to watch what
    was happening.  After she looked at a couple of things, she
    immediately when to this solution, and it worked..  She also did not
    ask for payment.
    I don't know how they can say it is someone elses problem, as they
    own phonegap, and jquery in part of dreamweaver, and all I was doing
    is creating a new jquery / phonegap application from their included templates.
    I am just glad after days of struggling, we have a solution.

  • How to use dynamic id of text box document.getElementById in JQuery

    Dear Sir,
    I am having code in ajax
    I am bringing id from ajax
    code is for text box id='textbox1"+i+"'
    here id name I am giving textbox and i is my increamented value and appending with textbox
    the id is dynamically generating it is like textbox0 on next textbox2
    But
    how I ll use the same dynamically generated id in on of my jquery function using document.getElementbyid
    I am not good in jquery.
    please help
    regards sanat

    That is a JQuery question, i.e. a JavaScript question, and this is a Java forum. Locking.

  • Jquery selector question..

    Hi all...
    Please help me with this jquery question.
    In the Interactive reports,I would like to hide the option
    "Row"(filter) (radio button option) under the "Actions-->Filter"
    This is the code i was using,but it is not working.
    I am very new to jquery, please help me with the jquery syntax.
    $(function(){
    $("ul li:contains('Filter')").live('click',function(){
    $("#APEXIR_FILTER_TYPE_1").hide();  -- i need to hide that ""complete option""
    });APEX: 4.1
    Database: 11g
    Browser: IE7

    Hi,
    There us 2 options. Default is columns. Why you like show this if you hide Row option?
    What I did test filter works ok when both options are hidden.
    I did not test your jQuery selector, but problem is that region where radio buttons exists are append using Ajax call.
    When your onclick event fires, element are not in HTML document, and that is main reason why your jQuery solution do not work
    Regards,
    Jari
    http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0

  • Drag after animate:  drag helper offset from cursor

    I am experiencing issues with using jQuery UI draggable() from within Edge Animate.  On start of drag, the helper (or original) element being dragged gets offset from the drag cursor, but only after the element has been animated (left/top) into place and ready to be dragged.  It seems to be offset by the same amount (in y direction in my case) as the original left/top translation using Edge.  This offset upon start of drag does not happen if the symbol doesn't change top/left - e.g. when animating opacity. 
    Any idea what may be causing this?
    Edge Animate:  1.0.0.185.21541 (edge.1.0.0.min.js)
    jQuery:  jquery-1.7.1.min.js
    jQuery UI Draggable:  1.9.0
    Browsers: all
    Thanks,
         - Fred -

    Hopefully, this was long ago answered.  But, here is the non-technical. short answer for anyone else who encounters this issue.  Select each symbol that will be animated (has keyframes anywhere in the timeline) and change its x,y position from px to % (setting it relative to its parent, or stage) -- in the propertes panel, positon and size submenu.
    I say this is the nontechnical answer because I have not completely sorted out the model, but it appears that the jquery draggable helper is taking its position relative to the page, rather than the parent.  Before discovering this simple solution, I was initially pursuing a line of thought that would set the cursorAt argument of the .draggable(); to variables that take their values from the position of the object so that it would compensate - apparently unecessary.
    Anyone care to offer a lucid explanation exactly what is going on here with the positioning of the child and parent between jquery's draggable and edge's stage?

  • Adobe CC - Dreamweaver PhoneGap Problem - Win7 x64 Pro

    Hallo
    Ich habe Probleme mit der PhoneGap Anbindung im Dreamweaver.
    Meinen Adobe Account habe ich laut Anleitung mit PhoneGap verbunden.
    In den Dreamweaver Vorlagen fehlt mir die jQuery PhoneGap Vorlage. Dort sind nur die normalen jQuery Vorlagen gelistet.
    Wenn ich dann eine normale jQuery Vorlage öffne und speichere und den PhoneGap Build Service öffne, bekomme ich nur die Meldung "Öffnen Sie eine Site, bevor Sie fortfahren, oder erstellen Sie eine neue Site.".
    Das Anmeldefenster, wie man es in diesem Video sieht: http://tv.adobe.com/de/watch/lerne-dreamweaver-cs6/phonegapapps-erstellen-und-hochladen/ erscheint bei mir erst gar nicht.
    Bei den Einstellungen für PhoneGap werden mir auch nur Android und WebOS aufgelistet. iOS, Windows Phone und so weiter fehlen.
    Was mache ich hier Falsch?

    Hallo,
    habe das gleiche problem nur auf Mac, hast du eine Lösung parat?

  • Phonegap integration. Building for Android device

    hey all,
    i'm trying to build an apk file for android device.
    Easy with Dreamweaver yes.
    Difficulty comes when you try to add some specific functionality : for instance you may want to post some stuff on the user 's facebook wall.
    PhoneGap provides a plugin for that : https://github.com/davejohnson/phonegap-plugin-facebook-connect
    But this plugin needs some addional stuff from the android SDK. It needs some java classes, namely the facebook android sdk : https://github.com/facebook/facebook-android-sdk
    Has anybody any hint on how we could include that stuff in dreamweaver installation?
    In my opinion we need to rebuild android.jar (not tried yet) but there may be another solution to tweak Dreamweaver. Or has anybody another solution to post on facebook/twitter from a native apk coming from a jquery/phonegap project under Dreamweaver?
    thanks in advance for reactions/advices/...
    Loic

    I did that on a mac :-)
    however it was a standard eclipse project. I had to include the correct JARS (facebook+phonegap) in the library path and everything was fine quite easily. I mean there was no additional SDK to install due to OSX.
    What I remember too is this: there is no facebook app installed on the emulator. It means when you run your app on it and try to connect to facebook through phonegap, the browser will open and ask for authentication. On your device, if the FB app is installed a nice popup will open and ask for authentication and authorization (or just confirmation if you are already authenticated).
    in conclusion there's no need to buy a mac for that. Be sure to check phonegap forum and post your problem. Phonegap releases have evolved a lot and they are quite responsive.
    Loic

  • How can I create an effect to cycle through several sets of 12 thumbnail images rather than just one

    Hello
    I've searched everywhere i can think of and had no luck so thought it's about time i asked for help.
    How do I create an effect where a group of 12 thumbnail images (all with clickable links) can scroll across by clicking a button to reveal another set of 12 thumbnails and so on without having to refresh the page, im assuming jquery can help but every single slideshow or scroll effect I've come across is for single images and not a set of images.
    Its a gallery part of my website and the images are in sets of 4 in 3 rows.
    All and any help will be greatly apprieciated!
    Anthony

    I think what you want is a Carousel Scroller.  See Demo and Examples
    http://dimsemenov.com/plugins/touchcarousel/
    Nancy O.

  • Rest services using WCF

    Hi,
    Couple of doubts about wcf rest  services.
    1, how a wcf rest service call is made from a asp.net mvc or asp.net web application .
     a, What is the better way to consume in ecommerce application (where traffic is more)
    b, is it using a httpwebrequest obejct or do we need to create a proxy class , can anybody paste a snippet of the code
    consume it ore please suggest a web reference link .
    2, is the web api took over the wcf rest service role  or still it is using in industry.
    Thanks

    Hi techasuran,
    >>1, how a wcf rest service call is made from a asp.net mvc or asp.net web application .
    a,What is the better way to consume in ecommerce application (where traffic is more)
    b, is it using a httpwebrequest obejct or do we need to create a proxy class , can anybody paste a snippet of the code
    For the WCF Rest Service, we can not do the add the service reference as do in WCF SOAP Service, because the REST Service has no concept of a WSDL in WCF. Then if you want to call the WCF Rest Service from a asp.net mvc or asp.net
    web application, please try to use the HttpWebReqest, HttpClient or the Jquery to help us. In my mind the better way to consume the WCF Rest Services in the ecommerce application is to use the Jquery Ajax Calls.
    For more information, please try to refer to the following articles:
    #Call Restful Service using HttpWebRequest:
    http://fromjami.wordpress.com/2013/05/26/call-restful-service-using-httpwebrequest-and-post-data/ .
    #Create and consume WCF Restful Service using an HttpClient:
    http://chsakell.com/2013/07/12/create-and-consume-wcf-restful-service-using-an-httpclient/ .
    #Consume RESTful service using jQuery in 2 simple steps:
    http://www.topwcftutorials.net/2013/10/consume-rest-service-using-jquery.html .
    >>2, is the web api took over the wcf rest service role  or still it is using in industry.
    Web API is open source an ideal platform for building REST-ful services over the .NET Framework. Unlike WCF Rest service, it use the full featues of HTTP (like URIs, request/response headers, caching, versioning, various content formats). It also supports the
    MVC features such as routing, controllers, action results, filter, model binders, IOC container or dependency injection, unit testing that makes it more simple and robust.
    For more information about the difference betwwen the WCF Rest Service and Web API and how to choose betwwen them, please try to refer to the following articles:
    #Difference between WCF and Web API and WCF REST and Web Service:
    http://www.dotnet-tricks.com/Tutorial/webapi/JI2X050413-Difference-between-WCF-and-Web-API-and-WCF-REST-and-Web-Service.html
    #WCF or ASP.NET Web APIs:
    http://www.codeproject.com/Articles/341414/WCF-or-ASP-NET-Web-APIs-My-two-cents-on-the-subjec .
    Best Regards,
    Amy Peng
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Phonegap Build service for jquery mobile themed page not showing on mobile

    I am trying to use jQuery mobile inside the Adobe Dreamweaver CC and then use phonegap build service to deploy the application to my phone. The issue here is that the Dreamweaver design panel is showing the jQuery Mobile UI but the application APK which is deployed over the phone does not.
    Please find below the screenshot of Dreamweaver CC with design and code panel.
    http://stackoverflow.com/questions/17334492/adobe-dreamweaver-cc-phonegap-build-service-is sue
    Find below the entire index.html code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>jQuery Mobile Web App</title>
    <link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
    <link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
    <link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
    <link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
    <link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
    <script src="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
    <script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="jQueryAssets/jquery-ui-1.9.2.accordion.custom.min.js" type="text/javascript"></script>
    </head>
    <body>
    <div data-role="page" id="page">
        <div data-role="header">
            <h1>Page One</h1>
        </div>
        <div data-role="content">  
            <ul data-role="listview">
                <li><a href="#page2">Accenture</a></li>
                <li><a href="#page3">Digital</a></li>
                <li><a href="#page4">CASF RIA</a></li>
                <li><a href="#page5">Hybrid Applications using PhoneGap</a></li>
            </ul>      
        </div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>
    <div data-role="page" id="page2">
        <div data-role="header">
            <a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>ACCENTURE Page</h1>
        </div>
        <div data-role="content">
          <div data-role="fieldcontain">
            <label for="selectmenu" class="select">Select Technology Areas:</label>
            <select name="selectmenu" id="selectmenu">
              <option value="option1">Digital</option>
              <option value="option2">Oracle</option>
              <option value="option3">Mobile</option>
            </select>
          </div>
          <div data-role="fieldcontain">
            <label for="slider">Value:</label>
            <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
          </div>
          <div data-role="fieldcontain">
            <label for="flipswitch">Option:</label>
            <select name="flipswitch" id="flipswitch" data-role="slider">
              <option value="off">Off</option>
              <option value="on">On</option>
            </select>
          </div>
          <div data-role="collapsible-set">
            <div data-role="collapsible">
              <h3>Header</h3>
              <p>Content</p>
            </div>
            <div data-role="collapsible" data-collapsed="true">
              <h3>Header</h3>
              <p>Content</p>
            </div>
            <div data-role="collapsible" data-collapsed="true">
              <h3>Header</h3>
              <p>Content</p>
            </div>
          </div>
        </div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>
    <div data-role="page" id="page3">
        <div data-role="header">
            <a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>DIGITAL Page</h1>
        </div>
        <div data-role="content">  
        <div id="Accordion1">
          <h3><a href="#">Section 1</a></h3>
          <div>
            <p>Content 1</p>
          </div>
          <h3><a href="#">Section 2</a></h3>
          <div>
            <p>Content 2</p>
          </div>
          <h3><a href="#">Section 3</a></h3>
          <div>
            <p>Content 3</p>
          </div>
        </div>
    Content </div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>
    <div data-role="page" id="page4">
        <div data-role="header">
            <a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>CASF RIA</h1>
        </div>
        <div data-role="content">
          <ol data-role="listview" data-inset="true" data-split-icon="arrow-d">
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
            <li><a href="#">
              <h3>Page</h3>
              <p>Lorem ipsum</p>
              <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
          </ol>
    Content </div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>
    <div data-role="page" id="page5">
        <div data-role="header">
            <a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>HYBRID APPLICATIONS using PhoneGap</h1>
        </div>
        <div data-role="content">
          <div data-role="fieldcontain">
            <label for="email">Email:</label>
            <input type="email" name="email" id="email" value=""  />
          </div>
    Content </div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>
    <script type="text/javascript">
    $(function() {
        $( "#Accordion1" ).accordion();
    </script>
    </body>
    </html>
    This is how it looks in device:
    This is how it looks in the mobile devices:
    Could anyone please help?

    Try defining a site and then create the mobile themed page within that site and DW will copy all the assets relative to the site path and will not be as its in your current page.
    <link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
    <link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
    HTH
    --Bhawna

  • How to add anchor tag dynamically on infopath (OOTB task form of workflow .xsn) by jquery -dynamically as i did by below script on newform.aspx where I will read Help title and URL value from list

    on newform.aspx just above the top of cancel button I want to put 1 hyperlink "Help"
    but I want to do this by script/jquery by reading my configuration list where 1 column is TITLE and other is- URL
    Configuration List has 2 columns Title and URLValue
    Title                                    UrlValue
    HelpNewPage                    
    http://url1
    HelpEditPage                      http://url2
    so script should read Title and display "Help"--->1st part on NewForm.aspx/EditForm
    Script should read UrlValue column and on click of help-(display link) the respective url should be open in new window.-->second part
    Please let me know reference code for adding anchor tag dynamically by reading from list
    Help/Reference 
    http://www.sharepointhillbilly.com/Lists/Posts/Post.aspx?ID=5
    I can see hyperlink near cancel button-
    //This block is just placing help link near cancel button- 
    $(document).ready(function() {
        GetHelpLinkFromConfigList();
    var HelpLinkhtml ='<a href="#" text="Help">Help</a>';
    var position =$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
    var HelpLinkhtml ='<a href="#" text="Help" onclick="GetHelpLinkFromConfigList();">Help</a>'; 
    var position =$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
    var HelpLinkimageButton ='<IMG SRC="../../Style Library/Help.bmp" style="width:35px;"/>'; 
    var position1 =$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkimageButton );
    //Rest script
    function GetHelpLinkFromConfigList()
     //The Web Service method we are calling, to read list items we use 'GetListItems'
     var method = "GetListItems";
     //The display name of the list we are reading data from
     var list = "configurationList";
     //We need to identify the fields we want to return. In this instance, we want the Title,Value fields
     //from the Configuration List. You can see here that we are using the internal field names.
     var fieldsToRead = "<ViewFields>"+"<FieldRef Name='Title' />"+"<FieldRef Name='Value' />"+"</ViewFields>";
     //comment
     var query = "<Query>" +
                            "<Where>" +
                                "<Neq>" +
                                    "<FieldRef Name='Title'/><Value Type='Text'>Help</Value>"
    +
                                "</Neq>" +
                            "</Where>" +
                            "<OrderBy>" +
                                "<FieldRef Name='Title'/>" +
                            "</OrderBy>" +
                        "</Query>";
     $().SPServices(
     operation: method,
        async: false,
        listName: list,
        CAMLViewFields: fieldsToRead,
        CAMLQuery: query,
        completefunc: function (xData, Status) {
        $(xData.responseXML).SPFilterNode("z:row").each(function() {
        var displayname = ($(this).attr("ows_Title"));
        var UrlValue = ($(this).attr("ows_Value")).split(",")[0];
        AddRowToSharepointTable(displayname,UrlValue)
    function AddRowToSharepointTable(displayname,UrlValue)
        $("#NDRTable").append("<tr align='Middle'>" +
                                    "<td><a href='" +UrlValue+ "'>+displayname+</a></td>"
    +
                                   "</tr>");
    <table id="NDRTable"></table>
    sudhanshu sharma Do good and cast it into river :)

    Hi,
    From your description, you want to add a help link(read data from other list) into new form page.
    The following code for your reference:
    <script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    ExecuteOrDelayUntilScriptLoaded(AddHelpLink, "sp.js");
    function AddHelpLink() {
    var context = new SP.ClientContext.get_current();
    var list= context.get_web().get_lists().getByTitle("configurationList");
    var camlQuery= new SP.CamlQuery();
    camlQuery.set_viewXml("<View><Query><Where><Eq><FieldRef Name='Title'/><Value Type='Text'>Help</Value></Eq></Where></Query></View>");
    this.listItems = list.getItems(camlQuery);
    context.load(this.listItems,'Include(Title,URL)');
    context.executeQueryAsync(function(){
    var ListEnumerator = listItems.getEnumerator();
    while(ListEnumerator.moveNext())
    var currentItem = ListEnumerator.get_current();
    var title=currentItem.get_item("Title");
    var url=currentItem.get_item("URL").get_url();
    var HelpLinkhtml ='<a href="'+url+'">'+title+'</a>';
    $("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
    },function(sender,args){
    alert(args.get_message());
    </script>
    Result:
    Best Regards
    Dennis Guo
    TechNet Community Support

  • Help with JQuery Mobile App- Passwords

    Hello,
    I just downloaded the Dreamweaver CS5.5 trial today onto my MacBook Pro (OS 10.6.6) and am trying to make a JQuery Mobile web app.  Once users get to the webpages on their iphone/android, I need them to be able to login so that they can get data specific to that specific user.  So far, I have
    <div data-role="content">     
    <form id="form1" name="form1" method="POST" action="<?php echo $loginFormAction; ?>">
      <p>
        <label for="username">Username:</label>
        <input type="text" name="username" id="username" />
      </p>
      <p>
        <label for="pwd">Password:</label>
    <input type="password" name="pwd" id="pwd" />
      </p>
      <p>
    <input type="submit" name="doLogin" id="doLogin" value="Login" />
      </p>
    </form>     
         </div>
    This makes a nice looking username and password login area, but now I do not know what to do after the user inputs their information and clicks on the "Login" button.  Somehow, I need it to recognize a correct username/password, and link to a different page if it is correct, and produce an error if the username/password combination is incorrect.  Any help would be greatly appreciated; I'm really new at this.
    Thank you.

    Hi Lydia, first off welcome to the world of Dreamweaver!
    Much like anything in DW it takes time to learn these things, especially the new technologies. Here is a page in the Adobe Developer Center that has many tutorials to help you get on the right track with the mobile stuff.
    Build dynamic websites and web applications | Dreamweaver Developer Center http://adobe.ly/kBZmhL

Maybe you are looking for