• Ajax Post with JSON to PHP

    This code works successfully without green-shaded codes. But if green codes are uncommented, nothing happens. Why???? [ json_encode.php ]       require_once('connectvars.php'); //$wtype = $_POST['jenre'];        $dbc = mysqli_connect(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);      $query1 = "SELECT eng, id_num FROM words Limit 10";      if ($result1=mysqli_query($dbc, $query1)){  $engrow = array();  while ($row1=mysqli_fetch_array($result1))    {                 $engrow[] = $row1;               }//while
  • Newbie: Event hover on object

    Hi, as a newbie to jQuery (former using mootools) I have a question: <script language="JavaScript" type="text/javascript"> $(document).ready(function() {        var myNav=$('main-navigation');     console.log(myNav);     myNav.hover(function() { console.log('hover');             $('navi_overlay').removeClass('hidden');               $( 'navi_overlay' ).addClass('active');     }); }); </script> The console says: Object { length: 0, prevObject: Object, context: HTMLDocument → home.html, selector: "main-navigation"
  • Incorrect codes

    Good day friends, I want to start but I'm having trouble with jQuery and jQuery code such as this code does not work on me what error you help me? thank you ---------------------------CODES-------------------------------------- <!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; charset=utf-8" /> <title>Untitled Document</title>
  • Help modify this bootstrap.js carusel to initailize scrolling immediately on page load within 5 seconds.

    /* ========================================================================  * Bootstrap: carousel.js v3.1.1  * http://getbootstrap.com/javascript/#carousel  * ========================================================================  * Copyright 2011-2014 Twitter, Inc.  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)  * ======================================================================== */ +function ($) {     'use strict';     // CAROUSEL CLASS DEFINITION     //
  • Dialog and Form problem

    Hi. Have the next problem. Im open a Dialog with:  <a href="bitacora.php" data-rel="dialog" >Show</a> Then this open a Dialog, and this dialog have a form.  <?PHP header('Content-Type: text/html; charset=UTF-8');  include("modulos/variables.php"); if ($_SESSION['estado'] != "OK")     header("Location: login.php"); include("sql/sql.php"); include("modulos/funciones.php"); //$norden=$_GET['norden']; //$ncedula=$_GET['ncedula']; Conectar(); ?> <!DOCTYPE html>  <html>      <head>                 <meta
  • jBox Jquery plugin Modal Window

    Hi friends i tested: http://stephanwagner.me/jBox/documentation and its ok, no problem, but how to: in first page i have 3 input texts, 2 radiobuttons, 1 Select/option and 1 Button: CHECK when user click on button CHECK i want display a modal Window, with 3 input texts, 2 radiobuttons, 1 Select/option and 2 buttons ACCEPT and CANCEL. how to draw these controls? and how to setup the first values? and return values? Thanks.
  • Searching $(....contains(...)) function for ID + class names

    Assume I have a HTML code similar to: <div> ....    <span id="myid2151511" class="myclass23462362">....foobar....</span>    .... </div> then I can search for the text string "foobar" and hide the innermost corresponding <div> element with the following jQuery code: $("div:contains('foobar')").eq(($("div:contains('foobar')").length) - 1).css("display", "none"); However this command does NOT work when I search for text patterns in id or class names. So the following does not work: $("div:contains('myid')").eq(($("div:contains('myid')").length)
  • Select First element every time in Searchable Datalist

    I have searchable datalist (input with autocomplete), html as below <input type="text" id="city" name="city" list="clist" placeholder="Select City"> <datalist id="clist" name="clist"> <option value="10th mile">15094</option> <option value="A.s.peta">2958</option> <option value="Faizpur">7313</option> <option value="Gabbar">7480</option> <option value="Gadag">7227</option> <option value="Hadpid">6474</option> ......</datalist> As I press the keys in input textbox, it filters the datalist and displays
  • page under div container but not body

    Hi, can I add the page (data-role=page) div under another div, as my testing result, seems the page div must be the direct child of body. I want to know is there a way to make the page div under another div, that's I can do some stylish setting on the parent div. I don't want to set the style on body. Can I?
  • JQM 1.4.5 how to pre-enhance radio buttons group?

    I'm using jQuery 1.11.0 together with Mobile 1.4.5. Most of the load time in my pages is spent to enhance JQM Radio buttons. After some performance tests, i noticed that providing pre-rendered markup as advised in the JQM documentation will speed-up my pages, and effectively i was able to reduce the render time of this pages to 25% of the original. This is my markup: <div class="ui-field-contain" data-enhance="false">     <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"
  • How to pass variable value .CS to Jquery

    There are my code, I want y value catch from behind C#  variable value. Please any one give me solution , Argent.     <script type="text/javascript"> window.onload = function () { var chart = new CanvasJS.Chart("ChartID", { animationEnabled: true, title: { text: "Mark Entry Status Chart" }, data: [ { type: "column", //change type to bar, line, area, pie, etc dataPoints: [ { label: "Total Student ", y: 50}, { label: "Total Marks Entry", y: 29 } ] } ] }); chart.render(); } </script>
  • Can someone help me figure out how to write this jQuery

    I am using jQuery to select a checkbox, highlight the row that the checkbox is in and then I want to update the value of a pick list field in that row.  I am just learning... but it doesn't seem to be working all the way.  Here is my code: $(document).ready(function () {     $('.record_table tr').click(function (event) {         if (event.target.type !== 'checkbox') {             $(':checkbox', this).trigger('click');         }     });     $("input[type='checkbox']").change(function (e) {        
  • Weird behavior that I don't understand. Need advise.

    Hi, I create dynamically a busy indicator so no real need for the entire code.  I do show the indicator before doing a long running process for populating lists.  The piece of code you see here is at the bottom of the function that creates the busy indicator and I'm calling the callback to say ok the busy is there so go on and do your long running process but instead of seeing the indicator before the long running process, the process runs before and then I see the indicator after the process is
  • an evolution of jQuery tabs? a new way of visualizing multiple "pages"?

    I use jQuery tabs often, and really like the easy transformation they offer, from a list of divs to a set of visually separate tabs in one window. I wonder if anyone has experimented with an all-in-one-view (page) rendering of a list of divs, in which  in the summary view, each div is rendered equally scaled down, as a thumbnail,  perhaps with a readable title superimposed upon selection (and equivalent to raising the selected table) the selected div expands to take most of the page; the unselected
  • mouse event: drag?

    Hi all, In the official documentation of jquery I looked at the mouse events which jquery supports. (http://docs.jquery.com/Events) I was a little dissapointed to find nothing more than the usual down, move, out, over and up, as I was looking for something like drag. Is there a way to trigger something on a mousedrag event with jquery? If not with jquery can it be done at all? Thanks in advance for your replies
  • Superfish dropdown menu in wordpress doesn't work on mobile devices

    Hi, Wondering if anyone can help me with a workaround for this. The theme I run on wordpress.org appears to use a super fish dropdown menu for its main navigation, which works fine on desktop browsers as it employs a mouse hover to reveal the menu.  Is there anyway of adapting this, or adding code, so that when visiting on a mobile browser I can get the dropdown menu to activate. I would greatly appreciate any help with this. Here is the code that I found in the CSS editor for the theme: Superfish
  • how to copy the selected textbox data and copied to into textarea boxes.

    Hi This is deepthi i have one textbox field ,beside one button is there and below one textarea box is there. when we enter the text in textboxfield it has to select the text and after that when we click on ctrl+v button it has to copied into text area field. this is our requirement. any one help me.
  • How to calculate the td's of only first row in the table

    Plz find my table below. <table class="tileTable"> <tr> <td></td>         </tr> </table <table class="tileTable"> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> <table class="tileTable"> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> I am trying to read all the td's that are present in the first row
  • JQuery Mobile Back Button on Chrome displays blank page

    I'm using JQMobile 1.3.2 with the back button plugin, set via markup data-add-back-btn="true"   attribute in the header The problem is persistent only in Chrome on desktop ((I am running version 43). Problem: When I press Back button the browser displays the page for a second then displays blank page. Refresh fixes the problem but that's frustrating. Has anyone experienced this problem and how did you fix it.   Do you know if this is Chrome issue or jquery issue or yet something else.
  • Saving and Handling Images from users.....

    All, Please excuse this post if its in the wrong forum... I have been given the task to find or create a tool that will allow client users to copy and paste images into a client rendered web page. At which time those images will be saved to a folder on the Web Server. There has been talk on saving images directly to the database but currently the DB guy does not feel warm and fuzzy about that approach. The environment is a mix of PCs and mobile technology (Ipads/Androids/cellphones (they do not use
  • Having an issue with http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

    The error message I get when I try to load the page is: The website has been up and running for a while now without much issue, can some help point me in the right direction as to what I can do to fix this issue? I am only just starting out on jQuery and still finding my feet. If someone can help I would be very grateful. Thank you  Tom
  • How to prompt the user to save a generated file locally?

    Provided that you Know the name and location of the file on the server, how is it possible to prompt the user to save said file on their desktop, whether it be to their downloads folder or elsewhere? My scenario is a PDF file is generated on the server (C#). The file is saved to a folder there on the server. But the user needs to be able to save that file to their desktop. Is this possible? If so, what event can I use for this? The user will click a "Generate PDF" button on the web page/form, and
  • Browser testing for javascript plugin , in independant versions of each browser

    I am building 3d gallery plugin , a pretty simplistic one , something that uses CSS-3 properties, now as it is , not all browsers support 3d transforms, so obiously i have to write code to accomodate browsers that don't have access to css-3 at all, as a matter of fact, I need to write almost, i need to write a whole set of different functionality for older browsers. Well there are a few solutions to this i see , Write code to check if browser supports. Use a library like modernizer, and make your
  • I Need Help

    Good day friends codes that php based game I want to move the character but I do not have detailed information on this subject said that in this regard a few people can be solved with jQuery problem you help me right now is walking system Thank you in advance goes flat in the place where the mouse is clicked on the game below you can find a picture
  • jqeury ajax not returning false

    I am new here. My program bellow checks if employee id exists using jquery ajax. I want it to return false if the employee id already exists but its not returning false. $.post("connect_ajax_php.php", {type: "checkId", val: val, field: "emp_id", table: "employee"}) .done(function(data, succ){ data = $.trim(data); if( succ =="success" && data=="true" ){ $( errContId ).html( val+" already exist" ); $( id ).css( {"border":"1px solid red"} ); return false; }else{ $( errContId ).html(""); $( id ).css(
  • How to use drag and drop to create a voting like feature?

    Hello I've been trying to program drag and drop functionality into a voting system. The user should have facility to select desired but predefined options to actually drag and drop into the ballet box, hence voting to that post.  If you have any idea regarding it, please post it. Thanks!  
  • How to start, need calculator with sliders that refreshes result in real time without submit button

    The following is a good example of what I want to create. There are sliders where you select numeric values (speed and temperature in this example). Then the result of the calculation is displayed (218 miles in this example). The most important thing is, I don't want a submit button. The result should update automatically if the slider changes. I know HTML and CSS. I don't know PHP, Javascript and have never used jQquery. How do I start? Ideally I would like to download something that I can play
  • JQuery Tab issue in IE 8,9,10,11

    Hi Friends! I have a page which has a list of tabs that show tab panels elsewhere in the same page. I  like to post a page to controller using <a href=""> tag  at first time it works fine. But again i like to post another time  not working.... i can't post that pages to controller using IE8,9,10 and 11. This is an example of my markup. "   @{     ViewBag.Title = " Control Panel";     Layout = "~/Views/Shared/_Layout.cshtml"; } <script type="text/javascript">     $(document).ready(function () {  
  • Want to show arrow with mCustomScrollbar

    Hi, I want to arrow in right side and left side with mCustomScrollbar.
  • jQuery get attr

    Hi. I am trying to get attr 'data-id of specific button since few hours and I can not manage to do it. please help <div class="row" id="answersRow">  <div class="col-xs-12" id="answers"> <button  data-id="{{answer.id}}" ng-repeat = "answer in post.answers track by $index"             class="btn btn-success answer" ng-click="addVote()">{{answer.text}}</button> </div> </div>My approach: $('.answer').click(function(){       $(this).attr('data-id'); })
  • How to access dynamically created list elements, <li>

    I have created a list elements <li> dynamically. I want a jQuery function to be called when it is clicked. How do i do that? Like i have integrated link <a href> within that <li> tag.
  • how do I turn asynchronous to be false in my jquery ajax

    Please how do I turn asynchronous to be false as async: false in my code bellow: $.post("connect_ajax_php.php", {type: "checkId", val: val, field: "emp_id", table: "employee"}) .done(function(data, succ){ data = $.trim(data); if( succ =="success" && data=="true" ){ $( errContId ).html( val+" already exist" ); $( id ).css( {"border":"1px solid red"} ); return false; }else{ $( errContId ).html(""); $( id ).css( {"border":"1px solid #ccc"} ); } });
  • Trying to change an Appointment Forms slideUp slideDown position when page loads

    Trying to get an Appointment Form's slideUp slideDown position reversed, on page load When the page loads, the form is up, I want it to be in the down position. This is the code     /*-----------------------------------------------------------------*/     /* Appointment Form     /*-----------------------------------------------------------------*/     $('.make-appoint').click(function () {         var $this = $(this);         var appointment_form = $this.parents('.appointment').find('.appointment-form');
  • Accordion

    Hello, at my Website www.jvp-gmbh.de/Test/ you can find at 'Impressum' an "Accordion". Instruction:http://jqueryui.com/accordion/#hoverintent Why always the Navigationsbar disappear?
  • This code isn't working as expected. Subtags mentioned under asideDive and lowerDiv are not displaying in parent div i.e. div class = "asideDiv" & div class = "lowerDiv".

    <!DOCTYPE html> <html lang="en"> <head>     <meta charset="utf-8">     <title>all demo</title>     <script src= "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" ></script>     <script type= "text/javascript">         $(document).ready(function(){             $('.container').css({ width:"1050px" , border:"2px solid black" , margin:"0px auto" });             $('.headerDiv , .lowerDiv , .asideDiv ').css({ border:"2px solid red" });             $(" aside , header , section , #leftDiv
  • autosugegst : How to Avail id of the name selected

    Dear Sir refer http://cancerdirectory.org My Auto suggest is working What i want is  1. User selects  a name from the list displayed 2. this selected name will be displayed in text box he/she is typing   <<< everything working fine till here >>> 3. I want user to click Submit so as to display the details of the name selected by him 4. for this i feel i should avail  of record clicked I donot want to display the details by opeing new link ... when  clicked on  the list of a name  in Autosuggest name
  • JTable - Cannot see drop-downs on Add New Record input page

    I am using JTable plugin with JSP and Struts. Basically, this is what I trying to do: The table must have two columns, Model and ModelYear. When I click "Add new record" in the popup input page there must be a dropdown list for Model and dropdown list for ModelYear. The Model Year dropdown is cascading meaning that when user selects Model from Model dropdown an Ajax call is made to the server and the Model Years for that Selected Model are send back via JSON and its displayed in ModelYear dropdown
  • Carousel stop at end

    All Right. I am building a simple carousel with simple jQuery/cs3 and it is working fine so far. However when I continue clicking next slide, the slider will become out of focus as you can see in this fiddle:  Fiddle  . I need something that will stop the carousel when it is at it's end (no matter if the size of window as been changed). For at note, the slider is responsive, and will snap to specified grids. I have tried testing with something like:  if (counter + 1 == $('.carousel > div > article').length)
  • history.go(-1) not working in iOS9 Beta

    history.go(-1) stopped working once upgraded to iOS9 beta
  • Vertical Slider

    Hello, I am looking for, as the discription it say's a vertical Slider-Show. Left to the textfield, there should be Links or Buttons to the speciffic "page" in the Slider Show. Till now, I didn't find a vertical Slide Show. Exist there something?
  • Next Page

  • Announcements

  • The Basics of jQuery AJAX

    A step-by-step tutorial for those new to jQuery and wanting to use AJAX in their projects. Includes valuable information about troubleshooting using the console and understanding the request / response. http://jayblanchard.net/basics_of_jquery_ajax.html
  • jQuery Conference 2010: Boston Announcement

      The jQuery Project is very excited to announce the jQuery Conference 2010: Boston on October 16-17, 2010.  The conference will be held at the Hilton Boston Logan in Boston, Massachusetts.  The best part of this announcement is that Tickets are on sale now!  This venue is the largest that the project has worked with to date (Harvard Law School in ‘07, the MIT Stata Center in ‘08 and Microsoft New England Research Center in ‘09) and we expect to sell out very quickly. A brief synopsis of some of