Arrange classes randomly in a variable
Reposted this topic since my last topic's URL could not be found. Hi all! I'm new to jQuery and loving it already :). I'm trying to create a simple image slider and I already managed to get the images sliding in a predefined order. Now I would like it to randomly arrange my slides every time I refresh the page. var slides = $('.slides'); That is what I'm using to push my slides into the variable. It's taking the classes "slide" I created, which are containing my images. I would really appreciate
hide, show callback function not always working
Hi guys, I'm having hard time trying to understand a weird behavior of the complete callback of hide/show function.. i Made a HideThenShow function that works that way: $("#div1").hide("drop", {direction: "up"}, 500, function () { $("#div2").show(("drop", {direction: "down"}, 500, div2namespace.Init()) }) now, I use this function to cycle between my user controls, calling the init function of the second control only when it is completely visible
Style sheet in Jquery
I work in Jquery-ui-1.7.2.custom.min.js I am looking for a style sheet and I am not sure how to link my page up to that style sheet. Where can I find a style sheet, downloaded smoothess but it do not give me the correct file <html> <head> <link href="css/smoothness/jquery-ui-1.7.2.custom.ccs" rel="stylesheet" /> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> <script type="text/javascript">
ajax type head and cross domain to check file existence
Hi i have a server , for example , www.me.com i have another server, for example, www.you.com i use this code $.ajax({ url:'http://www.you.com/afile.txt', type:'HEAD', error: function(){ console.log(file not found); }, success: function(){ console.log("a file here"); } }) but i obtain cross domain issue : XMLHttpRequest cannot load http://www.you.com/afile.txt Origin http://www.me.com is not allowed by Access-Control-Allow-Origin. i'm the owner of you.com so i can modify it. how to define a javascript
Autocomplete and ajax
This is where I want the autocompletion. <td>Tilføj servicedel, varenummer:<input type="text" name="varenummer" id="varenummer" value="" onkeyup="gethint(this.value)"></td>And here is my ajax call gethint() function gethint(str) { if (str=="") { document.getElementById("hint").innerHTML=""; return; } if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {//
Uncaught TypeError: Cannot set property '_renderItem' of undefined (using Jquery Combobox and Geocoder)
I have problems with gmaps api instant (geocoder) and jquery autocomplete combobox. If one of the two is in the product, works perfectly. But if the two coexist in the same page, break, throwing this error in console: Cannot set property '_renderItem' of undefined This was the line that contains this code: input.data( "autocomplete" )._renderItem = function( ul, item ) { return $( "<li>" ) .data( "item.autocomplete", item ) .append( "<a>" + item.label + "</a>" ) .appendTo( ul ); }); Looking around,
The problem to make the submit button inside the content section to align in right or left
I have a problem in using the CSS class ="ui-btn- left or right". It works fine in header and footer like: <div data-role="header"> <a href="#" data-role="button" data-inline="true" class="ui-btn-right">Contacts</a> <input type="submit" name="loginSubmit" id="loginSubmit" value="Login" data-inline="true" class="ui-btn-right" /> </div> But when I applied in content or the form in content, it is not workiing at all. Like: <div data-role="content"> <a
A search input don't open the search keyboard [solved]
Hi, I just start with jQuery mobile and I'm trying to do a search form. It's very simple but I have an small issue, iphone keyboard show the button "Ir" (Go) instead of "Buscar" (Search). I'm freaking out looking for a solution, but I don't find it. This my source <form method="get" action="#"> <input type="search" name="address" value = ""> <input type="button" id="buscar_farmacia" data-theme="a" value="Buscar dirección" /> </form> Theres is an attachment with a screenshot. I'm working
jQuery Cycle2 Plugin not working but no errors in console.
I am using a CMS to insert the cycle2 plugin on a site that uses the 1.3.2 jQuery library. I have used noConflict to avoid problems when calling the later version required to run the plug in, and when I test the slider locally, it works perfectly even when both libraries are referenced. When I plug the content into the site via OpenCMS or our IBM Websphere tool (management center), the slider falls apart. The images that are supposed to be in the thumbnail carousel are full size, and clicking
Using VERTICAL SLIDING ACCORDION with jQuery but need it responsive!
Hi all, I've come across a tool that I'm looking to implement into a responsive website. The problem I'm having is changing the code to make it responsive! http://tympanus.net/Development/VerticalSlidingAccordion/example1.html is what I'm using but can't fathom how to change it. Can anyone please help!? Many thanks G Chaggar
How to implement Facebook style scrolling
I want to display the first 20 records in a page. While scrolling down, it should display the next set of data. This is a mobile browser based application. Please share your ideas. Thanks
Radio buttons inside listview - just like on theme roller
Can someone point me in the right direction, what would be the HTML to create this exactly... I've tried various combinations of <ul><li><fieldset> and <input> but none that I've tried give the neat layout seen above. Cheers!
Getting js error on $.blockUI of jquery.blockUI.js when the page includes jstotage.js and json2.js
I am now using json2.js and jquery-1.3.2.min.js along with jstorage.js . <script src="js/common/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/common/jquery.blockUI.js" type="text/javascript"></script> <script src="js/common/json2.js" type="text/javascript"></script> <script> $ = {} </script> <script src="js/common/jstorage.js" type="text/javascript"></script> Ever since I have put the methods $.jstorage.get and $.jstorage.set to get and set JS objects in local storage,
Getting JS error on $.blockUI method of Jquery.blockUI.js when the page includes jstorage.js and json2.js
I am using json2.js and jquery-1.3.2.min.js along with jstorage.js . <script src="js/common/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/common/jquery.blockUI.js" type="text/javascript"></script> <script src="js/common/json2.js" type="text/javascript"></script> <script> $ = {} </script> <script src="js/common/jstorage.js" type="text/javascript"></script> Ever since I have put the methods $.jstorage.get and $.jstorage.set to get and set JS objects in local storage, the
Colorbox error This content failed to load
I am using Colorbox to pop up using a hyperlink <script type="text/javascript" > jQuery(document).ready(function ($) { $(".iframe").colorbox({ iframe: true, width: "500", height: "500" }); }) <asp:HyperLink ID="hyperlinkSubscribe" runat="server" class="iframe" >Subscribe</asp:HyperLink> When i click the link after page load then it pops up as expected. If i do a postback (i.e. make a change on the page that results in the values on the page being updated) then i get the error "This content failed
Autocomplete value re-load problem
Hello, I have a problem about Autocomplete textbox.I'm using autocomplete textbox within update panel in asp.net.It has a big program after postback but I solved this problem. Hovewer I couldn't set selected values to autocomplete textbox. Anyone can help me ? $(document).ready(function () { jQueryInit(); }); function pageLoad() { window.Sys.WebForms.PageRequestManager.getInstance().add_endRequest(jQueryInit); $(function () { if
Ajax multiple file upload and return json array in div ID#
I have the following jQuery and I'm wondering what is the best way to upload multiple pictures and once uploaded show them all in the (#addproduct_image_small) div? I would greatly appreciate anyones help on this. I can get one to upload correctly, but not multiples. I have tried everything but I can't get any output/response from json on my upload_additionalimages.php file. $(document).ready(function() { var options2 = { beforeSubmit: showRequestadd, success: showResponseadd,
How to print error message when user tries to type mobile number in description using jquery
Hello, Im new for the jquery here i need validation for mobile number in description....i have description in form if user tries to enter mobile no in description. i should print error message as "mobile number is not allowed"....please anyone give reply for this query.. Thanks
Problem image SVG got blurry on mobile browser with Jquery Mobile
I'm working on a mobile website with all the icons in SVG format. When I test it in Chrome or Firefox on my laptop, the icons look great. But when I check it on my mobile browser, all the icons got blurry..it looks like they've got bad qualities. I've created a test with that problem (2 icons on the header ) http://l-azk.com/exemple/test/ Any help to fix that would be fantastic. Regards. Laurent
Form plugin not serializing correctly
Consider the following code, $("form").ajaxSubmit({ data: { arrayValue: ["value1", "value2"] } }); <form action="?" method="post" enctype="multipart/form-data"> <input type="file" name="file"/> </form> You will expect arrayValue to be serialized as something like "arrayValue[]=value1&arrayValue[]=value2", or more specifically, as a request payload: ------FormBoundary6MIpVOQd591oQ0zB Content-Disposition: Form-Data, name="arrayValue[]" value1 ------FormBoundary6MIpVOQd591oQ0zB Content-Disposition:
offline documentation is unavailable
Hello, now it's impossible to download jQuery offline documentation. Previously offline documentation was available at the http://api.jquery.com/api . Thanks, Sergey
Infinite Scroll not working
i am using this infinite scroll plugin i have the following markup and i get nothing happening, new page posts are not loaded ... $(function() { $(".posts").infinitescroll({ navSelector: "#pageNav", nextSelector: ".next", itemSelector: ".posts .post" }); }); <div class="posts"> <div class="post">1. ...</div> <div class="post">2. ...</div> <div class="post">3. ...</div> <div class="post">4. ...</div> <div class="post">5. ...</div> <div class="post">6. ...</div> <div class="post">7.
dreamweaver and jQueryMobile to connect to MySql on godaddy
i am using dreamweaver cs6 and i am trying to connect to a mysql database on godaddy. i have built a two page app main page and page that connects to database. i have made the connection in dreamweaver and get it to work in live view. i query by category and then want to display each record on a screen. i have added a recordset paging that i move from record to record and display a pic per page. it works great in dreamweaver live view but when i start the android emulator it stopps working.
display vertical tabs in vertical direction
hi, I want to use vertical tabs, I have implemented vertical tab shown in documentation.It is working fine. I want to display tabs in vertical direction. Is it possible to display in that way?
Setting rollover state of SVG path
Sorry in advance for the newbie question, I am having a couple of issues setting the mouse over and mouse out states of an SVG path. The path is very complex (a map of north america) and i want to animate it's opacity on rollover. It works as expected but the only problem is that if you rollover, for example, 2 islands before getting to the main area of the map, it will cycle the whole opacity animation 2 times before getting to the state that you want it to (same problem on mouse out). Is there
How to cre a simple toggle?
Hello to everyone reading this! I want to create a div toggle like ui accordions which have arrow icons and changes the icon in opened or collapsed situations. actually like ui accordion (example 1) but I want it to open multiple items and can be collapsed. also I added my code into jsfiddle. notice iwant to change those + and - texts to icons http://jsfiddle.net/b59Su/ and I also want to have a different style for current item (which is selected) Thank you in advanced! Alireza.M
Tabs - multiple rows
Using the existing Default Tabs source code, is there any way to do the following? : create multiple rows of tabs assign only a certain number of tabs per row
Stored data but can't retrieve it !!
Hello, I am new to JQuery, I am trying to create a page that builds an array of objects, the objects are converted to HTML tags where I add Data and on click, I try to read the Data but it doesn't work!! Could you please have a look and tell me where I go wrong or any advice to improve this code ? Thanks for any help. Claude :-) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <script src="http://code.jquery.com/jquery-latest.js"
Table grid conditional formatting
Hi All, I have a requirement like , i need to pull the records from database and diplay in tabular format in jsp but i have o highlight the difference in column each row with different coding . any ready made solution with jquery ? example : - col1 col2 col3 test 100 200 test 101 200 test1 101 200 test1 100 201
Troubleshooting registering a plugin
Hi, I tried to register my plugin "jquery.wysiwyg". I followed the steps on [1], but my plugin just doesn't appear on plugins.jquery.com. I did that 14 hours ago. This is my wysiwyg.jquery.json file, which is in the root directory of my repostiory [2]. I registered the service hook and tagged the repository with my version number (and pushed it). My plugin doesn't apper at plugins.jquery.com though. Any idea/advice? Thank you, Lukas { "name" : "wysiwyg", "title" : "jQuery WYSIWYG", "description"
Jfeed/Slideshow Conflict
Hello all, I am working updating a clients site which already has jFeed installed, and we are adding a jQuery slideshow. The slideshow works fine in IE, Chrome, but not the news feed, and neither plugin works in Firefox, causing neither to load. Any suggestions? I've attached the code in a text file
Jquery for Drupal
I linked to the files from the template.php file, now I'm wondering what do I need to enter into the CMS to get the widgets to work. I thought I just needed to reference the ID. Here is an example of what I dumped into the CMS content editor. <div id="accordion"> <h3>Section 1</h3> <div>
First time website visitor alert
Very new to coding and haven't found what I need after searches. Find myself more confused in which approach to take. I'm looking for an alert to be displayed when a website is visited for the first time. This alert will have several button links with a checkbox option to "Not show again." If checked, a cookie will be saved so as to not display upon subsequent visits. I've looked at javascript, ajax, and now jquery. Am I in the right place to use a jQuery form that is invoked with a body onload event?
SAML authentication using jQuery mobile
Hi, I'm new to jQuery and I'm not even sure if this question belongs here and was exploring on the ways of implementing Single Sign On (SSO) in a mobile web site using jQuery mobile. I want to use SAML authentication scheme to login to my website from a mobile. Please can anybody help me with this or direct me where I can find the solution. Thanks.
Ajax returns empty
Hi there, I have an ajax request on my page. I have a select form element on my page, named sz1, the ossz text input's value should be altered. $(document).ready(function () { $('[name="sz1"]').change(function () { var szolgjs = $(this).val(); var dataString = 'szolgjs=' + szolgjs; $.ajax({ type: "POST", url: "urlapar.php", data: dataString, cache: false, success: function (html) { $('[name="ossz"]').val(html);
Response header not being set with Malsup Jquery form plugin
I have a web application written mostly in xQuery that uses Malsups Ajax form plugin to submit a webform via an Ajax call. I'm having an issue in IE9 where the header X-Requested-With: XMLHttpRequest is not included in the server request. The header is there when I try in Chrome, Firefox, and even IE10. Is there a reason why this header doesn't get added in IE9 and is there a quick way I can manually add it? Please see my post on StackOverflow here to see a code snippet and a more detailed description:
tabs - click and mouseenter, mouseleave
I have had problem with using tabs. I tried to implement tabs functionality for example as site http://mashable.com. Tabs can be hover and show tab content by hover. If I click tab, tab content should be hidden, unvisible UNTIL mouseleave <li>. If I again mouseenter, tab content will be shown. I have had problem with combine hover and click. With this code, I have problems like: 1. Page load - if tabs up and down during page load, tab content is shown because of mouseenter despite of click tab 2.
Trying to convince my Managers
Greetings First, let me apologize for posting here, but I could not find a forum or form where I can send this directly to the JQuery Project Team. The company I work for has a non open source policy. I would like to start using jQuery in my applications. My managers are looking for assurances that any security issues will be dealt with promptly. I have heard all the arguments for open source, but what I am looking for is a document outlining the process or past responses to issues. I have
jScrollpane is safe for wordpress?
Hi, My website hacked by come Canadian pharmacy... . Google sent me lots of notification( your website is compromising and bla bla bla). I asked godady( domain name provider) what happen with my website, they filtering my website and send me a mail. In-short: Using unsecure plugins I think its jScrollpane plugin(maybe). Anyone have had same experience like me. Make money by renting homes
JQuery slide starts again instead of looping
I have made a website with an JQuery slideshow in it. It works fine, but there is one problem: When it reaches the last picture the slideshow goes back to the first one (you can see that is goes back, all the pictures will appear in a splitsecond). What I want is that the slideshow is kind of a looping. Hope someone can help me out with it. This is the code of the slideshow: $(document).ready(function(){ /* This code is executed after the DOM has been completely loaded */ var totWidth=0; var
Next Page