SignalR and jquery

Hi,
We currently are implementing SignalR technology in our SharePoint Team Sites. The technology is promising and we tailored it according to our business needs. We ran in to one issue where we get an error 'Signalr undefined', We get this error where another
version of jquery is loaded on to the page after signalr is loaded in the master page.
Master page – SignalR and Jquery Loaded here Initially(version 1.x.x)
Content pages(Home.aspx, Default.aspx etc) – JQuery Again Loaded here again
In this scenario, we get hub undefined error. But if there is no other jquery web-part on the content page, there is no error.
Any help greatly appreciated.
Ravichandra Challa

jQuery is to JavaScript as APEX is to the PL/SQL Web Toolkit. Think of the productivity gain you get from APEX vs simple htp.p()! That's what jQuery gives you. Get your brain around jQuery selectors and it will make more sense:
http://tylermuth.wordpress.com/2008/12/17/jquery-selectors-will-change-your-life/
Tyler Muth
http://tylermuth.wordpress.com
"Applied Oracle Security: Developing Secure Database and Middleware Environments": http://sn.im/aos.book

Similar Messages

How to use Spry and Jquery on the same page.

I'm using both spry (dataset) and jquery (datepicker) on my page. When I load the jquery script my dataset doesn't work.
I've done some research and found that I need to insert an observer that tells jquery when the spry dataset is finished loading. Found this information at: http://forums.adobe.com/message/2899897. I've tried implementing this into my script but just doesn't seem to work. Below is the script from my site, how would I insert an observer into this script?
<script type="text/javascript">

</script>

Please post any SPRY related question in the SPRY forum.

Updating using java script and jQuery

Is it possible using javascript and jQuery to update the two forms of this page, in tandem as the fields change? http://www.milesmemorials.com/product-GH54.html As you can see there are two forms, the first holds all the element choices and has an 'add to basket' button, the other after clicking 'proceed to proof' shows and gathers name, tel, email and all other fields from first form (which will be 'hidden' once this problem is resolved) all that will show will be name, tel and email. Currently what happens is choices are made, the proof button is clicked but if a selection is then changed the duplicate elements in form2 are not updated unless the proof button is clicked back and then clicked again. This can result in incorrect information being submitted. So going back to my original question, Is it possible using javascript and jQuery to update the two forms in tandem as the fields change?
Any help really appreciated!!

Thank you for your post. I think thats just what im looking for. So this is one of my form elements -
<select name="colour" class="productButton"id="colour">
        <option selected value="0">-- Select colour --</option>
        <option value="2442">Galaxy black granite (£2442)</option>
        <option value="2134">Black granite (£2134)</option>
      </select>
