drag and drop sortable isn't working in ie 8,9,10?
Hi All, I have list of items with single column when I drag and drop above/below another item. It will not work. but it is working in other browser like chrome, Firefox. Give me any advice regarding this. using plugin are as follows:- jquery-1.10.2.min.js jquery-ui.js Thanks
Try to change SELECT color
Hello, I'm just starting using JQUERY so I excuse myself whether my question is too much trivial. The following code is just a sample test. I'm trying to change the color of a SELECT control after selecting one of its options. For example, when I select "red" I'd like to change the SELECT control to "red". But I do not know how to do. However, I think I have first to get the selected option properties. That is what I'm trying to achieve. It is OK for value and text, but not for RGB.
can help me in Filter Collapsible please ??
First of all congratulations for the great work that you do here.!!! I have a question on how to find some records obtained from the database (MySQL) through a webserver, show them in an accordion (Collapsible). I would like to do this but with dynamic data. http://demos.jquerymobile.com/1.4.1/filterable/#&ui-state=dialog secction 5: “Filter Collapsible Set” My code example: <div data-role="content"> <form id="formcate" name="formcate"> <div data-role="fieldcontain">
Regex to allow entry of 0 - 9, decimal point, negative sign only
Hi. As the title say's i need regex to handle that one. I need only "dot" and "negative sign" only when i set values in my textbox. Some examples of values are: 53.525356 or 5.353656 or if negative: -22.1234 or 2.1234 Thanks
Make timer stop when user wins game
Hi, I'm making a drag-and-drop kids game that includes a timer countdown. If a user matches all items in time, a "You win!" dialog box pops up. If a user fails to match all items before the clock reaches 0, a "Game over" dialog box pops up. You can view a demo of the game here (be sure to click "Start the Clock" first): http://spanishforkidsbykids.com/playa/demo/ The issue I'm having is that the clock doesn't stop when a user wins the game, so the "Game Over" popup still appears behind the "You Win"
using toggle to change button value
Hello I have the following: </div><input id="button" type="button" value="Hide Buttons" /> </div> $('document').ready(function(){ $("#button").on('click', function(){ $(this).val('Show Buttons'); event.stopPropagation(); $("#thumbs").toggle(); $("#insideholder").toggle(); $("#buttonsH").toggle(); });After the initial click everything disappears as It should and with another click it reappears again so that toggle is working fine. I cannot figure out how to toggle the button value though. After
Added maxfileLength check
I am new to jquery and so need some guidance/help.... I am using below plugin to enable multi-file upload... http://www.fyneworks.com/jquery/multiple-file-upload/ everything is working fine as expected... but now I need to make change to this query such that... before the file shows up in the list there is a check done on the length of the file name. If the file length is more than 60 char 1) then don't include the file in the list 2) alert user that file
Multi select dependant dropdown list
There are two dropdowns (categories and products) First dropdown C1 C2 C3 C4 Second dropdown is dynamic dropdown and it gets populated based on whats selected in first dropdown For C1 P1A, P1B, P1C would get populated in second dropdown For C2 P2A, For C3 P3A, P3B, P3C For C4 P4A, P4B I want to give user the ability to select multiple combinations of categories and products So, if he selects C1 and then P1A/P1B, C3 and then P3B I want to send to the server on submit the selected key value pairs (C1,
Can you add hyperlinks to button groups?
I created a button group for navigaton and can't find a way to add hyperlinks.
":first-child" is not working in this case
pls see this fiddle....here ':first-child' filter is not workng but ':first' is giving the result what i expected... http://jsfiddle.net/TTm2q/5/
List not scrolling in some situations
Hello everyone, I'd like to get some help or advices in order to fix my problem with JQM's listviews. I've searched the net for a while but I did not find a solution that makes it for me. Situation : - I have a JQM basic page, with listviews on it. - A few events deal with swipe etc Problem : - When I scroll the list by clicking an item, holding it and swiping down or up, it scrolls perfectly, but when I release the button, then scroll again from that button, it just won't move... I made a jsfiddle
Jquery mobile textarea full width problem
Hi. I'm making some app with jquery mobile and everything with the design goes well for now, but at the bottom i have to put textarea, but the textarea dont fullfil all 100% from the screen it only a half screen. I'm trying with css or jquery to change the width but it's stuck. Please anyone help. Also to be clear, the design is: one header on top, two column layout for buttons and input fields on left and right. after that full width two buttons and on the bottom its need to be full width text
Stipulate when dataTables loads
Is it possible to stipulate when a dataTable loads? I have a form with multiple parts the last of which is the dataTable. But, the information selected for the dataTable from the source is dependent on information the user enters in a previous part of the form. At present, when the page loads the dataTable attempts to load but throws an error because the select from the database throws an error due to the missing parameter. What I would like to do is determine if the required field is loaded before
can't hide <p> tag
Hi guys, I've just started with jQuery and I'm having trouble with the basics. I've got this simple code: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>Demo</title> <script src="jquery-1.11.0"></script> <script> $(document).ready(function(){ $("p").hide(); }); </script> </head> <body> <a href="http://jquery.com/">jQuery</a> <button>button</button> <p>p tag</p>
how to noConflict jQuery Mobile?
Hi, I am using two versions of jQuery and i want to start using jQuery mobile. See below code: <code> < script type =" text/javascript " src =" /client/js/jquery-1.4.2.min.js "> </ script > < script type =" text/javascript " src =" /client/js/jquery-2.1.0.min.js "> </ script > < script type =" text/javascript "> var jQuery_2_1_0 = $.noConflict(true); </ script > < script type =" text/javascript " src =" /client/js/jquery.mobile-1.4.2.min.js "> </ script > </code> Now the problem is, that jquery.mobile
COMPLETLY new PLEASE HELP
hi there, i have a question in order to use jquery on dreamwever do i need to install it ? onto dreamwever? how does this work?
Problem with jQuery AJAX
Seems simple enough to set up an AJAX call through jQuery. I have my call set up this way: ===[begin jQuery code]=== var ajaxOptions = { url: '/ajax.php', type: 'post', data: {act: 'fetch', uid: 1}, dataType: 'json', success: dispUser }; $.ajax(ajaxOptions); ===[end jQuery code]=== Works fine; the data gets to the ajax.php, the php script fetches the data and then encodes it as JSON for return: ===[begin PHP code]=== header('Content-Type: application/json'); $t2 = json_encode($retval);
Image didn't showing in IE8
Image haven't showing in IE8. how to resolve this in IE8? Its working fine in all browsers except ie8.Its showing a broken image. My jsfiddle: http://jsfiddle.net/A6m4G/1/
jerking jQuery momentum scroll (jquery.momentum.js)
I am using jquery.momentum.js for an application on which i am working. I have noticed that the scroll bar used for displaying events is suddenly begin jerking up and down in small motions very quickly when i touch and move mouse pointer up side or down side. I have tried to modify the configuration in js file but it seems it is not working , It is still begin jerking up and down in small motions very quickly when i touch and move mouse pointer up side or down side. Here are the parameters i tried
[jQuery] Free eBook!
Reviewers required : jQuery 2.0 Development Cookbook - free e-copy will be provided Packt is looking for people interested in reviewing the book jQuery 2.0 Development Cookbook - on their blog/ amazon. If interested, please let me know at – rochelld@packtpub.com or leave a comment The book is written by Leon Revill Know more - http://www.packtpub.com/jquery-2-development-cookbook/book Note : Limited copies available. Thanks and regards
custom event doesn't bubbled up in IE 7-9
It's quite hard to describe, see the demo: http://jsfiddle.net/toobug/EsN5L/5/embedded/result/ (with the latest jQuery 1.x) http://jsfiddle.net/toobug/EsN5L/4/embedded/result/ (with jQuery 1.9.1) original code here http://fiddle.jshell.net/toobug/EsN5L/5/ (not compatible with IE) When the inner div is clicked, the outer should catch the custom1 event. It's all ok in Chrome, but in IE, if the click event of IE is bind with jQuery, it's ok, when the click event is bind with the built-in attachEvent,
slideToggle does not work
Hello, i am working on a new website and i want to use the JQuery-tool slideToggle on one site. I tried a lot but it does not work. Can somebody help me to find my mistake? That would be very nice. Many thanks in advance nannic <!DOCTYPE html> <head> <style> body { position: absolute; width:900px; margin-left:17%; padding:0px; border:3px solid #010000;} #Container { position: relative; background-color: lightgrey; width:650px; margin-left:5px; margin-top:10px; border: 1px solid black;
Unable to append an iamge
javascript file------ var min=1; var max=99; function random() { var rano = Math.floor(Math.random() * (max - min + 1)) + min; return rano; } function run() { var i,temp; for(i=1;i<99;i++) { temp=i+"p"; //the inner value would set but I am unable to attach a image to that tag where the text is added. document.getElementById(temp).innerHTML=i; document.getElementById(temp).prepend('<img
Tablesorter locale letter sequence is wrong
Not sure if this is the correct place to state this but here goes. When sorting tables with danish letters in them Tablesorter correctly puts them at the end, but in the wrong sequence, I think because of the way they're commonly internationalized. In Tablesorter its Å (aa), Æ (ae), Ø (oe) Correct sequence it Æ (ae), Ø (oe), Å (aa). Small bug, but there it is. Otherwise Tablesorter is awsome ;) Edit: Might as well post the workarround/ parser for the issue. $.tablesorter.addParser({ id:
How to Disable Auto loading in Jquery Ajax tabs
Hello, I am facing one problem due to auto-loading in Jquery Ajax tabs. How can I disable the autoloading of the tabs. It hang up my browser. Below is scenario of my requirement. On the 1st tab it load the category such as Category 1 Category 2 Category 3 When I click on the Category 1 link then it open the tab 2 and content for the tab 2 is as below Sub Category 1 Sub Category 2 Sub Category 3 When I click on the Sub Category 1 link then it will open the tab 3 But I want to disable the auto loading
How to avoid .ui-btn-left and .ui-btn-right being assigned to links in header?
How to avoid `.ui-btn-left` and `.ui-btn-right` being assigned to links in header? These classes will position my first link to the left and my second to the right which is not what my designer had in mind when she designed my layout. http://jsfiddle.net/fq6Zk/1/ Trying to avoid manually overriding these classes or putting my links in a wrapper to duck away from the class assignment. Thanks.
Jquery Debugging issues with
I have this jquery script/plugin and what it does it two things. It allows scrolling to the link on the page, instead of jumping there, and it opens and closes (toggles) a slider box from the top to reveal some more html. <script> var $root = $('html, body'); $('a').click(function() { var href = $(this).attr('href'); $root.animate({ scrollTop: $(href).offset().top }, 500, function () { window.location.hash = href; }); return false; }); // yeah let's do vanilla JS just for fun :P var toggle = document.getElementsByClassName('toggle');
find empty row indexes
How can find all empty rows indexes in a table from jquery ??????? ?
Problem using drag and drop
Hello, I`m having a problem with my drag and drop code. Demo: http://skytz.jifox.nl/cms_login/ Accountnaam: admin Wachtwoord: Admin (The website language is dutch) If you start draging the blocks to a new position it will lose the option bar above. Jquery code i`m using $(function() { $(".column").sortable({ scrollSensitivity: 5, cursor: 'move', connectWith: '.column', start: function(event, ui){ // Get value var text = $.trim(ui.item.text());
Youtube + JS onStatusChange event assistance
Hello This should be a basic problem but I’ve attempted it for a couple of hours and am getting frustrated. Wondering if a fresh pair of eyes and perspective can help me out with the Youtube API and jQUERY. Basically, I’m wanting to bind an event and listen for the ‘statusChange’ event fired on a youtube embed bode Here’s a full, working example of what I want: http://jsfiddle.net/YzvXa/197/ HOWEVER: When I dynamically create the “iframe” as below - the statusChanges code above won't fire on the
JQuery Video Trigger Problem
Hello All you Smiling Faces (and computer nerds in dark closets), This is my first post on the forum as I am very new to JQuery. I'm attempting to use it to trigger a video to play and after it finishes, remove the video and direct a user to a specific website. The code more-or-less works but the duration of the video is random, sometimes it plays all the way, others it goes directly to the website, or sometimes the video starts playing without clicking a flag. If someone could help me out, that
Load in div jquery ui datepicker component
Hello all! I have 2 files, index.php and cad.php - Index.php load the content of cad.php into a div inside os index.php - cad.php has a form with a datepicker component and buttons. - butttons work fine, but datepicker dont! - if i load cad.php directly in browse url, datepicker work fine, but load this into a div no :( What can i do? index.php load code: $("#cad").click(function(evento){ evento.preventDefault(); $("#conteudo").load("cad.php", function(){
Kind of JQM carrousel?
Hi JQM gurus. I'm a newbie in JQM development. In a JQM page, I'm trying to implement a sort of carrousel which have to display a group of 2x3 or 3x3 buttons created dynamically. Like a classical carrousel I must have slide-right (>>) and slide-left (<<) icons. The number of buttons to display is not limited. Here's a sketch of my page. (The stuff with brackets are my JQM buttons). ------------------------------------------------ H E A D E R H E R E ------------------------------------------------
How to track when a certain spot on a page has been scrolled to?
I'm trying to track how many people has scrolled to a certain spot on the page. I have managed to calculate how many clicks my navigation has but not when a user has scrolled through the page. So for example: If i scroll down to heading a then a 1 will appear in the console and it will stay like that and if I scroll down to heading b then a 1 will appear for heading b and heading a will stay as 1, but if I scroll up to heading a then a 2 will appear and heading b stays 1 My HTML <div class="nav-wrapper">
.get() result evaluation if statement always returns false
I have a script that grabs a file name and guid from the page when the user changes the input type=file selection to upload a file. It calls a php page that checks a mssql database to see if there is already an entry for that file and guid. If there is it echos "exists". The script gets that value (I put an alert after the get() and it shows the expected response text). However, the if statement right after the alert doesn't register as true. Aaaaah! I tried using numbers instead of text and
Accordion panel 0 sliding on initialization
I have accordion with 5 segments. I have collapsible set to true and active set to false to have everything closed on initialization; however, instead of segment 0 just being closed on init, it is open and quickly slides closed. Any help is appreciated.
AJAX COUNTRY, STATE, CITY DROPDOWNLIST IS THE USE OF JSON CORRECT
CAN YOU TELL ME IF THIS IS CORRECT ?> <SCRIPT> $(Document).ready(function(){ var COUNTRYCOD = 0; $.ajax({ type : "POST", url : "GETCOUNTRIES.PHP", success : function(){ var CBOCONTROL = $("#COUNTRYCBO"); CBOCONTROL.empty(); for ( X = 0; X < COUNTRY.length;x++){ CBOCONTROL.append("<OPTION VALUE=" + COUNTRY[X].COUNTRYCOD + ">" + COUNTRY[X].COUNTRYNAM + "</OPTION>"); }; }; }); }); $("#COUNTRYCBO").click
What is best practice with list view ?
Hi guys I have been working with list view. i am using 'pagebeforeshow' event. when i came back to my listview page from detail page it is loading again. please any one could suggest which is best page event so that it listview should not reload once comeback from detail page
Smooth scroll external link with id
I found this fiddle http://jsfiddle.net/tovic/kw7LD/ that shows how to apply smooth scroll to external link with class. I'd like to know if is possible apply the same effect using id instead of classes. $(window).on("load", function () { var urlHash = window.location.href.split("#")[1]; $('html,body').animate({ scrollTop: $('.' + urlHash).offset().top }, 4000); });
Rules don´t work
Hi, I hope you guys can help me, cause I just started using the form validation for the first time. The validation works when I write the rules within the tags of a form element, e.g.: <input required id="text" type="text" >But it doesn´t work, when I define the rules within the <script>-tag. Where´s the problem? Is there anything faulty in the code? <?php echo ' <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Next Page