Noob question - jquery.js not allowing a plugin to work
I'm using artisteer to generate a web template. It uses the jquery.js to manage the top horizontal menu bar. I'm trying to utilize the "plugin" PicasaViewer 2.0 Its not working. I've trouble shot it down to the jquery.js line of code. If I remove it, Picasaviewer works fine but I loose some formatting to the menu bar. If I keep the jquery in, the plugin doesn;t "grab" the photo galleries from my picasa account. I can't even begin to understand the jquery script and am wondering if someone could
slideto div on page load
I'm probably being thick and missing an obvious way to do this, but using the slideto plugin (http://jesseprice.com/jquery-slide-to-plugin/), how can I execute this when the page has loaded, to slideto a particular div halfway down the page? I'm sure I need to use $(window).load(function() { }but I can't think how to just say to slideto() without an event trigger? Any help appreciated. Thanks, Ed Ludlow
using 2 jquery (slide) in one html
Hello, I want to use 2 different jquery plugins on the same page for a website I'm making. At the moment I can only seem to get one working at a timebut not both. i guess that cause there are 2 differents versions of jquery?! I have no experience with javascript. I'd be eternally thankful if someone can help me. Thank you in advance Here is the seperate code for each: Slide panel <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="imagetoolbar" content="no"
I need some help getting jqgrid displaying json
Here is my jquery: <script> $(function () { $("#list").jqGrid({ url: 'http://localhost:60418/grid/data', datatype: 'json', mtype: 'GET', colNames: ['Inv No', 'Amount', 'Tax', 'Total', 'Notes'], colModel :[ {name:'invid', index:'invid', width:55}, {name:'amount', index:'amount',width:80, align:'right'}, {name:'tax',index:'tax',width:80, align:'right'}, {name: 'total',index: 'total'}, {name: 'note',index: 'note'} ], pager: '#pager', rowNum: 10, rowList: [10, 20, 30], sortname: 'invid', sortorder:
jquery inputmask breaking change
We using jquery inputmask plugin and have a following code fragment: $('input.maskedInput').focus(function () { $(this).mask("999-999-9999"); }).blur(function () { var numbers = $(this).val().replace(/-/g, '').replace(/_/g, ''); $(this).val(numbers.toString()).unmask(); }); This worked perfectly fine with jquery 1.3.2 but stopped working when upgraded to 1.8.2. No errors but unmasking just does not occur. Is there anything that need to be changed
Setting programmatically max value of slider
Hi all, depending on which radio button is pressed, I want to set the max value of a slider dynamically. It seems, that: - when I click a radio button, setSlider is called twice - the max value does not change at all Here's the code: $(document).ready(function() { $("input[name='Periode']").click(function() { setSlider($("input[name=Periode]:radio:checked").attr("value")); }) }); function setSlider(id) { var intHours = new Array(24, 24 * 365/12, 24 * 365/4, 24 * 365); alert(id); $('#page').page();
datepicker UI beforeshowday equivalent in keith-wood datepick
Hi All, I am currently using keith-wood's datepicker for multidate selection. Also i saw many features added in this datepicker. Now i need "datepicker UI beforeshowday equivalent in keith-wood datepick". I googled regarding this. some say that we can use onDate function. but how to use it.? can i please have an example for that..? i need this to enable only specifics dates in array. please help me on this.. Solution: I should have worked out this way before. But anyway i got a
jQuery Pagination plugin 'page' option
I am having trouble with the jQuery Pagination plugin 'page' option (http://www.xarg.org/2011/09/jquery-pagination-revised/). It still fetches page 1 even when it is set as 'null'. Any help would be appreciated $('#SpamShortcutForm').ajaxForm({ //submit shortcut form success: function(results){ //console.log('<?php echo $this->Paginator->counter(array('format' => '{:count}')); ?>'); $(".pagination").paging(results.pcount, { format: '[< ncnnnnnnnn! >]', // define how the navigation should look
Passing dynamic data with Jquery Form Plugin
I'm using the Jquery Form Plugin to submit a form with ajax on my wordpress site. I grab most of the fields from input data which is easy enough to process using $_POST but I need to add an extra array of data that I populate with jquery and then I need to send it with the formData so I can grab it in my php function that processes the form. So something like this. var options = { url: ajaxurl, beforeSubmit: validatePost, success: showResponse, type: 'post', data: { action:'process_'+ editType +'_edit_form',
jquery ui accordion need different actions for link vs. icon
I'm trying to use JQuery UI Accordion for a multi-level menu, like a Superfish menu, but with vertical accordion presentation instead. For example:- Home - Products - - product category 1 - - product category 2 The 'main menu' level items are linked to the corresponding page, so in this example, 'products' is linked to the 'products' page. In the accordion menu, if you click the '+' to open the 'products' menu, the 'products' link is activated and you are taken to the 'products' page. This seems
combining lazy loader and animated scroll to anchor
Hi, I am new to jquery and I really need help. I am using lazy loader from this site http://andersonferminiano.com/jqueryscrollpagination/ ,and I want to add animated scroll to anchor to this. It means that I have to jump to a div that's not has been loaded yet, and I can't make it work. Can any one can help me out? Any help will be appreciated!!
Jquery validation remote rule
Hello there, im have a problem concerning jquery validation using a remote rule. The value of a text input cant be accesed from within .validate() part of the html form .... <div class="fieldgroup"> <div id=inputs>Username</div> <input type="text" id="UserUsername" name="data[User][username]"> </div> .... jquery validation: $(document).ready(function() { $("#register").validate({ rules: { "data[User][username]": {
jQuery Cycle and custom pager navigation
I'm using jQuery cycle to scroll between div's on a single page site. Using hashes in the anchors is not working, as I think cycle is preventing the slider changing. The markup looks like this; <nav> <ul> <li>Our challenges <ul> <li><a href="#explore">Government Current & Emerging Policy</a></li> <li><a href="#industry">Industry Challenges</a></li> <li><a href="#bis">BIS Objectives</a></li>
Dotdotdot.js after and callback features - can't hide a link
Greetings, I'm trying to use dotdotdot.js to ellipsis-truncate text in divs and other containers. Using dotdotdot I can specify a container I want to receive ellipsis-truncation: $(document).ready(function() { $(".truncated_box").dotdotdot({ after: "a.readMoreLink", callback: hideLinkIfNoTruncation }); }); dotdotdot will truncate text inside containers with class truncated_box, and add an ellipsis and a link with the class readMoreLink. However, a.readMoreLink
TableSorter doesn't kick in
Hi, I'm still getting used to JQuery and tablesorter so this is probably really stupid but I can't seem to figure it out. I have a simple table and I am applying TableSorter to it but the table is not becoming sortable. You can see the problem at http://www.bcconsultingservices.biz/test1/test.html. When I view source, I see everything in the right place. It is picking up the css just fine but it is not loading the JS even though the links to the js work fine when I click on the in View Code (firefox).
jqGrid cant get started with it
I have installed jQuery, jqGrid a customer ui with the corresponding theme. I have checked to make sure JQuery is working and that my links are correct. I'm a bit of a noob, so any help I can get will be much appreciated. I was thinking that at a minimun, something should appear, some default empty grid or what, on my test page after getting all pieces in place. Is that even close to right? My test page below contains some links to some home made js as a check for the links a jQuery call
Gridster Plugin new items added to the right instead of bottom
Hello there, so i am using this plugin http://jsfiddle.net/maxgalbu/UfyjW/ …(its a modified version of gridster) and i would like to know how i can change it to expand to the right when new items are added...when you add a new item it gets added to the bottom and the rows increase...but the number of columns is fixed..i would like to make it like the windows start screen when you reorder stuff...
datepicker & IE8
Hi everyone i'm developing a facebook app and i've some trouble in using it with IE8. The idea is that i have to develop a form, that has got 3 datepicker linked to 3 input text. In firefox, safari and chrome this app works well, but in IE8 the calendar doesn't appear when i click in the input text. I don't really know what to do to make it works. In attach you can find the source of my app. Thanks to all Gaetano
jquery auto slide for this slideshow ?
Ok I downloaded this slideshow and I want to add a Autoslide on my slideshow can someone please tell me how to do this Please download this rar for the slideshow and put it autoslide please.
getting a mega menu item(li) to drop down to show on home page
Hi I am using mega menu on a wordpress site. I'd like to have the first menu item display it's drop down contents on the home page and also for the the hover state to be active. What I need to do is switch the classes on the menu item 245 to it's hover state and to load the nested ul into the subcontainer div. The nested ul and li's of the submenus don't seem to load until the top level item is clicked but I could be wrong. Thats how it looks in firebug anyway. here is the default state: <li id="menu-item-245" class="safety
Jquery Date Range for Internationalization
Hi, I am using date range picker to select date range to display report for a given time frame. This works great for english site. Now I want to see if I can use the same plugin for international date formats like arabic, brazil, Great Britain and French. Please help, and a sample code will be really helpful. Thanks.
facebook like box for blogger using jquery with delay
Hi All, I am using below code for displaying facebook popup like box for my blog.Currently it displaying as soon as somebody open my website.I would like to display the popup box after 3min.can somebody help to edit this code to achieve this below is my code <style> #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;}
Cycle: How to delay click functionality...
On my slideshow, if the slide is clicked it will pause. But I want to delay the ability to click-to-pause until after the first slide transition. Right now the "#slideshow" div is clickable as soon as the DOM is ready; too soon for me. An abridged version of what I have now: $(document).ready(function(){ $('#slideshow img').toggle(function() { $('#slideshow').cycle('pause'); }, function() { $('#slideshow').cycle('resume'); }); $('#slideshow').cycle({
A new tag manager
http://soliantconsulting.github.com/tagmanager Tom
Having trouble using Cycle Plugin to make a clickable slideshow
Hi, am very new to jquery...am wanting to use the Cycle plugin to set up a clickable slideshow, which will advance *only* on click. I believe I would use this option but am not sure how to set it up: prevNextEvent:'click.cycle',// event which drives the manual transition to the previous or next slide Here's the code I've been trying to use, but it's still progressing automatically. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <!-- include
How can I scroll to top of upward opening accordion content after it opens?
So I have an accordion whose head is positioned at the bottom of a slide in a slideshow. When clicked the content opens upwards but if on a small screen, like a phone, the top of the content overflows to the top and will require scrolling up. I'd like to have it scroll up automatically after it opens. Here is the link, the accordion button is EXTRA at the bottom, http://apps.rcu.msstate.edu/connections_online/test/stories/10/index.html Any help is much appreciated, Joey
onfocusout disable onsubmit?
'll describe and post the code. Like you can see in the post above, I have three textbox, but only one can be functional at the time. And I need that the validation occurs only on submit and only with one button. I added everything they say we need, like Class cancel to the buttons I don't want to do validation. And I addedonfocusout:false, and onkeyup:false to make only theonsubmit validating. If I put onfocus: false, don't do any validation at all. And the class don't cancel the validation. Don't
Carousel like Carousel Evolution from Codecanyon
Hello guys, I'm from Brasil, so please apoligize my english.I need Help to make a Carousel like this http://codecanyon.net/item/zoomshowcase-a-jquery-banner-rotator/full_screen_preview/302047 (but jast with images, dont need of descreption now.).I make a implementation but the animation is not very good. Please if you have a answer for this question help me.i have one plugin that make something like this, but when i put the site up( whith other javascript codes that i need - things of the system
Making an image a link when using the Cycle Plugin
Hello, I am trying to figure out how to make an image a link when using the Cycle plugin. If I surround the image with an anchor tag <a href... that image will not appear in the slide show. What am I missing? Thanks for your time :) Sample of what I am doing that doesn't work where I add an <a href .... <head> <!-- tutorial from this website http://www.malsup.com/jquery/cycle/int2.html--> <style type="text/css"> .pics { height: 584px; width: 360px; padding: 0; margin:
jcycle plugin - adding a title to the cycling images
I've built a slideshow with images (with anchors) as the nav. And now i'm trying to add a caption to the main image. But it's not pulling in the text. The images and the nav are cycling quite prettily, but the <div id="caption"></div> isn't being filled with the alt text of the image. $(document).ready (function (){ $('#slideshow').cycle({ after: addCaption, fx: 'fade', speed: 'fast', timeout: 3000, pager: '#nav', pagerEvent:'mouseover', pagerAnchorBuilder: function(idx, slide) { // return selector
Clearing Validation Error Messages when the control is disabled : jQuery Validation Plugin
Hi all, We have a address section which can be disabled and prefilled based on the radio button selection. The issue which we are facing is: Initially the controls are open and editable and when we click submit button on the page, the controls are getting validated and the error messages appear next to the control At this time if the user clicks the radio button which prefills the address section and disables the controls in it, the error message still appears next to the controls, which is not
cycle - activate misc function on mouseover
Hello, I'm attempting to combine malsup's Cycle plugin with Jack Moore's zoom plugin. I'm able to get both working just fine on their own. The thing is that I'd like them to work in tandem as such: - cycle cycles through image by default - if user mouseovers image, zoom activates I suppose the more specific question is - how can I add a miscellaneous function to cycle? Here's what I have so far: <script type="text/javascript"> $(document).ready(function() { $('.cycle').cycle({ fx: 'fade',
TableSorter with defined width columns
Hi, I would like to go on using TableSorter plug-in with Pager companion for formatting tables but I also have, in some cases, to defined the width of each columns. I tried to find a solution in ancient posts but failed, so here is the solution I purpose. Nevertheless, if another more elegant solution has been provided, I would adopt it straight away. In the function buildHeaders, I check if a width parameter has been provided for the column and, if it has, I set the css/width property. That is,
New jQuery messing up a plugin needing an older version
Hello, I am currently trying to implement the Better Coda Slider in my WordPress header (NOT as a WP plugin). It works alongside my other plugins in Chrome and IE (more or less) but in Firefox, it falls apart. Better Coda Slider uses jQuery 1.2.6 and works just fine in all browsers (see: http://jqueryfordesigners.com/demo/coda-slider.html) Without jQuery 1.2.6, it resorts to being a scrolling inline frame, which I don't want. See here for my usage of it: http://www.monwho.org/registration/ (Yes,
Jquery Cycle + preload with image
¡Hello guys! Im using cycle in order to show an slideshow of images, but I need to preload the images with a loading.gif. I tried a lot of options, but anyone works well. Any idea? Thanks in advance.
Combine jQuery Form Validation Plugin + basic captcha scheme?
Hello I'd like to use a simple JavaScript anti-spam scheme and found this one that requires the user to add two numbers. Problem is, I'm no JavaScript expert and don't know how to have the jQuery plug-in go on validating the form once the user has answered the math question successfully: <html> <head> <script type="text/javascript"> var a = Math.ceil(Math.random() * 10); var b = Math.ceil(Math.random() * 10); var c = a + b function DrawBotBoot() { document.write("Résultat
Links on the Cycle Plugin
I'm using the Cycle plugin and it's working great and I even got links to work.. the only thing is that the slides (invisibly) with the links somehow extend to the left and outside of its' element blocking the nav menu. It only happens on the linked slides. You won't see it in the updated browsers but IE8 shows it. Either way while the linked slides are showing you won't be able to use the nav menu on the left. Site: www.thesarahgracefoundation.com Thanks heaps for the help!
jQuery Stop Watch
So i have been using jQuery Stop Watch to for a project that i need the user to be able to see how long they have been on the phone with a client but after they change pages the timer reset back to zero... Is there anyway to prevent this with out using PHP or something else to store a session? I am coding just the front end for this and i am not even sure what the backend will be but most stuff around here is Java which i know nothing about. here is my script for the timer... $(document).ready(function()
jquery infinite carousel plugin
Hi all, i use the jquery infinite carousel plugin. http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-infinite-carousel-plugin There are functions in the object like pause(), stop(). I would like to use them for stopping the carousel if the user clicks a button. But I simply dont know how to access them. Perhaps s.o. here knows how to create an instance to use the functions of the object. i tried severel things like that: test=$(function(){ return $(‘#carousel’).infiniteCarousel({
Due to jquery mb.extruder, opened dialogs are not model and user can click on extruders
Hello, I an creating a html page using jquery mb-extruder. I am facing one issue for jquery Model dialog. I have scenario as follows: I used extruder that is open from right side, that extruder panel contain button. When user click on that button I open a model dialog. Here problem is that when model dialog is opened, I am able to click on extruder panel that should not be happens in case of model dialog. So plz can any body help me to solve this problem.
Next Page