and i need to make this form field update when the element above is changed -
<input name="colour2" id="colour2" type="text" />
What do i need to change on this javascript to make this function work?
<script> $( "select" )
.change(function () {
    var str = "";
    $( "select option:selected" ).each(function() {
      str += $( this ).text() + " ";
    $( "div" ).text( str );
.change();
</script>

How to create table with javascript and jquery in abap

Hello masters,
i want to create table using javascript and jquery.
i know how to use these languages but i dont how to implement them to abap.
regards.

Look at the sample BSP application SBSPEXT_HTMLB
also you can look at the below Blog..
/people/brian.mckellar/blog/2003/10/31/bsp-programming-htmlb-tableview-iterator
<i>*Reward each useful answer</i>
Raja T

CS5.5 and jquery

I undrstand there is tight intergration between CS5.5 and jquery. Does this not include the UI library? I'm not getting much in the way of code-hinting writing the various widgets.
Is there a special setup?

I undrstand there is tight intergration between CS5.5 and jquery. Does this not include the UI library? I'm not getting much in the way of code-hinting writing the various widgets.
Is there a special setup?
No, there's no special setup.
Here is a quick video about DW CS5.5 jQuery Code Hinting:
http://tv.adobe.com/watch/cs-55-web-premium-feature-tour-/dreamweaver-cs-55-jquery-code-hi nting/
Here is a more in depth Adobe Developer Center article:
http://www.adobe.com/devnet/dreamweaver/articles/introduction-to-jquery.html
HTH,
Randy

Fluid layouts and jquery?

How do you have a fluid layout site and jquery mobile site together? Would like to have monitor and tablet using fluid layout but for mobiles use jquery, how is it done?

So, is this the end of the physical product for Adobe?

Flash and Jquery problem

Hello,
I have a website "http://www.checkoutthelatest.com/test/sebastian" which runs in iphone but the flash objects and jquery slide shows does not work when the site is loaded within the iphone.
Could you please let me know if iphone supports jquery slide shows and embedded flash objects and youtube videos.
I require the website to function properly within iphone 3G and 4.
Please help.
Regards,
Sebas J

However, the phone does support jQuery. I've used it in websites and seen it working just fine. Try different slideshow scripts to see if you can get it going. You won't be able to embed youtube video's in the slideshow unless you can work it out in HTML5 (which I can't help with)... as the other poster said - No flash.
good luck.
b

Dreamweaver CS6- jquery and jquery cycle to have 5 images slide (as a fade) in a banner code failure- help?

Dreamweaver CS6- I am trying to use jquery and jquery cycle to have 5 images slide (as a fade) in a banner. I thought I got the code right but it stacked the images. I suspect I have the incorrect code for the position or I haven't properly added cycle.
my head code:
<title>slider</title>
<script type="text/javascript" src="JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="JS/jquery.cycle2.min.js"></script>
<script type="text/javascript">
$('#slider').cycle({
</script>
<style type="text/CSS">
#slider {margin:auto;}
</style>
My div code:
<div id="slider">
<p>
    <img src="Leather web page/DSC_0531_4925.JPG"/>
    <img src="Leather web page/DSC_0035_edited-1.JPG"/>
    <img src="Leather web page/DSC_1593_edited-1.jpg"/>
    <img src="Leather web page/DSC_1595_edited-1.jpg"/>
    <img src="Leather web page/DSC_1821.jpg"/>
    </div>
Any help would be greatly appreciated.

1. You can use a constructor to change the defaults. The default values can be seen in jquery.cycle2.js starting at line 659 as per the following. As you can see at the bottom, the code automatically runs the slideshow(s)
// @see: http://jquery.malsup.com/cycle2/api
$.fn.cycle.defaults = {
    allowWrap:        true,
    autoSelector:     '.cycle-slideshow[data-cycle-auto-init!=false]',
    delay:            0,
    easing:           null,
    fx:              'fade',
    hideNonActive:    true,
    loop:             0,
    manualFx:         undefined,
    manualSpeed:      undefined,
    manualTrump:      true,
    maxZ:             100,
    pauseOnHover:     false,
    reverse:          false,
    slideActiveClass: 'cycle-slide-active',
    slideClass:       'cycle-slide',
    slideCss:         { position: 'absolute', top: 0, left: 0 },
    slides:          '> img',
    speed:            500,
    startingSlide:    0,
    sync:             true,
    timeout:          4000,
    updateView:       0
// automatically find and run slideshows
$(document).ready(function() {
    $( $.fn.cycle.defaults.autoSelector ).cycle();
2. To center the slideshow, merely center the container as in
div.cycle-slideshow {
    width: 1000px;
    margin: auto;

CRM 2013 Online - sending email with CRM Online and jQuery

Hi,
I have a html page in webresource in a CRM 2013 Online form. There is a button to send an e-mail from the html page. Because this is an embedded html, I will not be able to create a plug-in to trigger 'send an e-mail'. The best bet
is to send an e-mail via javascript.
I found an article about 'Sending email with SharePoint and jQuery',
http://geekswithblogs.net/ThorvaldBoe/archive/2014/07/03/sending-email-with-sharepoint-and-jquery.aspx
Is there a similar Jquery way we can send e-mail from CRM 2013 Online? Thanks.

Hello,
Actually you can send email through plugin using Actions feature. Recheck my articles about the feature -
http://a33ik.blogspot.com/search/label/Action
In case you anyway want to send your email directly you should recheck following articles:
http://mileyja.blogspot.com/2012/02/create-email-activity-in-microsoft.html
http://mileyja.blogspot.com/2012/02/send-email-synchronously-in-microsoft.html
Dynamics CRM MVP/ Technical Evangelist at
SlickData LLC
My blog

How to authenticate with Sharepoint using rest service and jquery

Hi ,
I have a requirement where i need to authenticate with sharepoint from ios and android app using rest services and jquery.
Can anyone help me in this .
Thanks in Advance.
Regards,
Srinath

Hi,
According to your post, my understanding is that you want to access SharePoint data from IOS and Android app.
The following materials for your reference:
How can I authenticate SharePoint REST calls from Android App?
http://stackoverflow.com/questions/24673373/how-can-i-authenticate-sharepoint-rest-calls-from-android-app
Calling RESTful services from your Android app
http://www.techrepublic.com/blog/software-engineer/calling-restful-services-from-your-android-app/
SharePoint 2013 REST API in iOS
http://omicron-llama.co.uk/2012/12/13/sharepoint-2013-rest-api-in-ios/
Best Regards
Dennis Guo
TechNet Community Support

Dreamweaver CC and jQuery Support

I'm only recently getting into jQuery, specifically for creating mobile apps. I know that Dreamweaver CC has good support for jQuery, jQuery UI, and jQuery Mobile. BUT, I also notice that the code it creates is a hybrid between pure jQuery code, and Dreamweaver proprietary javascript code, such as all the MM_xxx javascript functions. I also notice that the events for jQuery components are mostly placed within the HTML tag, such as the onClick attribute of an A tag, etc...
Is there anyway, automagically, to get the jQuery code to build within a script section within the code, with the appropriate event handler as code instead of embedding into the HTML tags themselves? And is there anyway to eliminate the MM_xxx proprietary javascript functions, and use pure jQuery code instead?

Hi
I don't think it is do-able on code that is automatically generated. but I am not a jQuery user in Dw, (JavaScript yes, jQuery no).
Anything that begins with MM_xxx.... normally indicates that it was written specifically for Dw.
It may be worth waiting for a few members who normally look-in latter in the day though, as they may know more about using jQuery with Dw.
PZ

IDE for coding HTML5 and jQuery

Hello,
Can Xcode be used for developing applications using HTML5 and jQuery. Something like Visual Studio Web express does.Please advise.
Regards
sls

pziecina wrote:
Are these still considered too new?
In my opinion yes.
Are you using html5 and/or css3 in your web sites?
Not yet but I have been looking at some basics of both in preparation to move across once I feel the time is right - 2015 I'll be retired.
Is 'progressive enhancement' and/or 'graceful degradation' now a part of your design/coding strategy when using them?
Nooooooooo! If corners are supposed to be round then square ones is'nt graceful gradation to me.
Is anyone using or experimenting with any of the 'newer' features such as the css3 flex-box model or in-line svg?
Nope....never heard of them.
pziecina wrote:
Is IE6/7 still part of your 'it must look the same in all browsers' design philosophy, or are you now ignoring these browsers?
IE 7 definitely but I don't design to take into consideration IE 6 any longer.
I'am right! I'm right! Follow the leader or maybe not

Roll Your Own - APEX 4.0 and JQuery-UI Application

For those with a apex.oracle.com account and want to see jQeury tabs running via 4.0 in your own Workspace, use following this script to create your own version of Shijesh's (Apex_Noob) application.
Credit also goes out to Alistair Laing for his hard work in investigating why 4.0 is requiring the use of the googleapis jquery.js... libraries.
Application Builder - Create
Application Type - Database
Create Application - From Scratch
Name - jQuery Application
Add Page - keep default and Click Add Page
Click CreateMy application defaulted to Theme 2, you will need to switch the theme to one of the following: If you don't the tabs will not render properly.
8 Orange
10 Sand
13 Classic Blue
14 Simple Green
15 Light Blue
16 Dark Blue
18 Simple Gray
19 Red Gray
Message - Application created successfully.
Click Shared ComponentsUnder User Interface Click - ThemesIf you don't see one of the above Themes, you will need to Create and switch your Theme.
Click - CreateFrom the Repository selected Click - Next and select one of the above Themes
Click - Switch ThemeSelect one of the above Themes and Click - Next
Click -NextClick - Switch ThemeReturn to your newly created Application by Clicking on Application xxxxxxx Breadcrumb
Click - Create PageSelect - Blank PageClick - NextAssign the page a name
Click - NextAccept defaults and Click - NextClick - FinishClick - Edit PageI still work in Component View, to toggle to this View, click on the control adjacent to Page number and Go button. Hover over the ones on the far right and you will see both Component View and Tree View
From Component View
Click on the Page Edit Control
In the Text Area labeled Javascript/Execute when Page Loads - paste in the following code:
$x("tabs").appendChild( $x("tabs-1"));
$x("tabs").appendChild( $x("tabs-2"));
jQuery("#tabs").tabs();In the Text Area labeled HTML Header and Body Attribute/HTML Header - paste in the following code:
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/redmond/jquery-ui.css" type="text/css" />
<script src= "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.js"> </script>Click - Apply ChangesRequired use of the Google jqueryui libraries is being questioned by recent threads created by Alistair Laing since it appears that 4.0 does not currently support jQeury tabs
{thread:id=1083507}
{thread:id=1083540}
Create a Region
Type HTML Text - accept defaults
Provide a Title like "Tabs" and accept defaults
Template - Reports Region
Sequence 10
Click - NextIn the Enter HTML Text Region Source: Text Area - paste in the following code:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Employees</a></li>
<li><a href="#tabs-2">Departments</a></li>
</ul>
</div>Click - Create RegionCreate a second Region
Type Report/Sql Report
Provide a Title like "Employees" and accept defaults
Template Reports Region
Sequence 20
Click - NextIn the Enter SQL Query or PL/SQL function returning a SQL Query: Text Area - paste in the following code:
SELECT empno,
       ename,
       job,
       mgr,
       hiredate,
       sal,
       comm,
       deptno
FROM   empClick - Create RegionEdit the newly created Report Region
Under Attributes/Static ID - paste in the following code:
tabs-1Click - Apply ChangesCreate a third Region
Type Report/Sql Report
Provide a Title like "Departments" and accept defaults
Template Reports Region
Sequence 30
Click - NextIn the Enter SQL Query or PL/SQL function returning a SQL Query: Text Area - paste in the following code:
SELECT deptno,
       dname,
       loc
FROM   deptClick - Create RegionEdit the newly created Report Region
Under Attributes/Static ID - paste in the following code:
tabs-2Click - Apply ChangesRun you page and you should see you tabs.
Jeff

Great post Jeff,
With regard to Jquery UI and tabs I've contacted the Apex dev team and received a reply from them.
All the jQueryUI files are included in the APEX 4.0 distribution, but not all jQueryUI components
are loaded by default to avoid a huge initial download. It's not necessary to load your own version of jQueryUI, just load the missing component.
For the "Tabs" you have to add
<link href="IMAGE_PREFIX#libraries/jquery-ui/1.8/themes/base/jquery.ui.tabs.css" rel="stylesheet" type="text/css" />
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/minified/jquery.ui.tabs.min.js" type="text/javascript"></script>
to your page template or the header attribute of your page where you want to use it.They did not mention which other Jquery UI widgets were not included so people need to check to see if they get any JS errors Like "$('#tabs').tabs() is not a function" this would suggest that tabs is not being loaded. To included it in you page header directly after #HEAD# you need to place the css and js as stated above.
If you need jquery help just post you queries here or the is some other jquery links that maybe of some use
jQuery
http://jquery.com/ - Official jQuery Website
http://api.jquery.com/ - jQuery API Library
http://plugins.jquery.com/ - jQuery Plugins (Not APEX related)|
http://yayquery.com/ - yayQuery - jQuery Podcast
http://jqueryui.com/ - Official jQuery UI Website
http://jqueryui.com/demos/ - jQuery UI Demos
Edited by: Alistair Laing on Jun 9, 2010 4:04 PM
Add more links
Edited by: Alistair Laing on Jun 9, 2010 4:09 PM

ADF and JQuery: How can I get the data back to server listener.

Jdeveloper 11g Version 11.1.1.2.0
I use Jquery to draw the signature. How can I get the svgOutput back to my server listener.???
e.getSource give me the error e.getSource is not function.
Both of function saveSignatureCapture(which calling from ADF button) and $('#save-output').click(function (event) can not send the the data back to my server listener.
Thanks.
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
    <af:document id="dSignature" title="Signature Capture">
      <af:resource type="javascript" source="../resources/lib/jquery/jquery-1.4.2.min.js"/>
      <af:resource type="javascript" source="../resources/js/jquery.drawbox.js"/>
      <af:resource type="javascript">
        var svgOutput = '';
        function saveSignatureCapture(e) {
            var signatureText = $('#drawbox-data').val();
            var source = e.getSource();
            var type = 'saveSignatureCapture_ServerListener';
            var immediate = true;
            var params = {
                signatureText : signatureText
            AdfCustomEvent.queue(source, type, params, immediate);
        function beginSignatureCapture(e) {
            $('#drawbox').drawbox( {
                caption : 'This is a caption', lineWidth : 3, lineCap : 'round', lineJoin : 'round', colorSelector : true
            $('#view-output').click(function () {
                svgOutput = window.open('data:image/svg+xml,' + $('#drawbox-data').val());
                svgOutput.document.close();
                return false;
            $('#save-output').click(function (event) {
                var signatureText = $('#drawbox-data').val();
                var source = $(document);
                var type = "saveSignatureCapture_ServerListener";
                var immediate = true;
                var params = {
                    signatureText : signatureText
                AdfCustomEvent.queue(source, type, params, immediate);
                return false;
        $(document).ready(beginSignatureCapture);
      </af:resource>
      <af:panelStretchLayout id="psSignature">
        <f:facet name="bottom"/>
        <f:facet name="center">
          <af:panelGroupLayout id="pgSignature" layout="vertical">
            <f:verbatim>
              <div id="divSignature">
                <canvas id="drawbox" width="600" height="200">
                  <p>Your browser does not support <canvas></p>
                </canvas>
              </div>
              <br/>
              <br/>
              <a href="#" id="view-output">View Rendered SVG Output</a>
              <br/>
              <br/>
              <a href="#" id="save-output">Save Signature</a>
            </f:verbatim>
            <af:spacer width="10" height="10" id="s10"/>
            <af:panelGroupLayout id="pghl14" layout="horizontal" halign="center">
              <af:commandButton text="Save Signature" id="cbSaveSignatureButtonId" partialSubmit="true">
                <af:clientListener method="saveSignatureCapture" type="click"/>
                <af:serverListener type="saveSignatureCapture_ServerListener"
                                   method="#{backingBeanScope.mainBackingBean.saveSignatureCapture_ServerListener}"/>
              </af:commandButton>
            </af:panelGroupLayout>
          </af:panelGroupLayout>
        </f:facet>
        <f:facet name="start"/>
        <f:facet name="end"/>
        <f:facet name="top"/>
      </af:panelStretchLayout>
    </af:document>
</f:view>
</jsp:root>Edited by: user553450 on Sep 17, 2010 4:02 PM
Edited by: user553450 on Sep 17, 2010 4:13 PM

Hi Frank,
Thank you so much for your advice, I got lot of knowledge from your book and articles since I am in transition from forms to JDeveloper.
By surrounding <af:panelStretchLayout id="psSignature"> with <af:form id="f1">
Now the following code is work on Firefox, everything fine, I can get the data back and call my server listener as I expected.
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
    <af:document id="d1" title="Signature Capture">
      <af:resource type="javaScript" source="../resources/js/excanvas.js"/>
      <af:resource type="javascript" source="../resources/lib/jquery/jquery-1.4.2.min.js"/>
      <af:resource type="javascript" source="../resources/js/jquery.drawbox.js"/>
      <af:resource type="javascript">
        function saveSignatureCapture(e) {
            var signatureText = $('#drawbox-data').val();
            alert(signatureText);
            var source = e.getSource();
            var type = 'saveSignatureCapture_ServerListener';
            var immediate = true;
            var params = {
                signatureText : signatureText
            AdfCustomEvent.queue(source, type, params, immediate);
        function beginSignatureCapture(e) {
            var cmd = "$('#drawbox').drawbox({lineWidth:3,lineCap:'round',lineJoin:'round',colorSelector:true});";
            if (navigator.userAgent.indexOf('MSIE') != - 1) {
                setTimeout(cmd, 1000);
            else {
                $('#drawbox').drawbox( {
                    caption : 'This is a caption', lineWidth : 3, lineCap : 'round', lineJoin : 'round', colorSelector : true
      </af:resource>
      <af:form id="f1">
        <af:panelStretchLayout id="psSignature">
          <f:facet name="bottom"/>
          <f:facet name="center">
            <af:panelGroupLayout id="pgSignature" layout="vertical">
              <f:verbatim>
                <canvas id="drawbox" width="600" height="200">
                  <p>Your browser does not support <canvas></p>
                </canvas>
              </f:verbatim>
              <af:spacer width="10" height="10" id="s10"/>
              <af:panelGroupLayout id="pghl14" layout="horizontal" halign="center">
                <af:commandButton text="Save Signature" id="cbSaveSignatureButtonId" partialSubmit="true">
                  <af:clientListener method="saveSignatureCapture" type="click"/>
                  <af:serverListener type="saveSignatureCapture_ServerListener"
                                     method="#{backingBeanScope.mainBackingBean.saveSignatureCapture_ServerListener}"/>
                </af:commandButton>
              </af:panelGroupLayout>
            </af:panelGroupLayout>
          </f:facet>
          <f:facet name="start"/>
          <f:facet name="end"/>
          <f:facet name="top"/>
        </af:panelStretchLayout>
      </af:form>
      <af:clientListener method="beginSignatureCapture" type="load"/>
    </af:document>
</f:view>
</jsp:root> However, I got the error following error when I run the page from IE8.
Assertion failed: Incorrect use of AdfRichUIPeer.GetDomNodeForCommentComponent.AdfRichCommandButton[oracle.adf.RichCommandButton] id=cbSaveSignatureButtonId StackTrace:function(x217)[AdfRichCommandButton[oracle.adf.RichCommandButtonId]..........
FYI, the following simple testing code has the similar error in IE8 too (not for Firefox).
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
    <af:document id="d1">
      <af:resource type="javaScript" source="../resources/js/excanvas.js"/>
      <af:form id="f1">
        <f:verbatim>
          <canvas id="drawbox" width="600" height="200">
            <p>Your browser does not support <canvas></p>
          </canvas>
        </f:verbatim>
      </af:form>
    </af:document>
</f:view>
</jsp:root>The error is: Assertion failed: Incorrect use of AdfRichUIPeer.GetDomNodeForCommentComponent.AdfRichDialog[oracle.adf.RichDialog] id:::msgDlg StackTrace function(x217).......
Your advice is very much appreciated.

Adobe Edge Animate CC and jQuery Reel

Hi!
Is there a step-by-step tutorial how to include popular jQuery Reel plugin with Edge Animate project?
I mean to insert 360-rotation image gallery inside project in WYSIWYG mode of Edge Animate.
I know there's possibility to import js files, but when i import jQuery Reel .js file and then put image on scene and add "reel" class to it - nothing works.

Check out my tutorial here:
MJ Page Design

SignalR and jquery

Similar Messages

Maybe you are looking for