":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
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">
Problem with Accordion
Hi ... I've used from according many times on my site.in the <div id="ui-accordion-accordion1-panel-0" set style="display: none; height: 0px;" i want to change this value.i want to disable this property(height=0px;).How do I do it?
I there any Plugin available in jQuery to customize the page like email mail chimp email template editor
I there any Plugin available in jQuery to customize the page like email mail chimp email template editor I wish to show the edit delete option when only hover. the settings block display arround thr border
How to avoid this script error in IE8?
Each time I apply and remove a filter(clicking checkbox) on a my page, IE shows an alert prompting me if I want to, "stop running script," or not. Check my attached file for this error? How to stop this error in IE8?
Reset datetimepicker?
Hello I have included the datetimepciker plugin from; http://xdsoft.net/jqplugins/datetimepicker/ There is a little problem. If you set a date e.g. 31.03.2014 and time 02:00, submit the form and then open the calendar again, the date is not set to current date 04.03.2014. It shows always the previos selected date and time. Is there a way to reset the date and time? I tried: $('#datetimepicker3').datetimepicker({ value: null, inline:true, lang:'de'
Collapse problem on jquery tabs
Hi.I am fairly new to JQuery so aoplogies in advance if I fail to explain correctly ot if I have posted in the wrong forum. Essentially, I have a number of horizontal rows of icons that are collapsed by default on page load, when a user clicks an icon, a tab pane opens with a subset of icons for them to choose. All this is working perfectly in Visual Studio, however I am having a problem when this is inserted into a Dot Net Nuke skin page. Because DNN automatically loads its own libaries of JQuery
How to store data with a multistep form in jquery mobile?
With jquery mobile and phonegap i'm preparing an app. Inside this app there is a form. I started with a plain form en posted the data with php. (no Problemo!) Because of lack of space on a tablet when the keyboard is popping up, I want to make a multistep form. So far so good I made a multistep form with "fieldset" "to separate the steps. So that is working. Now here comes the problem. How can I post the data with php. The php file is going to send the data to an email address. (other solutions
Replace using text() to search, and html() as returned
Hello, What I would like to achieve is to search through the text of elements and replace it with html using .replace and regex while preserving the html structure (including descendant elements). I fully understand that regex can't be used on html tags, so the only way to not have the input contaminated is to use the .text() property of the element. The side affect of this is that I can't .replace() with html in the replacement string as it is shown as plain text (obviously). This is similar to
Chrome problem - formatting buttons in navbar
Hi all, I wonder if anyone can help me with what's going on here? Here is a simple page with a navbar that has two buttons and one has a different swatch applied: <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script> </head> <body> <div data-role="footer" data-theme="b"> <div data-role="navbar"> <ul>
JQery /HTML5 Audio file Fade 2
Hi OK after much tinkering I've given up. An descriptionof what I'd like to achieve: User scrolls down the page the sound fades in. Scroll up the page the sound fades out. I want to be able to control (more or less) at what point on the scroll the sound fades in/out. Please be aware there are other sounds playing as well I don't want to affect if possible. If this proves too difficult then I don't care if the others sounds fade out as well. I'm using a specific plugin called volumizer found on post
Manipulate box perspective
Hi, I was wondering how I can transform a regular box to one that has perspective. What I want is to have the image animate, but I'm not sure how to go about doing this. Do I go through using CSS's perspective/transform:rotate or is there another way? I can't quite get the grip on undertanding CSS's method of perspective transformation. The main thing is I want one state to animate to the next state. Doe anyone know how to accomplish this?
find the tab index of the next cell and give focus to it when pressing arrow keys
0 down vote favorite I am using VS 2005, ASP.NET,C#.NET AND JQUERY. I have gridview in update panel. I have tab index of one cell $(this).attr('tabIndex') I have to move the focus to the next editable cell . how to find the tab index of the next cell and give focus to it when pressing arrow keys thanks in advance george n t
Next Page