What is {% %} and {%= %}?
Hi, I've come across some browser side code that looks like {% %} or {%= %}. To me this looks almost like jsp but using '{' instead of '<'. Does anyone know what this is? I've tried searching for it but unfortunately search engines consider it all punctuation and ignore it. Thanks for your help in advance!
Form post problem because of ajax navigation using asp.net mvc with jquery mobile
I have a login form in the inner pages but because jquery mobile uses ajax navigation i am not able to post that form when the page is ajax loaded...but if i put rel="external" in the login link at home page the login form is posted easily but than i lost the cool features provided by jquery mobile ...Is threre any way to post the form while not using rel="external" at the home page........Please suggest
jFlow - Multiple instances on one page: Is it possible?
Hello, I'm trying to get jFlow to initiate on multiple sliders on one page. It's proving to be an absolute bitch :[ This is my script at the top of the page: <script> $(function() { $("#controller").jFlow({ slides: "#slides", width: "640px", height: "360px", duration: 600 }); }); </script> <script> $(function() { $("#controller2").jFlow({ slides: "#slides2", width: "640px", height: "360px", duration:
Newbie, question Autocomplete remote datasource
Hello there. I just can't figure out how i can make the autocomplete (with remote datasource) show more than one json data-field suggestion in the textbox. I want to show the city, state and country fetched from my database. I use the same code as in the example for "remote datasource". The database works, the output is valid JSON, but the coding in jquery isn't working. I tried to combine the examples for "remote datasource" and "remote JSONP datasource" but to no succes. If it's not to much trubble
jQuery and google map, using jMapping plugin but need some guidance here
Hey Guys, I am using this neat jMapping plugin and here is their demo http://vigetlabs.github.com/jmapping/examples/ajax_update.html which shows how to plot various points onto google map based on the values in the div tag. I want to make it dynamic so that when I pull out the postcode data from the database, it dynamically works out the lon and lat values so that I can insert it in the jMapping div tags, which will then plot the points on google map I am not sure how to do this, could someone please
Ui Dialog Position in Webkit (banging head against wall!!) kinda solved but still not sure why.
I figured out that just by setting position: absolute; in the stylesheet it carries over to the dialog once it is created. The dialog having absolute positioning on it solved the left position problem for me. I just don't understand why. Is that a bug in webkit or jQuery UI that it needs to be absolutely positioned in order to calculate the left position correctly? Anyone know about this? As you can tell from the post title I have a webkit problem. I have pretty straight forward code for this and
Jquery support for mobile phone?
Can any one tell me about jquery support for mobile phones
Why won't this sound
I can't figure out how to use this... or any of the plugins for that matter. Where is some documentation or some kind of "how to" for setting stuff up??????? This is soooo frustrating and I don't know where to seek help. I want to play a short wood block sound on mouseenter so need to trigger a sound file blox.swf. I'm looking at: jQuery Sound Submitted by Digitalxero on October 4, 2008 - 11:22pm This is a simple sound player, it uses flash to play the sounds, but DOES NOT provide a flash interface
Any help on identifying a plugin?
Hi there, New to jquery but really want to get learning. Have had a look around at some galleries/menus etc and I was just wondering if anyone was able to tell me the plugin TBWA might have used on their website? Thanks in advance.
How can I add a value to an form input field
Hello I have this script where i call a jquery ajax to calclate something and then put it back in the form input so then i post everything to a php script where it insert it in mysql database. Here is the script : <!--Date/Time Picker --> $(document).ready(function(){ $("input#dep_d").AnyTime_picker( {format: "%Y-%c-%d", labelTitle: "Date"}); $("input#c_off").AnyTime_picker( { format: "%H:%i", labelTitle: "Time", labelHour: "Hour", labelMinute: "Minute"}); $("input#c_on").AnyTime_picker(
Custom validation (Regex) does not work test method undefined
Hello, I created a custom validation like this <script type="text/javascript"> 141 $( 142 function () { 143 $('#uiGSMnrs').focus(); 144 145 jQuery.validator.addMethod( 146'regex', 147function(value, element, regexp) { 148return this.optional(element) || regexp.test(value); 149}, 150'Waarde niet geldig' 151); 152 153$('#SMSForm').validate({ 154 rules: { 155 uiGSMnrs:{ 156 required: true, 157 minlength: 10, 158 regex: '^([+]?[0-9]{10,14}[;]?)+$' 159 }, 160 uiBericht:{ 161 required: true, 162 maxlength:
JQuery Validation Plugin addmethod
I have make addmethod for Validation Plugin but is always showing true. I don't what is the problem. I cheked in Firebug it is returning correct result and also sending correct text. But still companyNameCheck method behaving wired. Following is my JQuery Code $("#frmCompany").validate({ rules: { fvCompany$txCompanyName: { required: true, companyNameCheck: true }, fvCompany$txTelephone1:
please help with this alert message
Hi, I am trying to determine why my success message doesn't display for a form with PHP/MySQL, even though the data does get submitted correctly. I am alerting the data and get this output - [object Object] not sure what this means? I should be getting data ==1. [code] the entire AJAX/JQuery code is below. $(document).ready(function() { contact.initEventHandlers(); }); var contact = { initEventHandlers : function() { /* clicking the submit form */ $('#send').bind('click',function(event){
Javascript not working when using transition
Hello guys, am facing a problem using jquery. Indeed it is a powerful tool but the problem is when i am using the transition, in this case it is hash transition, the javascript does not work. Please help me
How to submit a form using ajax jquery.
Hi, I would like to know how you can use jquery ajax to submit a form without refreshing the page. I do know about the serialization function but would like to see an example of what is submit(). I currently tried to get my form working but but can't get it to work meaning to submit something from the form.
How to Store The $.ajax Response in Some Variable Please Help me ......
Hi guys Please Help me I am facing problem that how to get the result of the Ajax Response in some variable i am using the following code AjaxGet = function (url) { var result; $.ajax({ type: "POST", url: url, param: '{}', contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { result = data; } }); return result; } Now from above code i want to store the result in some varialbe like below, PM =
hey Jquery Ui not working
Hey, i'm currently learning how to use j-query but i'm a little stuck. I was trying out J-queryui and it doesn't seem to work. This is what i did (below) I went on this site and viewed source. Copied all of that put it on a html file (http://jqueryui.com/demos/tabs/) [xhtml] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;
Load HTML into a DIV and then use Dialog from loaded html
I have a page where I do: $("#pendingEmployees").load('pendingemployees.php?randval='+ Math.random()); This loads a small list into a small box on a much larger page. Once the list is there, I want the user to be able to click on an item in the list and have a UI-Dialog display with information on that employee. However, it seems that the html that is loaded can not be used for jquery or such. What am I doing wrong? Is there something I need to do with this? Is there an example of using
Assigning hover to Ajax data
How do you assign .hover() to data received from an Ajax call? I have a post returning and I wanted to change the bgcolor of the containing div. Posts.aspx <div class="postContainerOut"> <div class="postItem">Column 1</div> <div class="postItem">Column 2</div> <div class="clear"></div> </div>jQuery $("#button").click(function() { $.get("Posts.aspx", function(data) { $("#content").prepend($(data).fadeIn(1000)); // This works //
Callback after calling attr method
I'm using the following code to refresh an iframe: $("#support-link").click (function () { $("#zenbox_iframe").attr ({ src: $("#zenbox_iframe").attr ("src") }); Zenbox.show (); // displays iframe return false; }); The problem is that Zenbox.show () gets called
slider is not showing
Hi I am new to using jquery plugins...i am using a slider but its not showing. can any one help me at the earliest plz... My code is as below: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> <link type="text/css" href="css/themename/jquery-ui-1.8.6.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script> <script> $(function()
jQuery load/get function
Hey everybody :D I'm working on an HTML page that is supposed to grab some stats (number of posts, number of topics, etc.) from another page. The stats can be found on this page: http://www.thefacebookforum.net/popup_help.forum?l=miscvars And they're supposed to go here: http://www.thefacebookforum.net/-h68.htm I need to get these stats: 1. Number of topics (just the number) 2. Number of posts (just the number) 3. Number of users (just the number) 4. Newest Member (just the name) 5. Username (just
.data() type conversion
I found an issue with using .data() to access data-* attributes and how it does automatic type conversion. The conversion will break any string that just happens to look like a JavaScript value. A simple example: HTML: <div id="foo" data-version="1.0">...</div> JS: jsversion = $("#foo").data("version"); jsversion is now the number 1. That is totally wrong if you intend to use that attribute as a string. (I was using it to create a URL where "1.0" is the valid value.) You can get around
I need help on this rollover - click events.. PLEASE!!!
Hi, I am trying to use the following code to make a thumbnail change opacity when rollover, and become "light" when "click" on it. Everything works fine except that I need it to become opaque again when a second thumbnail is clicked. Right now if I click on one it became "light" but when I click on a second one both of the thumbnails are "light" and what I want is only the last click to be "light" and the previous one to become opaque if a second one is being clicked..... THANKS!!! $(function()
Retrieving data from remote form
Hello, is it possible to retrieve data from remote form, from another domain that I can't control. I want to type in number in my local form text field and then post it to remote form and retrieve data. I know how to retrieve data from local mysql, but don't know how to retrieve it from remote form. Remote form: http://www.otto.de/is-bin/INTERSHOP.enfinity/WFS/Otto-OttoDe-Site/de_DE/-/EUR/PV_DirectOrder-Start?ls=0#lmPromo=la,3,hk,home,fl,Sidebar_Bestellen Working number: 31477682 I want to type in 31477682
Closing a dialog on form submission for local storage
The app I'm currently making uses local Web SQL databases to store user input, and the forms to do so are linked to with data-rel="dialog". However, all the docs are about sending form data to a server, so I'm not sure how to handle this with jQM. I've currently got $('form').submit(function(){ saveMyData(); return false; });which does a great job of saving my data and not trying to go through with an action. Unfortunately, it also doesn't clear the dialog, and that's where I'm hitting
.filter() on a .hover() function not working in 1.4.3 and above
Why does the filter() portion of this code not trigger in jQuery 1.4.3+? Is there a better way to be doing this? The filter() does trigger and work properly in jQuery 1.4.2 and below. $(document).ready(function(){ $('#list a').hover(function(){ $(this).addClass('on'); }).filter(':first').hover(); });
Trying to get access to a FlashVar
I'm sure this is fairly simple but i'm still a newb when it comes to jQuery. I'm trying to get access to the flashvar element on my page. The code looks like this: <object id="kdp3" class="player" height="348" width="620" type="application/x-shockwave-flash" name="kdp3" data="..." style="visibility: visible;"> <param name="quality" value="best"> <param name="wmode" value="opaque"> <param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="flashvars"
Mega menu drop down .focus problem
Hi guys, im using a mega men dropdown and inside there a series of ul's. On focus of the top nav the megamenu plugin fires and the dropdown opens.. I can then tab through all the unordered list links inside and it moves across untill it gets ot the end of the navigation. What I can't work out is how I activate the .blur event if the next tabindex is not inside the mega menu.. This is my code to activate the dropdown: $("ul#mainnav li").hoverIntent(config).children('a').focus(function () { //need
Creating a favorite links menu, need help removing cloned content
I have several drop down lists of links with one of the drop downs being a "My Favorites". My intent is that when the user clicks on a star image next to the links, it is cloned and appended to the favorites menu, where it can then be drag and drop sorted. To remove the link from the favorites menu, the user can either click on the "x" button to the right of the link on the favorites menu, or unselect the star on the main menus. I have successfully cloned the link and appended it to the favorites
How to add images to image gallery?
My gallery is structured like: <div id="gallery"> <div class="galleryRow"> <div class="uPic"> <img /> <p> description </p> </div> </div> </div> I want to generate this thing entirely from data fetched from db. Each #galleryRow can have 4 .uPic -s, after that, I need to add another galleryRow and add pictures inside it, and so on.... Now I have never touched ajax in jQuery and I don't know how to do this in code.... I know I can add list items or
Frustration with datePicker dpSetSelected
Hi, I'm trying to use the datepicker plugin to allow users to select start and end dates from a range of values. The code I'm using to set limits is as follows; var startdate = new Date().addDays(-56).asString(); var curdate = new Date().asString(); var enddate = (new Date().addYears(1).asString()); $('#dateFrom_id').dpSetSelected(startdate); $('#dateFrom_id').datePicker().val(startdate).trigger('change'); $('#dateTo_id').datePicker().val(curdate).trigger('change'); $('.date-pick').dpSetEndDate(enddate);
How can I retrieve a .css() value with Float accuracy?
Hi, I have a jQuery object upon which I am setting the 'top' value using the .css() method. The value is to Float accuracy: $('#example').css('top', 13.857759); Setting the value works fine, and the result in the DOM is: <div id="example" style="top: 13.857759px;">...</div> However, when I go to retrieve the value using the .css() method, the value is returned as an integer: alert($('#example').css('top')) // alerts "13px" Is this an intentional quirk of jQuery, or considered to be a
Change background
Hi guys, I'm ttrying to chance the background image of a DIV when an image is clicked in other div. So i'm using this code: $(document).ready(function(){ $(".portfolio #page #content #menuPortfolio ul li img").click(function(){ var imgArea = $(".portfolio #page #content #imgGrande"); imgArea.css("background", "url(../images/fotos/"+$(this).attr("id")+".jpg) center center no-repeat"); }); });My CSS is: .portfolio #page #imgGrande{ width:460px; padding:5px;
How do I avoid select options auto theming
I built a mobile form following jquery mobile standards but I need a Months dropdown to act as a normal dropdown and not the default select list. Could you help me on this?
Setting focus to the input element after event
In the code below I am trying to give focus to the 'input.qualifier' element when one of the options under 'select.qualifier' is chosen. The jquery code I'm using at the moment isn't working. Any help would be much appreciated. <!DOCTYPE html> <html> <head> <title>DVD Ambassador — Disc Locator</title> <script type="text/javascript" src="../../scripts/jquery-1.4.js"></script> <script type="text/javascript"> $(function() { $('select.qualifier > option').live('click',
Possible to resize background-image?
I have a Div chaning size accroading to the browser's dimension. I'm using a css method background-size:auto to controls the background-image fully fit inside that Div. But I just found out this css trick does not support in IE6. So I'm wondering if jQuery able to control the size of background-image?
Update image source inside UI dialog after dialog has been opened.
Hi all I have the following function: function imageSwap(imgPath){ jQuery("#bigimage").attr("src", imgPath); } which is called by: <a href="#" onmouseover="imageSwap('images/upload_pic/resize_<?php echo $image->image;?>')"> <img src="images/upload_pic/thumbnail_<?php echo $image->image; ?>" border="0"> </a> The basic idea is that when you mouseover the thumbnail, it calls the function that replaces the src of image element "bigimage"" <div class="popup_image">
Trigger UI autocomplete select
Is there any way to trigger the select event for an autocomplete with an open menu? I'd like to emulate a tab event in a autocomplete menu. Summoning a $.click on the selected item works, but is a bit awkward. Otherwise, when selecting an item in the menu with the tab key, is there any way to prevent focus from moving to the next input while still selecting the item in the AC? -Ben
JQuery-Cycle Plugin
I am using the j query cycle plugin to cycle and fade a banner style image but everytime the page loads it shows all of the images in a flash and then collapses down and then does what its supposed to do is there anyway of preventing it from showing all of the images to begin with???? All of my jQuery and Plugin files are externally linked to as to keep the markup clean: <script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="Scripts/jquery.cycle.js"></script>
Next Page