JQuery Functionality

Has anyone seen a JQuery script that resembles the main image slider on this site? http://www.blazerformen.com/

Hello scottdouglas999,
Which part are you most wanting your slider to have? The loading feature, the titles for links?
These have the loading feature:
http://www.zurb.com/playground/jquery_image_slider_plugin
http://www.pixedelic.com/plugins/camera/
These have thumbnail links:
http://tympanus.net/Tutorials/ResponsiveImageGallery/
http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
For the thumbnail links, you might have to get a little creative to make them work for what you want.
Hope these are helpful.
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

Similar Messages

JQuery function stops working when trying to submit large amount of parameters

Hi,
Run CF9 on Windows 2008 R2 Server.
I have a cfm page with multiple dropdowns (some are cfselect) and dynamically generated lists of checkboxes interdependent on each other. I am using JQuery to submit data to cfc functions and to display data.
It was all working fine until we added new company with large number of records. This translated into large URL query string with a lot of parameters submitted for processing. That's when we started to have problems. I noticed when trying to directly submitting URL, if the total number of characters in URL is more than 2114 I get an error status code 302 Redirect and nothing is displayed.
I tried to play with postParametersLimit and postSizeLimit increasing to 1000.0 in neo-runtime.xml and restarting server but, this did not help.
Below is jquery function:
function populateBills(){
   var plID;
   if ($('#planenrolldate_id').val() == undefined)
    plID = $('input[name=planenrolldate_id]').val();
   else
    plID = $('#planenrolldate_id').val();
   var sID = $('#sponsor_id').val();
   var pID = $('#plan_id').val();
   var fromMonth = $('#from_month').val();
   var fromYear = $('#from_year').val();
   var toMonth = $('#to_month').val();
   var toYear = $('#to_year').val();
   $.ajax({
    type:"POST",
    url:"../components/billing/custompremstatus.cfc?method=GetBillsArr&planenrolldate_id=" + plID + "&sponsorid=" + sID + "&fM=" + fromMonth + "&fY=" + fromYear + "&tM=" + toMonth + "&tY=" + toYear,
    dataType: "json",
    success:
     function(data){
      $.each(data, function(index, item) {
       addBillsCheckboxes(item.bill_id,item.bill_period);
    }, //end the error function
    error:
     function(){
      alert("An error has occurred while fetching bills");
     } //end the error function
   }); // end ajax call
} // end of function

That's exactly from the console after I submit:
fM 9
fY 2014
method GetBillsArr
planenrolldate_id[] 564
planenrolldate_id[] 561
sponsor_id 59
tM 9
tY 2014
When I check just one planenrolldate_id then it looks like this
fM 9
fY 2014
method GetBillsArr
planenrolldate_id[] 561
sponsor_id 59
tM 9
tY 2014
This it cfc part:
<cffunction name="GetBillsArr" access="remote" returnFormat="json" returnType="array">
        <cfargument name="sponsor_id" type="any" required="true">
        <cfargument name="planenrolldate_id" type="any" required="true">
        <cfargument name="fM" type="numeric" required="true">
        <cfargument name="fY" type="numeric" required="true">
        <cfargument name="tM" type="numeric" required="true">
        <cfargument name="tY" type="numeric" required="true">
        <cfset var result=ArrayNew(1)>
        <cfset var i = 0>
         <cfif ARGUMENTS.planenrolldate_id EQ "" OR ARGUMENTS.sponsor_id EQ "">
            <cfset LstBills = QueryNew("bill_id, bill_period", "Integer, Varchar")>
        <cfelse>
            <cfquery name="LstBills" ...>
                SELECT bill_id,
                    (Convert(varchar(10),billing_start_date,103) + ' - ' + Convert(varchar(10),billing_end_date,103)) + ' [' + Convert(varchar(6),plan_id) + ']' AS bill_period
                    FROM ...
            </cfquery>
        </cfif>
        <cfloop query="LstBills">
            <cfset returnStruct = StructNew()>
            <cfset returnStruct["bill_id"]= bill_id>
             <cfset returnStruct["bill_period"] = bill_period>
             <cfset ArrayAppend(result,returnStruct) />
        </cfloop>
        <cfreturn result>
</cffunction>

Jquery function calls in page html header

Hi ,
I have included the Jquery Js files in my page template as follows :
<script type="text/javascript" src="#IMAGE_PREFIX#js/jquery-1.3.2.min.js"></script> Now If I use a function like below in my template, it works perfectly well
<script>
$(document).ready(function(){
$("#dialog2").dialog({
bgiframe: true,
autoOpen: false,
height: 300,
modal: true
</script>
{code}
However if I call the above script in my Page html header it throws an error
<b> $ is not defined </b>
but works well if I add in the tempalte.
If I look at the page source , i notice that the page html header is displayed and then the page template header section and seems like that is the reason why the error comes when I call Jquery functions in my page html header....
Now I do not want to add individual functions to the template since they are page specific.
How do I handle this issue ? Should I include the call to the Jquery JS in my Page html header ?
Appreciate any pointers/suggestions.
Thanks,
Dippy

Becuase the order of execution.
Once way is move your javascript to region header, otherwise call jquery in page header instead of template

How to call jquery function when i close modal dialog box ?

Hello,
I need to call one jquery function when I click on close button of modal dialog box.Can anyone please let me know how can I implement it ?
Thanks,
Dipti Chhatrapati

Hi Dipti,
If my understanding is correct, you are using SP Modal Dialog and want to track the close event of this dialog. Then you may use
dialogReturnValueCallback parameter of Options variable. Follow is the code sample:
function ShowModal() {
ExecuteOrDelayUntilScriptLoaded(function () {
var options = {
url: 'page1.aspx',
tite: 'Add Title',
width: 800,
height: 450,
allowMaximize: true,
showClose: true,
dialogReturnValueCallback: scallback
SP.UI.ModalDialog.showModalDialog(options);
}, 'sp.js');
function scallback(dialogResult, returnValue) {
if (dialogResult == SP.UI.DialogResult.OK) {
// call your Jquery method here...
Thanks, Ram

Flash CC: use jQuery functions

I want to use jquery functions into flash for html5 game I am building. What I tried to do is add the following lines, and then use simple jquery function, but it seems not loaded, because I get the error: $ is not defined
My code, which is in the first frame of the main timeline, is:
var head = document.getElementsByTagName('head')[0];
var file = "http://code.jquery.com/jquery-1.11.0.min.js";
var ref = document.getElementsByTagName('script')[0];
var js = document.createElement('script');
js.src = file;
ref.parentNode.insertBefore(js, ref);
console.log(head.outerHTML);
console.log($(document).height());
console.log($(document).height());
The result I see in the console log, is the following:
<head>
      <meta charset="UTF-8">
      <title>ggg</title>
      <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><script src="http://code.createjs.com/easeljs-0.7.1.min.js"></script>
     <script src="http://code.createjs.com/tweenjs-0.5.1.min.js"></script>
     <script src="http://code.createjs.com/movieclip-0.7.1.min.js"></script>
     <script src="ggg.js"></script>
     <script> var canvas, stage, exportRoot;
          function init()
               canvas = document.getElementById("canvas");
               exportRoot = new lib.ggg();
               stage = new createjs.Stage(canvas);
               stage.addChild(exportRoot); stage.update();
               createjs.Ticker.setFPS(lib.properties.fps);
               createjs.Ticker.addEventListener("tick", stage);
     </script> </head> ggg.js:163
> Uncaught ReferenceError: $ is not defined
What is wrong with that? and what I have to do so I can use jquery?
TIA

As shown in line 9 of the code above, I wrote: console.log ($ (document) .height ());
I did not think, I needed to set the variable $, because jquery is already doing it. Is not it?
If I try to write the line: <script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </ script> within the <head> html file manually, then there is no problem and I get the height of the screen, even without defining the variable $.
Which brings me to the conclusion that, although the line was written in the file, as you can see in the console log, but it still does not start ...
The problem is, if I write the line in the html file manually, when I do publish .fla file, Flash CC erases the line and everything was written by hand. So I thought to write the above code from the first frame of the timeline.
Is there a better way?
And yet - why the above code tweaks error message?
TIA

Splongoperation.endscript - call custom jQuery function

Hi All,
Is it possible to call custom jQuery function in splongoperation.endscript ()? Basically I want to show jQuery dialog before closing my modal dialog( operation.EndScript("try
{ window.frameElement.commitPopup(); } catch (e) {}");)
Any pointers or links
would be very much appreciated!
Thanks

Hi All,
Is it possible to call custom jQuery function in splongoperation.endscript ()? Basically I want to show jQuery dialog before closing my modal dialog( operation.EndScript("try
{ window.frameElement.commitPopup(); } catch (e) {}");)
Any pointers or links
would be very much appreciated!
Thanks

I lose JQuery functionality after checking out from shopping cart...

Hi Folks,
I have set up a slideshow using JQuery. I have started a one month eCommerce subscription but have not yet added the clients domain name to BC (therefore still using the http://clientsite.businesscatalyst.com domanin).
After checking out from the shopping cart I am redirected to http://clientsite.worldsecuresystems.com/...
When this happens I seem to lose functionality of my javascript plugins such as slideshow and 'prettyphoto' plugin.
Any thoughts would be much appreciated.
Thanks and regards
Brendon

Hi Brendon, if you search the forums there is a lot on this. "Dom Killing" , "Add to cart jquery" etc.
You should see all the discussions as it is quite intensive because of the way the BC scripting works and varius sollutions depending on your coding and BC knowledge.

Content Editor JQuery function

I have a table displayed by a web Part with a td section having a class ms-vb2 and inside that td there is a div.
Now i want to make the background color of the div green if th div contains Green. The structure is as below
<td class="ms-vb2"><div>Green</div></td>
for which i have a content editor where i have placed the below code:
$(document).ready(function(){
$('td.ms-vb2').find('div').each(function(){
var cellVal = parseInt($(this).text())
if(String(CellVal) == "Green")
$(this).css("background-color","red");
else
$(this).css("background-color","blue");
<script>
whichdoes not work. Please help

Step through your code. Try to identify where the issue is.
I would remove the if clause and set all divs (irrespective of content) to a set background colour. This will let you know if the rest of the code works and you're wrong in the if statement. If it doesn't work then you've got an error earlier in the selection
process or an error in the css application process.
You do have a javascript debugger in IE, that may be of use to see what's going on.

Why do my Jquery functions stop working when adding an Edge animation to my page?

I've used Edge now for a few months on several projects and it's very useful for a designer like myself to create html5 animations as quick as Flash, but I'm noticing that everytime you add edge to a page, the jqeury it uses overwrites any others on the page and breaks other jquery based widgets. Why is this?
I've had a coder friend I work with have a look at the problem and his only solution was to put the edge animation inside an iframe, which is far from ideal.
Is there a way to use Edge and still use other jquery widgets on the page? (Basically I'm using a Nivo Slider jquery fading image box further down the page, which is breaking).
Thanks

martcol wrote:
> I really do not thing that I have done anything at all
to the
> page and can garantee no changes to the PHP script.
>
> It's hosted on some free space so there's no support
there. What might be the
> problem?
With free hosting, you get what you pay for - nothing. It's
possible
that the hosting company has changed the PHP configuration
and turned
off the display of errors. Most companies do so nowadays,
because the
display of errors is considered a security risk.
You can try adding this to the top of the PHP script:
<?php ini_set('display_errors', '1'); ?>
If that displays any error messages, post the details of the
error
message here, and someone should be able to help you.
However, without giving more details of the script and setup,
your
question is rather like saying "My car won't start. What's
wrong?" It
could be anything. To get decent help online, you need to
describe the
problem in more detail.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS4",
"PHP Solutions" & "PHP Object-Oriented Solutions"
http://foundationphp.com/

Edge/jQuery Function Scope: need advice

Hi all ...
I'm having difficulty with my Adobe Edge Animate code finesse, and I could use some advice. I'm more of a coder than an Edge/Flash guy, so I'm having trouble understanding the scope of variables and where I can use variables and anonymous functions on the global scope.
I wrote a Tic-Tac-Toe game in Edge Animate, and I'd like many of my functions to be scoped globally so that I can just call them on a click action and play back the timeline once the function returns a response.
Here's a typical onclick action:
         thisSym = sym.getSymbol("b1");
         var thisWinner = checkChoice(1, thisSym);
          // problematic code
         if (thisWinner === 1) {
          sym.getSymbol("winBox").$("theText").html("X WINS!");
          sym.play(2500);
         } else if (thisWinner === 2) {
          sym.getSymbol("winBox").$("theText").html("O WINS!");
          sym.play(2500);
Note that b1 is a square on the Tic-Tac-Toe grid and checkChoice is a function I wrote in Full Code view to handle checking whether the clicked box returns a winner.
Currently, when I return a winner (1 for "X", 2 for "O") you'll note that I can go to a specific area on the timeline, dynamically update the text to say "X Wins" or "O Wins" depending on whomever wins, and then sym.play(2500) to go to the main timeline.
Here's the problem: I want to abstract the portion of this click action that comes after my comment //problematic code. What's stopping me? The ability to control the stage timeline from outside of the stage scope in the code. I can *do* all the logic and get console.log to print whatever I want, but I can't get the stage to move to 2500.
Any thoughts or advice? A good article on using custom functions in Edge Animate would be extremely helpful.
Thanks!
William

Joel,
Thanks again for your help. This is the full code as I wrote the Edge Animate Tic-Tac-Toe game (direct ZIP link):
http://scriptingmedia.org/wp-content/uploads/2014/09/aea-tictactoe.zip
The game absolutely works, but it works without playing by Edge's variable scope rules. How would you rewrite the global code to conform to Edge Animate? When I try to put any of this code in creationComplete or compositionReady the code fails completely.
If you look at "Full Code" you'll see the global variables to control gameplay (including the functions to check for winners and to toggle choices, still reporting to console.log). The gameBoard array values are removed as a board piece is picked. xChoices and oChoices store these, and the array is compared against the winners. The code works well but I feel as though implementing this in Edge could be a bit easier.
//wm
var xChoices = [];
var oChoices = [];
var gameBoard = [0,1,2,3,4,5,6,7,8];
var winners = [
[0,1,2],[3,4,5],[6,7,8],
[0,3,6],[1,4,7],[2,5,8],
[0,4,8],[2,4,6]
var turn = 0; //turn placeholder, manipulated by modulo
var youWin;
var checkChoice = function (theValue) {
         var thisChoice = $.inArray(theValue, gameBoard);
         console.log("Checking: " + theValue + " against " + thisChoice + " in " + gameBoard);
console.log("Turn #: " + turn);
         if (thisChoice > -1) {
if (turn % 2 === 0) {
xChoices.push(theValue);
xChoices.sort();
console.log(theValue + " X " + turn + " xChoices " + xChoices);
thisSym.play(1000);
} else if (turn % 2 === 1) {
oChoices.push(theValue);
oChoices.sort();
console.log(theValue + " O " + turn + " oChoices " + oChoices);
thisSym.play(2000);
} else {
console.log(turn);
gameBoard.splice(thisChoice, 1);
if (turn > 3) {
if (turn % 2 === 0) {
var theWinner = checkWinners(xChoices, winners);
} else if (turn % 2 === 1) {
var theWinner = checkWinners(oChoices, winners);
turn++;
return theWinner;
var checkWinners = function (arrA, arrB) {
var counter = 0;
if (turn > 8 ) {
console.log("It's a tie!");
} else {
console.log("Checking for win...");
for (var i = 0; i < arrB.length; i++) {
for (var j = 0; j < arrB[i].length; j++) {
for (var k = 0; k < arrA.length; k++) {
if ($.inArray(arrA[k], arrB[i]) > -1) {
if (arrA[k] === arrB[i][j]) {
counter++;
console.log(arrA[k] + " " + arrB[i] + " " + counter);
if (turn % 2 === 0 && counter > 2) {
console.log("X WINS");
return 1;
} else if (turn % 2 === 1 && counter > 2) {
console.log("O WINS");
return 2;
counter = 0;

How to close a popup using a function key in adf + Jquery

Hello All,
I want to display some error message using function key so I have used javascript function
*function showText(event) {*
var k = event.getKeyCode();
*if (k == 115) {*
------------------------------------------CODE-------------------------------------------
This is working fine on click of F4 it is invoking a popup and inside that popup in dialog it is showing some error messages. The property modal of dialog is true. So that user should not be able to navigate to main form until error message is closed.
Now on click of F6 I want that error message to be closed. When I added af:clientListener on popup or dialog type="keyDown" is not available.
So I thought using jquery for this. I have created a form.js file inside that I have written:
*$(function first()*
* jQuery('*').bind('keydown', 'F6', function (evt){closePopup();evt.stopPropagation();return false;});*
*function closePopup(){*
* alert("Do you want to close the error message");*
I have also added jquery.hotkeys.js and jquery-latest.js file.
My question here is How can i find that popup or dialog inside that jquery function and close it?
On click of F6 I am getting that alert Do you want to close the error message but after that how can I find the popup or dialog and close it?
I am new to jquery still I tried using some code:
var dialog = event.getSource();
var popup = dialog.findComponent("p1");
popup.close();
and
var output1 = AdfUIComponent.findComponent("p1");
output1.close();
and
curElm = document.activeElement;
var frm = curElm.close();
But none of them worked.
Please help
Thanks

Hi,
this whitepaper: http://www.oracle.com/technetwork/developer-tools/jdev/1-2011-javascript-302460.pdf has an example of registering keyboard keys on a global level (see page 36). So you would define a key to close dialogs in general. The paper also explains how to search and find components. Note that you should always work with the ADF Faces client side API and never against the generated markup or DOM (which in fact your code does)
Frank

How to read XSLT list item of a list view web part in SharePoint designer 2010 using jquery

Hi ,
I have a requirement to get data from one list(e.g., A) and display in some other list's(e.g.,B) custom display form(e.g., CustomDispForm.aspx).
Here I am going to do this with the help of Jquery SP Services using GetListItems(). For getting the data I need to pass two parameters from list(B), but the data is like <xsl:value-of select="@testField_"/> .
I have stuck how to pass such variables in Jquery function.
Please let me know how to achieve .
Thanks in Advance.

Follow below code to pass variables to jQuery function in xslt. It will better to use parameters.
<xsl:variable name="varTestFields">
<xsl:value-of select="@TestField_"/>
</xsl:variable>

jQueryFunction('{varTestFields}'
OR

jQueryFunction('{@TestFields_}'
Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer :)

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.

Javascript / jQuery Bug in IE

Good morning guys! Hope you're fine! I just narrowed down a problem in a web-application that is programmed in Oracle Apex and contains some jQuery/Javascript! I have a DIV that is usually invisible and displayed when the jQuery function is called. In Mozilla Firefox the code works without a problem. However, most of the users rely on IE 8, which fusses about the code and displays the DIV message constantly! The $sign in row 4 seems to be the faulty part, but is inevitable for the correct functioning of the function. Maybe you can have a look at the code and tell me how to solve that issue. Getting rid of the function is no option. there must be some way to make it compatible to the IE environment!
I appreciate your answers and am curious what suggestions you come up with!
Regards,
Sebastian
1:<script type="text/javascript">
2:        $(function()
3:{
4:        $("#dialog").dialog({ "*The $ sign in this row is allegedly the problem according to the IE debug*"
5:                        autoOpen: false,
6:                        bgiframe: true,
7:                        modal: true,
8:                       buttons:
9:{Delete: function()
10:{$(this).dialog(doSubmit('MULTI_ROW_DELETE'));$(this).dialog('close');
11: },
12:Schliessen: function() {$(this).dialog('close'); }}
13:                });
14:        });
15:       </script>
16:
17:<div id="dialog" title="Sind Sie sicher???">
18:<p>
19:<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 30px 0;"></span>Wollen Sie den Datensatz wirklich löschen?</p>
20:</div>

Hi,
Try this
<script type="text/javascript">
$(function(){
   $('#dialog').dialog({
     autoOpen: false,
     bgiframe: true,
     modal: true,
     buttons: {
       Delete: function() {
         $(this).dialog('close');
         doSubmit('MULTI_ROW_DELETE');
       Schliessen: function() {
         $(this).dialog('close');
</script>
<div id="dialog" title="Sind Sie sicher???">
<p><span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 30px 0;"></span>
Wollen Sie den Datensatz wirklich löschen?</p>
</div>BTW, have you load bgifarme plugin ?
http://plugins.jquery.com/project/bgiframe
>
bgiframe Type:Boolean Default: false
When true, the bgiframe plugin will be used, to fix the issue in IE6 where select boxes show on top of other elements, regardless of zIndex. Requires including the bgiframe plugin. Future versions may not require a separate plugin.
>
br, Jari
Edit:
If your code is in region content, place HTML (div) above javascript
Br, JAri
Edited by: jarola on Oct 2, 2009 1:05 PM

Cfdiv and jQuery

Hi All,
I have a cfdiv which is bound to a page that displays the
results of a query. on the same page as the cfdiv I have a form
which get submited using ColdFusion.Ajax.submitForm once the
process has been finished I use ColdFusion.navigate to refresh the
cfdiv to display the updated query results.
Now the problem I have is im trying to select the new item in
the query within a jquery function.
Each row in the results is surrounded with a div with a class
of .userListItem
so I use $('.userListItem:eq(0)') to select the first
occurence of a div with the userListItem class. This doesn't work
when the item is within a cfdiv, but it does work if I put the item
outside a cfdiv.
Does anyone have any ideas what the problem is?
Thanks, Richard

By any chance does anyone have an answer to this problem? I have run across the same thing.
Pages loaded into a cfdiv don't respond to jquery commands, whether I put the jquery on the parent page or on the bound page itself.
Any suggestions would be appreciated. I tried using a cflayout accordion instead, but it added whole new layers of headaches that just weren't worth any more time than I already spent on them.
Thanks for your time

JQuery Functionality

Similar Messages

Maybe you are looking for