Error while fetching data from cross domain using ajex
when i try to fetch the data using Jason from cross domain i am getting this kind of error "Error: jQuery1910031708905171111246_1388038501367 was not called" i am using ajax callback functionality and my jQuery version is 1.9.1. $.ajax({ type: "GET", url: 'my url', //the script to call to get data jsonp: "callback", dataType: 'jsonp', //data format timeout: 10000,
What do you think about my new project?
Hi all, I'm sorry for my bad english. I'm trying to create a new javascript library to build stylesheet on the fly. This library is using jQuery as its core. Please visit my project Tocm Library and tell me what do you think about my project. Whether my project deserve to be continued? Whether my project have a future? Thanks, Nanang
Error label in jQuery Validation
The error label after validating form with jQuery validation doesn't appear at the correct place. This is the matter only with radio buttons and checkboxes. Instead of appearing the error label on next line it appends with the radio button/checkbox. Here is the sample layout: Here is the HTML code I am using for radio buttons: <div> <input type="radio" id="1385825951-27-0" name="1385825951-27" value="Male" required><label for="1385825951-27-0">Male</label> <input type="radio" class="gief-radio"
Javascript not executing on window.onload when page first loads, but does after a page refresh
I'm pretty new to JQuery and think I have a fundamental misunderstanding of how JQuery mobile works. I'm learning as I go, so I'm not necessarily looking for a specific answer, but a direction to go find it on my own. I am writing some javascript functions with PHP at the server. When the page loads, there is a window.onload command that runs one of the functions. Contrary to what I'm thinking should happen, it doesn't. The script is written at the server then served to the browser. At which time
jqXHR object ?
Is it possible to get access to the jqXHR object from the pagebeforecreate or other jqm event? I'd like to have access to the entire page response (responseText) - not just data-role="page" specifically, I'd like to grab the shortcut icon from the requested page so that I can dynamically update the page's icon.
jquery table plugin with edit link
Hello, I am new to jquery and I am looking for plugin like DataTables which will populate based on the data from server but will have edit button as well. If the user clicks on the edit button a form should open(i dont want inline editing) with pre populated data. Thanks, Samir
How to trigger an analytics event on a page scroll ?
After checking a couple of forum and trying different script, I still do not succeed to trigger an analytics virtual pageview for a scroll down on my test page. The page is http://2eurosocks.com/test-scroll.html. The JQuery file is jquerytest.js I'm trying to use the on scroll function when a user reaches the div id=pageBottom. Could anybody have a quick look and tell me what I am missing please ? Thanks a million.
Encontrar un elemento dentro de otra pagina cargado con .load
Hola, no consigo seleccionar un elemento cargado de otra pagina. Os pongo mi codigo: index <div id="contenido"><!-- aqui ira la pagina cargada --></div> Mi funcion dice asi: $(document).ready(function () { $('#contenido').load('1.php'); if ($('#act').length){console.log('encontrado');}else{console.log('NO encontrado');} }); y la pagina 1.php: <p id="act">hola</p> En la consola siempre me sale "NO encontrado". Como podria hacer para seleccionar ese objeto? Saludos.
Function doesn't work with latest API
I have the following character counting code. It works fine if the line to load the API is jquery/1.4/jquery.min.js. If I change it to jquery/1.10.2/jquery.min.js, the div doesn't update. Would someone point out the problem, please? <div><input type="text" name="title" value="Replace me" id="pagetitle" onkeyup="javascript:return ShowCharacterCount('pagetitle')"> </div> <div><input type="text" disabled name="title_cnt" id="pagetitle_cnt" value="0"></div> <script type="text/javascript"
Slide Show in Html 5
HI ALL I have requirement to create slide show using Jquery in html5.I used Jquery sliders which is not working can any one help me how can I do slide show using jquery Thanks Quality Communication Provides Quality Work MOHAMMAD SIDDIQALI.
Refresh containment for helper during the dragging
Hi! I have document as the containment for helper. During the dragging document may be increased, on the specific event. How I can refresh cached containment boundaries? Now I have to use private methods like this: ``` //somewhere inside my event handler $.ui.ddmanager.current.document = $(document); $.ui.ddmanager.current._setContainment(); ``` Thanks!
How to Create Slide Show using .clearQueue()
Hi Folks, * I am come acrossed .clearQueue() method which is part of jquery Effect Section. *And I found it's very different and through this I want to create the slide show .Can any one help me in how can I create the slide show on page loads using ..clearQueue() method. Thanks
slide and collapse working together
I have a page with 4 rows and 2 cols, in each of this rows is a bootstrap accordion and an image which is in the other column. When the header is clicked the accordion opens(bootstrap collapse) and a hidden div with images is shown under the image already visible on the page (slide jquery). So with one click 2 divs open(accordion body+hidden div), this works for all 4 accordions when I use different ids for the accordions, but they stay open. I like to have them close if another header is clicked.
jquery fliping problem
HI All I am using jquery fliping plugin "jquery.flip.min.js" , i Face problem Mouseleave doesn't trigger when Mouseenter is not completed yet
jQuery 2.0 | Youtube API 2 - Get data of each video ID from Playlist feed excluding private or deleted videos
Using the Youtube API 2 for embedded iframe, and after dynamically building a list of videos from a playlist feed which is rid of private or deleted videos, I aim to retrieve the duration of each fetched video through jsonc, kinda like so: // Code to first display playlist feed and remove private or deleted videos (if any) not included here. . . . var vid = Array(); $(".list:visible").find('.videoID').each(function(data){ vid[data] = $(this).text(); var video = '//gdata.youtube.com/feeds/api/videos/'
more questions on xml and toggle
I am reading xml just fine and displaying embedded<li> selectively using toggle(). I would like to diplay a plus sign next to items that haven't been expanded, and a minus sign to indicate that something can be collapsed after it has been expanded. I can show a plus sign easy. I can even show a minus sign, but it get s applied to all the <li> and I can't seem to get it to switch back to plus either. I have tried to accomplish this by writing various iterations of a function inside toggle. I would
Ping test for external URL (cross-domain) using JQuery
I am trying to do an PING test to an external URL to see it is available or not. So i want to make an HTTP call to than external URL and expecting the status as 200. When i tried with $.ajax, $.post and $.get and all, i came to know that there is Cross-domain issue. Then tried again by creating a proxy in my apache server, as below. RewriteRule /l2/eddUtilityService/eddUtilityService.wsdl http://AAAAAAAAAA.com:59060/eddUtilityService/eddUtilityService.wsdl ProxyPassReverse /l2/ http://AAAAAAAAAA.com:59060/
How can I validate a textbox for numbers only?
Hi, I’m trying to validate a field for numbers only. I’ve been trying the following script but it doesn’t work. <script type="text/javascript"> $(document).ready(function () { $('#saveBtn').click(function () { var trial = $('#HomeworkGrade').val(); var numbers = /^[0-9]+$/; if (trial.value.search(numbers)==-1) { alert('Correct data is entered')
range slider inside panel doesn't work
I have some sort of canvas paint apss on mobile. I would like to increase the paint brush size simply with a range slider but as soon as I increase the value in the slider, the paint brush size does'nt seem to increase at all. Here's the code. I put the range slider inside a panel <div data-role="panel" data-position="bottom" data-display="overlay" id="bottompaneloverlay2" data-theme="a"> <div class="ui-bar ui-bar-c"> <form id="largeurs_pinceau"> <label for="largeurs_pinceau">Brush Size:</label>
New issue (1.4) with date fields causing major problems
Hello, This I'm sure did not happen in 1.3 or I would have seen it - but now I see it all the time, and it's causing data to be lost. We simply have a date field <input type="date" value="" name="dadNeededBy" tabindex="10">And when you enter it on the FireFox browser or the iPHONE, it works and enters the date into the system. When you go back to the form, it is: <input type="date" value="" name="dadNeededBy" tabindex="10" value="10/10/14"> The issue is on the browser (FF, IE, Chrome), it's fine
.on() target and selector question
Hi: This is for a modal div with mask. <body> <div id="content"> <p>blah</p> </div> <div id="modal-box"> <a class="close-btn">there's an image for this, but whatever.</a> </div> </body> So the #modal-box is on the page like it's supposed to be according to the on() documentation. The #mask div gets injected; both were set to display: none in the css. $('#modal-box').fadeIn(300); $('body').append('<div id="mask"></div>'); $('#mask').fadeIn(300);So I want to click the .close-btn or the
When change page what is change
http://www.youtube.com/watch?v=qxVO0tFdiuA&feature You can watch video. I captured video for showing problem. When i create popup and show listview. It is working correctly but when i change page and load listview, It is not working, I think global variable will deleted. here select is global variable, first time openning search page it is working but second time openning search page,nottings work. i dont know why ? When make popup its working. What is it changing when i change page ? How can i
JQuery Validation not working at all
I have downloaded the JQuery Validation plugin. I am trying to run the examples in the test folder, but am not getting any results at all. I have checked the paths to all scripts, and they appear to be correct. Any suggestions for what I can try next? Thanks!
Removal of divs that do not contain other divs
Hi All, I'm am trying to target an empty set of divs & remove them (.stacks_out) & everything inside of them. Note there are others similar, but they have divs inside the comment lines. Typ. divs I want to remove: <div id="stacks_out" class="stacks_out"> <div id="stacks_in" class="stacks_in"> <!-- comment line --> <!-- another comment line --> </div> </div> $('.stacks_out').each(function() { if ($(this).children().not(":has('div[class^="searcher"]')")) { $(this).remove(); } });
movement problems with modal Dialog
A while back I asked a question regarding how to stop a fixed dialog from having its movement scaled by the vertical scroll position of a page. This post seems to have disappeared, anyhow. I've been working on another project so only recently come back to this issue which is still very much extant. I believe I posted a JING link at the time, but it seems very easy to replicate 1) create a document such that it is larger in height than the display area permits 2) stick a button to open a dialogue
modify this code to add more combo boxes
Hi, I have the following code.. It's adding (creating) a hobby textbox when clicking the link. <script type="text/javascript"> var counter = 0; $(function(){ $('p#add_field').click(function(){ counter += 1; $('#container').append( '<strong>Hobby No. ' + counter + '</strong><br />' + '<input id="field_' + counter + '" name="dynfields[]' + '" type="text" /><br />' ); }); }); </script> I also have the following code: <div id="container"> <select name="cboResidenceLocation"
Slider range
I am speaking about http://jqueryui.com/slider/#range How can i edit css of that slider?
Crazy Input Behavior in IE9 & IE10
I'm using jQuery 2.0.2. I have a page with no forms, but multiple inputs all activated by jQuery. It's a pretty simple setup. The problem I'm having is that, if you type a number into a text input and hit return, that activates that input's "keypress" event, but then it also activates the "click" event on a completely different, unrelated button. It is completely wacky and makes no sense at all! I made a very boiled down test case you can check out here Or for inline code, here is my HTML: <section
xml output
I am reading an xml document and I have a couple of additional things I would like the output to "do": Here is the xml: <?xml version="1.0" encoding="UTF-8"?> <bn> <node> <name>Stability</name> <state>Low - <state-prob>0.15</state-prob> </state> <state>Moderate - <state-prob>0.25</state-prob> </state> <state>High - <state-prob>0.60</state-prob> </state> </node> <node> <name>Free/Fair
JQUERY CYCLE - HOW TO ENLARGE THE SLIDES?
Hi I'm very new at Jquery and I have just created an image slider that works perfectly. I would like to add the option of enlarging the single slides by clicking on them to see them in a bigger window that pops up above the current page. How can I do that? MANY THANKS
Using .on() instead of .live()
I'm creating a plugin for Wordpress utilizing jQuery to handle submission of a form. My script is working fine when I use .live(), but looking at documentation, .live() has been deprecated since version 1.7 and states that I should be using .on() (which I guess I should be using since default Wordpress 3.8 comes shipped with jQuery 1.10.2). Problem is, .on() is not working even thought .live() was. Here's my working .live() code: jQuery(document).ready(function( $ ) { $('#swt_createRaceTypeForm').live('submit',
Need help with Wordpress "hashbang" problem
Hi, I'd really appreciate help with this. When I share a page URL on LinkedIn, it appends a "#!" after the slash. When the page renders, it displays mangled. I use Wordpress, but I'm no pro. I tried installing a redirect plugin to send #! URL's to the source URL, but it didn't work. Is there an easy fix for this? Here is the page I'm having problems with specifically: http://www.ideafaktory.com/best-articles/ Here it is with the bad URL http://www.ideafaktory.com/best-articles/#! I did an ugly
Checking if a remote file exists once detection is realised.
Hi, I have a function that detects internet connection by returning true or false. Using: status=checkConnection(); then returning either True or False from the function. Now if that statement is returned as True so I now know that I have a connection I then want to do something similar to detect the existence of a remote file. So the function would be something like. file_exist=lookForFile(); function lookForFile(){ Ajax call to look for file. If it exists return True otherwise False.
Loading a remote JSON file.
Hi, I am having problems trying to load an external JSON file. I have established the file exists on the server but now want to use it to make a list. This is the JSON file I am using: var employees = [ { "firstName":"John" , "lastName":"Doe" }, { "firstName":"Anna" , "lastName":"Smith" }, { "firstName":"Peter" , "lastName": "Jones" } ];But unsure using JQuery how I access it to return an array. Thanks in advance.
jQuery Validation on jQuery Autocomplete
I am trying to validate jquery autocomplete to select only from the prepopulated list.I have done this in the autocomplete change event as below : $( "#supcode" ).autocomplete({ source:tags, //To select only from the autocomplete change: function (event, ui) { if (ui.item == null || ui.item == undefined) { $("#supcode").val(""); $("#supcode").attr("disabled",
1.4.0 Collapsible: Icon dissapears when updating header
I have a project in JQM 1.3.2. This project uses a collapsible. For multi language I have to update the header and the content dynamically. In version 1.3.2 this worked: HTML <div id="idCollapsible" data-role="collapsible"> <h3 id="idCollHead">OK!</h3> <p id="idCollCont"></p> </div> JS $('#idCollHead').text('translation'); In 1.4.0 this no longer works. The icon dissapears. I tried a lot to fix this, but without success. Please help!
how to add a new member to group?
Hi this is the fiddle this is not working for small screens so for display please use this link. In the users tab,there are 2 tables.left side are group members and right side are group members. For example,when you clickon del group name then their respective group members will be selected(check boxes will be selected). The member so of del group are 1st row,2nd row and last row.So when you click on the del group button(on the left side) then 1st row,2nd row and 3rd row checkboxes will be selected.Also
panel between page header and footer
Is there a clean way to render a panel between the page header and footer? I'm working on an application that requires the window to be (vertically) split in half and the panel widget seems to be perfect just for that. But panels are always rendered on top of the header or the footer but this gives the user the feeling that the content of the page doesn't really belong to the scope between the header and footer. I made a jsfiddle for people who know how to change behaviour of the panel. http://jsfiddle.net/3cVXu/
$("html").empty() fails in IE.
Hello, this will be my first newbie question on this forum, so go easy.... I was just experimenting with methods to erase all children of <html> and replace it with an entirely new DOM structure. I tried something as basic as this: $("html").empty().html("<head><title>Hi!</title></head><body><h1>Hello World!</h1></body>"); So, this code fails in IE6 and IE8, but it works in the latest version of Chrome. Does that mean this is a bug? What would be a better alternative solution that works for IE
Datepicker Positioning
Using 1.4.2 and ui 1.8. I have an text box datepicker. I want it to display above the text box, and cannot figure out how. I read the docs, searched this forum, read some of the code... This should be easy. In Chrome it appears above. On IE and Firefox it appears below. Any help appreciated. TIA
Next Page