Updating options for jQuery cycle plugin dynamically
I wrote a WordPress plugin that uses the Mike Alsup's Cycle plugin for jQuery to build an image slideshow. I've got the basic options down pat, but I wanted to get more advanced and I'm stuck. My problem is that I need to pass options dynamically to Cycle depending on the plugin configuration - which can change multiple times per page. An obvious example is adding a play button: I would like to initialize a particular instance of Cycle with a timeout of 0, but if someone hits the play button, I'd
I can't get the following code to work. Can somebody please take al look? thx!
I want to change the content of a div with an interval. But I can't get the code below to work. I know I am close and need a for loop or something that updates the imgArr[i], but I just can't figure it out. code: $(document).ready(function(){ var imgArr = new Array( 'Welkom bij MD Fantasy', 'Nagelstudio', 'Haarstudio' ); var intID = setInterval(changeTekst, 15000); function changeTekst(){ $('#mainTekst h1').animate({opacity: 0}, 1000, function(){ $(this).html( imgArr[i] ); }).animate({opacity:
Image viewer doesn't work on first click - but does on subsequent attempts.
I'm using the following code $(".photo img").click(function(){ var title = $(this).attr("title"); $("#display").attr({src:"photo/"+title+".jpg"});}); $("#display").css({"marginTop":"-233px"}); $("#lightbox").css({"visibility":"visible","z-index":"3"}); $("#lightbox").stop(true, false).animate({opacity:1},800); }); The idea is that whenever a user clicks on a thumbnail image which is a descendant of a DIV with the ".photo" class, the title attribute of the thumbnail image (which is just a number)
cluetip - What am I missing?
I'm missing something about cluetip (or plugins in general -- jquery newbee here). Why doesn't the following code pop up the cluetip? <%@ Language=VBScript %> <% option explicit response.buffer=true response.expires=0%> <script type="text/javascript" src="/scripts/jQuery.min.js"></script> <script type="text/javascript" src="/scripts/jQuery.cluetip.js"></script> <script type="text/javascript"> $(document).ready(function(){ //Setup cluetips for the keyword descriptions $('a.tips').cluetip();
jQuery Mobile and Zoomooz
I am trying to use zoomooz and jquery mobile together but it isn't quite working. Thought I'd see if anyone out there has tried and succeeded or has got some traction. It seems to me to be something with the url management (hash tag)??? Any one have any ideas why they wouldn't work together? Any help would be so appreciated! Cheers
How to get parameter in post
Hallo all. Is there a way to intercept the post parameter in a similar way this plugin do with the GET params? http://www.mathias-bank.de/2007/04/21/jquery-plugin-geturlparam-version-2/ Kind regards Massimo
Help: Pass filter information in url
Hi, i have a filterable portfolio like this and i have a page where i say what i do called "info". I need a link on "info" page to the portfolio page that shows only one of the portfolio category. it is possible? I hope I was clear. regaerds Mattia
Link to a filtered page
Hi, i have a filterable portfolio like this and i have a page where i say what i do called "info". I need a link on "info" page to the portfolio page that shows only one of the portfolio category. it is possible? I hope I was clear. regaerds Mattia
Why my input field value doesnt update??
Hi Guys, I am very confused with a project that i'm working on. Basically you add an item to the cart by pressing BUY SILVER-BUDDY NOW then in the cart it shows the item and quantity of 1. If i click the BUY SILVER-BUDDY NOW again it shows there to be 2 and the price increases. GREAT that works and sends the correct quantity and price to PayPal. BUT if i have one item and then use my numeric stepper to increase the quantity and price for some reason it doesn't update the cart it only masks the quantity
looking for slideshow plugin for complicated crossfade with intermediate image
I'm looking for a way to get this to work: When clicking through images on my site, I'd like to have an intermediate image appear (in this case, a graphical shape). This graphical shape should appear fully on-click on top of the 2nd image and then fade out, with the 2nd image fading in. Here's a simple visualization: http://ou812.bplaced.net/jquery/crossfade_cut_into_shape_then_fade_out_shape.gif Basically I want a clear cut to another image with that shape on top of that image. Then the shape
copy certain text from a div to another div
Hi, I want to be able to copy certain text in a div class and copy it to another div. The div in question gets automatically generated by a wordpress plugin, and its called either .rating inactive or .voting. The text that gets generated is called, Rating: 4.5 / 5, i only want to be able to pick up the rating given by the user, in this example 4.5 then copy it to another div. It needs to do it automatically, with no onclick etc. Ive got a image attached to show you. How can i do this i havent got
changing text works, except for buttons
have a simple form. pretty much copy paste from the documentations. I can change the text of any element on the page, except my buttons. $('label:first').text('asdf') [ <label for="user" class="ui-input-text">asdf</label>] $('button:first').text('asdf') [ <button name="action" id="btnLogin" value="login" type="submit" data-theme="b" class="ui-btn-hidden" aria-disabled="false">asdf</button>] The above code is from my chrome javascript console. it does return the button object with the
Passing information to a .click function
I'm a JavaScript beginner but completely new to jquery - I have a basic understanding of selecting elements and performing manipulations or effects, but I'm having real trouble grasping the basics of setting up variables, performing maths on variables and biggest of all, how you go about passing information from the HTML into a jquery function. I have a site where clicking on any photo thumbnail brings up a full-screen lightbox to display the image full-size - I'm using the following to bring in
tap event causing page load when returning false from function
Hi, I have an unordered list like so: <ul class="std"> <li><a href="pathtolargerimage"><img src="pathtosmallerimage" /></a></li> <li><a href="pathtolargerimage"><img src="pathtosmallerimage" /></a></li> </ul> I am using the tap event to display the larger image in a placement holder on the page The problem is that very often, I am receiving "page loading" which is not the expected or desired outcome of this code... have tried using $.mobile.pageLoading( true ) to suppress loading, but to no avail.
hoverscroll scrolling 2 unsorted lists at the same time
hi, im trying to make a website with a scrolling horizontal menu, for that im using http://code.google.com/p/hoverscroll/downloads/list i got it to work and the menu scroll`s but i want the upper menu to scroll in sync with the bottom on. so they need to be linked is that possible? i tried the following but that didn`t work <script type="text/javascript"> $(document).ready(function() { $('#my-list','#my-list2').hoverscroll(); }); </script> thanks guy`s!!
FireFox 4 jQuery.get() opens in window
Hi all, Environment: FireFox 4, Windows 7 Url: http://www.bru.gov.mt/calendar/ What I do: Click on the previous month. What's supposed to happen: An AJAX request gets sent, returning the HTML of the table for the previous month. What actually happens: Immediately after the get request is sent (~ln 250), the browser just goes to a URL that I'm not even sure where it comes from. This code is actually part of an Event Calendar plugin for WordPress. This works in FF < 4, IE 8. I've also posted it at
Jquery autocomplete list results disappers in IE
Hi, i have a problem with the jquery autocomplete on IE. When i use the page scrollbar the results list disappers. maybe it's a problem on focus.
Div Redirect
Hi Can anybody help me out for my issue, Thanks in advance for your reply and please sorry for my English Issue I've created singlepage website using jquery in that A,B,C,D,E,F,G,H....these are all the div's which used i need if i select div E, it should show the details of that, and its doing good too, but my issue is after 30 second later automatically div E should moved and DIV G should appear without click or do anything. in simple says it should like redirecting a page, here instead page DIV
Bad tap behavior on form select
I am building a Rails 3.03 application using jQuery Mobile 1.0a3 to render mobile views. I look at it in Safari on an old 1st-generation iPhone. I have a collection_select in one of the forms. This renders a touchable control that looks like a button, which opens a pop-up select element with the list, so the user can select the option/value. So far, so good. The problem… If I tap the rendered button with just a quick tap, the select list will pop-up then immediately disappear (with no option/value
getting the next 'select' item
Hi, I have a little problem with getting the next 'select' item in a table. I have my html code like so: <td><select name='client' id='client' onchange="populateProjects(this)"> <?php foreach($clts as $row) : echo "<option value=".$row->client_id.">".$row->client_name."</option>"; endforeach; ?> </select> </td> <td><select name='project' id='project'>
validate: Form not validating properly
Hello, I have created the following form with rules etc. but the numberDE does'nt seems to be working. It submits the form when a valid number or float number is not specified. I am not sure what I am doing wrong. <script type="text/javascript"> $().ready(function() { $("#frmAddProd").validate({ rules: { prod_code: { minlength: 3, maxlength: 6 }, prod_name: { required: true, minlength: 3, maxlength: 30 }, prod_description: { maxlength: 245 },
jqMobile 1.0a4: slider not updating properly
Hi, To reproduce: go here and click on "Settings". See the slider at the top. Click the little up/down arrow buttons. The number to the left of the arrows changes. Expected result: the slider knob on the right should also move, in sync with the numbers. Actual result: the slider knob does not move. Consequence: the slider knob is out of sync with the numbers. Note that the slider knob does move if you use the up/down arrow keys. It is the arrow buttons that fail to update the knob position. Using
Urgent Help with Jquery Slide Show
I have spent the last 52 hours on and off trying to figure this out. I want to display a sideshow on my website and below is the code I used. I uploaded the code and it show a blank page. The following are the .js files I also uploaded on the server: jquery-1.2.6.min.js jquery-1.3.js jquery.cycle.all.js jquery.cycle.all.min.js jquery.cycle.js jquery.cycle.lite.js jquery.galleryview-3.0.js Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Lazyload doesn't load the above-fold images in IE7.
Hey, I installed lazy load and everything works perfectly everywhere except IE7. In IE7 all the images load properly except the ones above the fold which never load at all. So the first four never load. My code is petty standard...any thoughts? JS: <script type="text/javascript">$(function() {$("img").lazyload({placeholder : "/img/transparent.gif"});});</script> HTML Excerpt: <img class="gallery-image" original="/uploads/large/110120-125954_DSCF4560JPG.jpg" />
The layout collapses when returning from the dialog.
When coming back from the dialog, the main page's layout collapses. Some DOMs of the main page is created dynamically(the dialog is created statically). Please tell me how to deal with this. (Or is this a bug of jQuery Mobile ?)
help .html() to show results from ajax call
In the code below I am trying to show the echo statement from a php file. The ajax call works when I use the alert(), but I am trying to put it in a div tag but not working. Help?? $(document).ready(function(){ //$('#email_error').hide(); $('#form').submit(function(){ var email =$('input#email').val(); var new_password =$('input#new_password').val(); alert(new_password +'and'+ email);
Cannot use JQuery Form Validation Plugin in custom way. ( Beginner )
I am using this jQuery Form Validation Plugin : http://bassistance.de/jquery-plugins/jquery-plugin-validation/ But unable to get proper tutorial to use it in custom way. E.g : I have written a custom form below.. My Query is how can I control validation on a form element. Say in the following textbox named txtPaymentFirstName only Alphabet and space allowed, no special character or numbers allowed , how to do that? Also I want only in the following textbox txtURL, valid URLs will be written, how
Dragging - change the slideshow image, howto?
Am trying to make slides changes on mouse drag. Can anybody point me, maybe is any one working slide show? Need slides be changed without effects, just one after another ... Basicly - want click one button of slideshow on drag left, another - on drag right ... Thanks you All!
Loading the genarated head of a php page with help of ajax
Hello everybody, could anybody tell me, how to load the head of some php page per ajax. I need this cause i'm using a cms. And if i do not reload the new generated header on my page, some functions which uses javascript, doesn't work properly. Please help me! regards dennis605
Adding an extra list item at the end
So let's say I have a list <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>So, when the page is finished loading, I want jQuery to add an extra list item at the end with a classname: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li class="classname">Item 3</li> </ul> How cand I do it ? :D
Conflict with using 2 of the same Jquery LSliderNews plugin on the same page.
This is the page: http://woundedwarriorsinitiative.com/sponsors.php The bottom one works fin, but when you select the thumbnails on the upper one, it changes the images of the bottom one, instead of its own. How do I fix? I am new to jQuery. This is my run script: <script language="javascript" type="text/javascript" src="lofslidernews/js/jquery.js"></script> <script language="javascript" type="text/javascript" src="lofslidernews/js/jquery.easing.js"></script> <script language="javascript" type="text/javascript"
Cannot remove back button
Is it possible to remove / hide the back button of a list page that is nested inside of a listview? I have a page with a <ul data-role='listview'>. Each item in the list view has a nested list, which results in a new page when the user selects an item from the first page. While I can disable the back button from the first page by using the data-backbtn='false' tag, how do I remove the back button from the child form? As an alternative, I could disable the title bar from the child form, but I can't
Passing Created Table Row and Data back from ajax call
I am trying to figure out how to pass the html back from an ajax call let me give a couple snippets jquery call <script> function add_reminder_row(){ var rrr=confirm("Please Confirm Reminder Addition"); if (rrr==true) { var MyData=''; var db ="<?php echo $_SESSION['db']; ?>"; MyData=MyData+'db='+db; var debug="0"; if(document.getElementById('debug')){ var debug = (document.getElementById('debug').checked==true ? "1" : "0"); }
Grabbing span value
I have the following code, it's a custom drop down menu... I want to check that the value is not empty, how do I grab the value between the <span> tags? I tried this but it no worky... var storeType = $('store_type_list dt a span').html(); <dl id="store_type_list" class="dropdown_store_type"> <dt> <a> <?php if (isset($_SESSION['tmpStoreType'])) { echo '<span>' . $_SESSION['tmpStoreType'] . '</span>';
jqtransform Drop down loses CSS properties if I add multiple="true" to the Select Inputy Element
A site I'm working on uses JQTransform. I need to change the option of a drop down list to allow the user to select multiple options from the list. When I add multiple="true" As in: <select name="example[]" id="example[]" multiple="true" > I lose all the css properties of the drop down box. Is there a work around for this? I googled for a solution but came up empty.....
Not serializing my forms data
I have no idea why its not serializing my form's data. <?php require ('php/bios.php'); ?> <script type="text/javascript" src="forms/edit/js/bios.js"></script> <!-- Title --> <div id="title" class="b2"> <h2>Character Management</h2> </div> <!-- Title --> <!-- Inner Content --> <div id="innerContent"> <form action="#" id="bioForm" > <?php while ($row = mysqli_fetch_array($groupsResult, MYSQLI_ASSOC)) { echo "<fieldset> <legend>" . $row['groupName']
validate: Message coming at wrong position
Hello, I am new to validate plugin and its working. I prefer the metadata format but in checkboxes the error message is coming at the wrong position. How to fix it ? My code is following: [code]<html> <head> <title>Welcome</title> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="../js/jquery.validate.min.js"></script> <script type="text/javascript" src="../js/jquery.metadata.js"></script> <script type="text/javascript"> $(document).ready(function()
Passing variables via json.parse
Hi guys, Hopefully this is the place for this. I am pretty new to jQuery so bare with me please. I have a wordpress site with dropdown menus that currently are working with jQuery, now the issue is when trying to dynamically update the menus and parsing it with json.parse. For some reason I am not getting any data back of the following code (if I try to alert (data) I just get a blank box). function waitGoUpdate() { var $jQ = jQuery.noConflict (); $jQ.ajax ({ type:
mininification and license blocks?
Ive been experimenting with minification engines (jsmin - the php build) that can serve up minified js/css to the broswer on the fly. I have all jQuery UI widgets/interactions/effects as separate files. I am them having my backend scripts combine the neccessary ones I need for a page, minify them and then send them...There by limiting the number of http requests and size in general. ...I don't need the whole UI suite if I'm simply using one or two effects or widgets. - ya know? The problem is
UI Dialog with *no* styles
I'd really like a UI dialog that doesn't have any CSS styling rules at all -- just jquery code to launch a [modal] dialog window using a div that I create with my own code and styles of my app. Keep the same events and methods so I can hook up my own close button to the close() function, etc. Does anyone else find the need for this important? It's such a huge headache to deal with overriding all the jquery-ui styles for this UI dialog box. I just want to use my own look and feel. Let me hook up
Next Page