slideshow with previous and next buttons to work
I am trying to get the event handler attached to my Next button to work, and then will have to do the same with a previous button. I am getting a "Not implemented" error in line 8 of the jQuery - I am newer to jQuery and Java, so not sure why this has happening and have exhausted myself trying to find out why. Besides just a fix, an explanation would be appreciated. Buttons in HTML: <input type="button" id="previous" value="Previous" > <input type="button" id="next" value="Next" >jQuery:
jQuery Mobile Download Builder doesn't work
Sorry... today, jQuery Mobile Download Builder doesn't work. Could you please check?? thanks in advance
Customize Slider Tabs
I am trying to customize Owl Slider http://www.owlgraphic.com/owlcarousel/ by adding Tabs. So that clicking Tab1 shows Slide1 & Tab2 shows Slide 2 and so on. The tabs are working fine. I would like to sync it with the slider so that when Slide 1 is active, Tab 1 is highlighted(add 'activeClass'). Here is a sample file. https://www.dropbox.com/s/jm7p9k9qie2np29/owlTabb2.html Sample Script, based on http://www.owlgraphic.com/owlcarousel/demos/owlStatus.html <script> (function($) { $(document).ready(function()
A glitch
I have a table with the following repeated code in it <td> <span>+</span> <span>some number</span> <span>-</span> </td> and the following code var sign = $(this).text(); var qu = $(this).parent().children().eq(1).text(); var v = $(this).parent().children().eq(1); if(sign == '+') { if(qu >= 10) { } else { qu = qu + 1; $(v).text(qu); console.log(qu); } } if(sign == '-') { if(qu <= 0) { } else { qu = qu-1; $(v).text(qu); } } The code which reduces the number by 1 works fine However the code which increases
jQuery - Array GROUPBY
Hi All, I have some data in an array. I want to groupby the data based on a specific column. Please note, its NOT sorting that I want. Example: Name Dept DOJ AAA D1 1.1.2010 BBB D2 2.1.2010 CCC D1 1.1.2010 DDD D2 2.1.2010 EEE D1 1.1.2010 FFF D2 1.1.2010 I want to groupby the data based on DOJ and then based on dept. So, the output should be as below: Name Dept DOJ AAA D1 1.1.2010 CCC D1
Passing parameters to url
Hi, I am new to javascript and jquery but found the jqgrid plugin very useful for what I am trying to do. I found a sample code online, which uses jqGrid with local data, you can find the complete code here: http://jsfiddle.net/hE2GB/9/ I have added the two lines for "url" and "editdata" similar to the example code below to editsettings {} on line 114. It seems to be calling the url correctly, but for editdata, i want to pass the selected row as a parameter which doesn't seem to work using the code
problem with dividers
in the next file when i run it . the list it create for me have two name 'house' and 'tree'. the problem that the list is not autodividers , only when i search for name in the list it make the list with dividers <!DOCTYPE html> <html> <head> <title>First jQuery Mobile Example</title> <!-- the three things that jQuery Mobile needs to work --> <link rel="stylesheet" href="jquery.mobile-1.4.2/jquery.mobile-1.4.2.css" /> <script src="jquery-1.11.0.js" type="text/javascript"></script>
Fixed-Header with extra columns.
hi, I am using fixed-header code for my table on vertical scroll, its working fine for all column name except last two (balance and pay status) because they are going out side page (horizontally). and when i scroll from bottom to see the last two columns values , the fixed header only show the columns till advance, fixed header not showing last two remaining columns that go out side page horizontally. Check the screen shots for better understanding. image-1 you can see all column till pay status.
how to load different page content using Jquery / ajax
i have two menu panels . i need to load contents without refreshing page. how i do it left menu --------------------- <ul> <li><a href="1.html"></a></li> <li><a href="2.html"></a></li> <li><a href="3.html"></a></li> </ul> right menu left navigation --------------------- <ul> <li><a href="a.html"></a></li> <li><a href="b.html"></a></li> <li><a href="c.html"></a></li> </ul> <div id="content"> </div> i need load pages in #content div.. pls help me to write script . i need one script for all links
cant click a dynamically generated element.
I have a HTML table which is dynamically generated The <table> <thead> all tr's and td's within the thead and <tbody> are generated using $.append() The TR's and TD's and content of the td's inside the <tbody> are created using $.each() I want to use .on() on these elements .on() works for the elements generated by append() but it does not work for elements generated by each() why is this?
$append() inconsistent behavior
I have discovered that if you use $('body').append("<table>"); a full table element is appended ie debuggers show that both <table> and </table> are present. But if you use $('body').append("<tr>"); only the opening tr is created. You have to use $('body').append("<tr></tr>"); to get the full element. If you use $('body').append("<table></table>"); then the closing tag gets duplicated. I noticed this with some other HTML elements as well. Why does append() show this difference depending on what is
Getting and setting from XML
I want to display a list of results from an XML file. When you click an item from the list of results it displays the selected value in a separate div and when you confirm it it saves it to local storage. Any Ideas? Thanks
Can't add resizable widget dynamically?
CAVEAT: It's entirely likely this is my own stupidty and not a bug. Check out this JSFiddle. It creates a resizeable box, then adds another dynamically, and tries to initialize that, but only the first box is resizeable. 1) What is the correct way to do this? 2) (If I'm doing it semi-correctly), what is wrong here?
ejecucion de varias "ordenes" mediante un boton
hola, Estoy Intentando implementar un boton En Una pagina de php Con Una Rutina de HTML Incorporada (este boton esta Dentro de la Rutina html) aqui el codigo: <script language=JavaScript> function calc() { vent=window.open('','tpv','width=725,height=600,scrollbars=no,resizable=yes,status=yes,menubar=no,location=no'); document.forms[0].submit();} </script> ........ <a href='javascript:calc()'><img src='img/imagen.png' width='94' height='31' /> como veis, al pulsar el boton hace una llamada a la funcion
apk wrapper for my website
¿There is available some apk wrapper for contain the internet navigator with my website url? Thus, I have made my website, I have the url to type in the internet navigator, but don't want the end user have to type the url nor uses an shortcut because then in the navigator the url is visible and the user can change it. I would like develop -or even better use some existing wrapper or so on- an apk containing my website. The apk will be suitable for sending by email to users, or download from web.
How save all changes in local storage?
I'm trying to create an editable listview. You can add and eliminate elements of the list. Each element have a group of elements that you can see if you click on each element. How can I save all the changes of the list in local storage? I need save the changes of the listview (add/eliminate items) and the the data of the all the inputs text that are inside of each item of the list. here is my code: http://jsfiddle.net/juank_romero/hA8Ps/11/ Thanks for your help :)
Created a cookie but it is not seen unless the page is refreshed.
I have a small project, 5 pages, 1 front page, 4 sub-pages. I'm using jquery mobile. On the frontpage, I have a cookie being created to control a pop-up that shows for the fist time user. The problem is if a user navigates to one of the sub pages and back to the front page, the cookie is not seen and the prompt is shown again. Here is the code and the popup. http://jsfiddle.net/afP8D/. The cookie works if the user refreshes but the native way that jQuery navigates pages doesn't seem to re-run code.
Issue on Using jQuey load function
can you please take a look at this ajax load() function Demo and let me know why I am not able to load data from the URL into the divs Here is the code I am using: <div id="result"></div> <div id="page"></div> $('#result').load('ajax/http://www.fifa.com/worldcup/index.html .mu-m'); $('#page').load('ajax/http://www.fifa.com/worldcup/index.html'); but I am getting this error: Failed to load resource: the server responded with a status of 404 (NOT FOUND)
static div as popup in single page jqm cordova app
I am new to jquery and have a very simple single page JQM on Cordova(PhoneGap) app I'm "prototyping". I am trying to invoke a div as popup . I have popup div defined as: <div id="myPopup" data-dismissible="false" data-role="popup" data-footer="home_footer"> <p>This is a simple popup test.</p> </div> Invocation of popup is doen here: <a id="PressMe" onclick='invokePopup();' >popup</a> invokePopup=function() { $("#myPopup").popup("open"); } invokePopup function doesn't work. Any suggestions
findExclude(), a descending traversal method with functionality similar to parentsUntil
Hello, first time contributor looking for feedback. I ran into some issues where selectors were not the right tool for filtering nested elements and noticed a few cases of this around the internet. Primarily I see this in situations where people use $( selector ).each() for things like: Search within a container class which may have the same type of container nested within, as in my example with "Messages" - for form message threads. Searching by tag with nested ul/ol/table when each depth is meant
Need help selecting numbers only in a div element
Hey Guys. I have a quick question. I am trying to select a float in a div element that also contains a string. Is there a way I can filter so it just get the number? Another alternative is to wrap the floating number in a separate element, but I would rather use jQuery to filter out the text so it can get the number. Below is my HTML code <div id="grand_total" class="totals">Grand Total = $7.57</div> $('#tip').change(function() { var $tip = $('#tip').val(); var $total_amount = $('#grand_total').text()
Datepicker when set date to below 100 resets to 1900
When i make a new date object with say for example 03/03/03, the date get set to 2003 in the drop down and when i try setting the date range or anything of the sort it changes automatically to 1903. I set the range from say 0 to 2014 by using any and all ways of setting the ranges and whenever i go to below 100 on the dropdown i get a value of 19** in the value menu for the date of the year. I dont know how to change this or if im just missing something would really appreciate the help. code for
Generating content with SimpleModal plugin
Hi. I’m trying to use simplemodal (http://efimov.ws/assets/files/develop/11/modal/basic/index.html ) but I can't get the modal window to show any data. I've been trying to get the about me.html content to show when the 'about me' button is pressed. Any help would be very much appreciated! http://jsbin.com/yabewahe/1/edit?html,css,js,output http://jsbin.com/mososobu/1/edit?html,css,js,output
getJSON problem
This code does not work chrome debugger says received an invalid response origin is null therefore not aloud access. This is the same for both local machine and web host. <script> $(document).ready(function(e) { $.getJSON("JS/testobject.js",function(data){ $.each(data,function(key,val){ $('body').append(key + ":" + val +"<br />"); }); }); }); </script> The JS/testobject.js file contains the following var data = [ { "key": "value", "key": "value" },
Server side pagination using Jquery tablesorter pager and ColdFusion is not working
In my application I am using Jquery table sorter and pager.I need to do server side pagination using this pager's ajaxURL and ajaxProcessing options.I am using server side language as coldfusion. When I call a cfc method using this ajaxUrl option in pager I am getting "Uncaugh error :OK[200]"in the table cell. Here is the code that I am using ================================= $(document).ready(function() { $("#myTable") .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({
Mock service call QUnit with QUnit
I have a javascript file where I am using include.js. The file (ContactsManager) looks something like this: define([], function() { 'use strict'; var exports = {}; exports.ContactsManager = function (service, contactsContentHolder) { this.getExistingContacts = function() { // display wait image until service call does not returns var waitImageDiv = document.createElement('div');
create as animation (cartoon) in jquery
Hi, Everyone Is there any plugin or something to animate images as a cartoon animation? Creating a cartoon animation by jQuery! thx
how to make jquery event in the popup work?
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" /> </head> <body> <div id="map" style="width:500px;height:500px;"> <script> var map = L.map('map').setView([54.6154, 18.8141], 7); L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
Refresh only a div every 30 sec
is it possible to refresh a div every 30 seconds without calling in an external page. for example there is a div called #sample and i want #sample to refresh every 30 seconds.
Inserting a button in <td> on condition.
Hi everybody, I'm still here because I need your help to realize something like that: I have an html table, when value of <td> is > 6 I would like to color it red and when I click on it, it runs a js function. But only when the value inside <td> is < 6. I have a function that color the value inside <td> in red when it is < 6: $('input[name^="voto"]') .keyup(function() { $(this).toggleClass('highlight', parseInt($(this).val(), 10) < 6); }).keyup(); Thanks in advance. Tegatti
Jquery UI Slider different sizes ?
Can i make different size of sliders with jquery ui ? I need to make a small slider and a bigger one (and with slightly different css) I already made the big slider. Here's what i got for the first slider (i customized the slider appearance): .ui-slider .ui-slider-handle { position: absolute; z-index: 2; top:20px;bottom:0;margin:auto;;width: 24px; height: 35px; cursor: pointer; background : url(images/SliderHandle.png) transparent; border : none;} .ui-slider-horizontal { position: absolute; top:875px;left
How to highlight active menus in slide down box menu.
Hai. Can anyone help me with highlighting the active menus in slide down box menu. Download this jquery plugin for free from http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/
How save changes of a editable list?
Hi everyone i have a code of a listview. You can add and elimitate items of the list. Also if you click on an item list this open a square. In this square you find a input text. here its the code: http://jsfiddle.net/juank_romero/hA8Ps/11/ I need save all the changes that the user makes, i mean save the changes (add/ eliminate items) that the user makes to the default list view. and also save the text that the user write in each text input. The idea is that any user could edit their own listwiew.
send data (POST) from jquery to controller in cakephp
Well, The problem is that I always get the same error "anonymous function" is because when I want to send data via post these never find the Controller or the path to the Controller, I have proven with three ways to send data in the JS. validate.js $(document).ready(function(){ var route ="<?php echo Router::Url(array('controller' => 'soyaproductorcompras','action' => 'validate_form', 0 => $this->request->params['pass'][0], 1 => $this->request->params['pass'][1]));?>"; $('#proveedor_carnet').blur(function(){
$.post(URL,data,callback) is the same of $.ajax({})?? If yes, w en should we use one instead of the other one?
Im starting to study ajax, and I did my first example reading a tutorial. In my first example, Im deleting images from a gallery, without loadingmy page. I have a jQuery function that executes when I click in my image with class "imagesdel", and then I get id of my image to use in my post. $(function(){ var url = 'delImage.php'; $('.images ul').on('click','.imagesdel',function(){ var delId = $(this).attr('id'); $('.images ul li[id="'+ delId +'"]').css('background','green'); $.post(url,{action:'del_images',image:delId},function(){
jquerymobile multiple pages in seprate html
Hello, im new to jquerymobile and trying to set up a website. I would love to use seperate files for some pages. so i set up a index.html with a menu linking to some internal pages and some seprate html files. when i navigate to a page in a separate html file, the first page in this html loads correct, but if this seperate html also consists of sevral pages, links to those internal pages dont work. when i refresh this second html the links to the internal pages do work again? to explain a bit more,
JQM with phonegap showing "Uncaught TypeError: Object # has no method 'remove' "
Hello, I am using JQM 1.4.2 with phonegap i am getting error as : 1) "Uncaught type error : Object # has no method 'remove()' file:///android_asset/www/scripts/jquery.mobile.min.js: 7 "; on line number 7 of "jquery.mobile.min.js" there is method "this._ui.screen.remove()" this is happening while redirecting the pages. I have three different pages : home.html,reg.html,calResult.html. On these pages i have include "jquery.mobile.min.js" as i need it on all three pages. I am redirecting all these
QUnit test runner output via Karma process?
I currently have two runners for my tests, which means maintaining two, and I'd like to meld them into one process. I have the standard QUnit html runner page, and I have Karma running tests through PhantomJS. Is it possible, from Karma, to pipe and output test results through the QUnit html runner page? What I'm ultimately after is the reporting and granularity of the QUnit runner page, but having that sourced and output via Karma, rather than having to maintain the QUnit runner page as a separate
Problem with elevator zoom plugin
Hi My Script doesn't work if I use it with the elevator zoom plugin at the same time. <html> <head> <title>Wir feiern die Wirtschaft der Zukunft</title> <link rel="stylesheet" type="text/css" href="style.css"> <script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script type="text/javascript" src="js\elevatezoom-master\jquery.elevateZoom-3.0.8.min.js"></script> </head> <body> <div class="container"> <img id="zoom_07" src="oebu.png" data-zoom-image="oebu.png" /> <script> $("#zoom_07").elevateZoom({
How to get the position of cursor?
Hi I am trying to include many different hover selectors on just a simple img tag. They would just explain each part of the image in words. Because I cannot work with classes or IDs, I will need to find out the current position of the cursor first. I tried it this way but the problem is, if I resize my browser the values are no more the same. Is there a way I could fix this problem or is there another way to realize what I want to do?
Next Page