what to do if data-attribute is not working ?
Hi, it looks like our Apache server is not configured to work with html5, I talk to people in charge of the configuration but did not get any help, maybe they don't know how to do that setup. My question here is : when my html page load, couple data attributes got populated from the server side, but let say we have a static html code that has : <tr id="24" data-one="[string1,string2,..stringn]" data-two="[otherstring1,otherstring7,...,otherstringm]" > </tr> what can you advise me to use instead of
moving from custom.catcomplete to autocomplete
I was using jquery 1.9 and decided to try putting in 1.11.2 for the smaller file size. With 1.9 I had a custom widget I found that looked like this $.widget("custom.catcomplete", $.ui.autocomplete, {
_renderMenu: function (ul, items) {
var that = this,
currentCategory = "";
$.each(items, function (index, item) {
if (item.category != currentCategory) {
ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
currentCategory = item.category;
}
that._renderItemData(ul, item);
});
}
});
dialog using a html span element
I have a main html index page arranged in several divs and spans. I use google charts to populate the spans and arrange them. The charts and data do load and look ok. On the click event of one of the charts, I populate one of the span elements and throw a dialog like the following. $.ajax({ type: "POST", async: false, url: "yyy_details102.cfm", data: "djobnamespec=" + specstr + "&status_var=" + num_stat + "&r=" + Math.random(), success: function(response) { $("#jlistdet").html(response); $("#jlistdet").dialog({
Odd behaviour when I bind an event again
I hope your 2015 it's being awesome and thank you from beforehand for taking a minute of your time to help me, first of all, I'm a noobie who's been learning by its own...I stumbled upon with the 'unbind' and 'bind' events and that's giving me troubles, please take a peek to the next code: http://jsfiddle.net/nero_noob/ktf1v8k0/ click at 'stuff1' or in 'stuff2' and you'll see they both have a 'toggle' attached to them, no bid deal...when I click in the button 'unbind' the effect dissapears as I
Validating checkbox groups without changing "name" attribute
Is there a way to validate a checkbox group without having to make the "name" attribute the same for all members of the group? We're using a 3rd party service to maintain HIPAA compliance for form results, and they need to use the contents of the "name" to identify each checkbox; making them all the same destroys their results. Example (original html): <input type="checkbox" name="SkinDryness" value="checked" id="SkinDryness" > Dryness<br> <input type="checkbox" name="SkinLesions" value="checked"
Loading icon stay on the index of my WebApp before i refresh
I, I use JQuery Mobile to make a webap and since the beginning, the loading icon stay fix on the first page. Any Idea ?
jQuery Mobile Theme Builder
The Theme Builder does not allow me to duplicate themes. If I design/build theme A and then duplicate the theme, I am unable to edit that theme (B). Each time I click on the "B" tab, the theme continues to duplicate, but shows the "plus" icon instead of a letter. I am unable to delete the extra copies and keep losing my work.
copy to clipbord
Hi, I found this copy to clipboard in this page : http://www.quackit.com/html_5/tags/html_video_tag.cfm under the section that says : Web Server Support for MIME Type I tried to duplicate it i a jsfiddle, but it does not work, here is my fiddle : http://jsfiddle.net/mlotfi/y12d2915/ Thanks
Attribute Equals Selector [name="value"] and periods.
I recently upgraded jquery from Jquery.ui.1.7.2.js, jquery1.3.2.js to jquery-ui-1.9.2.js jquery-1.8.3.js. We use MVC and have a lot of name attributes with period in them so they get put into our models. Code that used to work no longer works because jquery no longer allowed periods in name value selectors. On the following page http://api.jquery.com/attribute-equals-selector/ it says value: An attribute value. Can be either an unquoted single word or a quoted string. So can someone specifically
Vehicle Creator JQuery.
Hello, a friend told me that I would find here an example of a vehicle creator. If can u help me please send me a link. it should work like this: Link So much THANKS for any help.
Maintain a session from json data
I need a session to create in window load function and can use that session to pass as a parameter to login.php file or is there any alternate maintain a session and use it as globally? $(document).ready(function(){ $('#login_btn').click(function(){ var rest_username = $('#email_login').val(); var rest_password = $('#pwd_login').val(); $.post('Login.php',{Email:rest_username, Password:rest_password, BrowserName:browserName, OpertingSystem:OSName},function(data){ if(data.value){
how to now what event is blocking another event? (phreeze example)
Hello, I'm trying to build a site with phreeze that uses jquery and bootstrap. on generated lists creates something like this: http://phreeze.com/cargo/services With depends a lot on this http://phreeze.com/cargo/scripts/app/services.js I edited the html of the listview adding a column with an image. Add a click event on that image, but the row-click event is "blocking it"... If I remove the code from services.js, particulary: $('table.collection tbody tr').click(function(e) {
e.preventDefault();
var
slideToggle sliding margin after intended div
Hi, I'm trying to slideToggle a div according to the code posted below. What happens is that the div I want to slide up and down actually jumps and the margin after the div slides. Am I thinking too complicated? Thanks for your help... $(document).ready(function () { $(".button").click(function () { $(this).parent().next("div").slideToggle(); }); }); <div class="section"> <div class="bar"> <a class="button">Users <span class="arrow">▼</span></a>
How to programmatically send SMS on the iPhone
This is our code.How to implement it in iphone <a href="sms:;?body=Hello">Send SMS</a>
JQuery Checkbox Filter Issues
I am trying to make this work with already existing javascripts on my webpage. This is what I want http://jsfiddle.net/tkLK6/ But when adding it to my already existing javascript I cannot get it to "filter". (See this JSFiddle) Thanks for your help!
Accordion trigger function when previous panel has completed collapse
Hey all, I'm struggling with the jQuery accordion in a project I'm currently working on. I have image carousels embedded within each panel in multiple accordion instances. I only want to have one carousel active at a time obviously so I have chosen to activate the carousel inside a panel using beforeActivate which works correctly but I also need to deactivate the carousel when another panel is clicked and the collapse animation has completed. Can someone please advise me on how I may accomplish
Jquery DatePicker
I have three date variables that I am setting var startDate = (today.getMonth() + 1) + '/' + (today.getDate() + 5) + '/' + today.getFullYear(); var otherDate1 = (today.getMonth() + 1) + '/' + (today.getDate() + 7) + '/' + today.getFullYear(); var otherDate2 = (today.getMonth() + 1) + '/' + (today.getDate() + 10) + '/' + today.getFullYear(); The Start Date will be the Min date beforeShowDay: $.datepicker.noWeekends, minDate: startDate The Issue is I need to have the startDate to have a non weekend
Freewall gallery link issues
HI I'm using the script available from the Freewall gallery project ( http://vnjs.net/www/project/freewall/ ) I need to know how to make the images in the gallery 'clickable' ( they must perform a function to make other independent divs on the page visible or not) with some searching I found how to incorporate a link VAR but this shows how to load a new URL . I can't figure how to modify to enable each image box to perform a Jquery function. The 'selector: '.cell' option does work perfectly, however
ID starts with matches more than intended
I've been dealing with this problem and need help to match exactly what I intend for. I'm learning jquery and cannot get it right :( I'm making dynamic textboxes and give an id in this format: id = "addBox" + row + "_" + num; row and num are variables passed by the function. row is dynamic so can go from 1 to 20. Per every row I can have multiple textbooxes and that's the reason for num. When I want to select how many nums are in that row I put a variable counter to give me that value
[jQuery Help] Scan or enter barcode and add to table but count duplicate entries.
Hi all, /* -- BACKGROUND -- */ I work for a company in the retail sector and I have been developing a website for said company. I am currently working on a second site for only staff to use using the WordPress blog/CMS system. Creating plugins for WordPress I can get my head round but jQuery not so much. /* -- MY IDEA -- */ My Idea is to have a permanently focused input field where a bar code can be scanned in via a bar code scanner or can me manually entered. Switching between being scanned or
Pass variable between pages
Hello everyone, I've tried to solve this problem for quite a while without success, so it would be awesome if someone could help me. I want to create a webapp with a tag cloud as navigation tool. No problem there, but if someone clicks on a tag in the cloud he should get images related to the tag. So I need to pass the information which tag was clicked to show the right images. Its works just fine to pass this information between pages using multiple .html documents. Then I can write the tag in the
how can i set the save and return functionality
Hello I'm using jquery.smartWizard.min.js I want to to set save and return functionality (function(a){a.fn.smartWizard=function(k){var c=a.extend({},a.fn.smartWizard.defaults,k),u=arguments;return this.each(function(){function z(){var d=b.children("div");b.children("ul").addClass("anchor");d.addClass("content");l=a("<div>Loading</div>").addClass("loader");i=a("<div></div>").addClass("actionBar");m=a("<div></div>").addClass("stepContainer");jk=a("<a id='lebSave'>"+c.labelSave+"</a>").attr("href","#").addClass("buttonSave");n=a("<a
Can someone tell me in what cases is necessary or useful caching an ajax call (cache: true) ? or when not? Could you give a practical example?
Can someone tell me in what cases is necessary or useful caching an ajax call (cache: true ) ? or when not? Could you give a practical example?
code explanation
Take a look at this code here at lines 12-13: The variables el and group have the jquery symbol in front of them...but in a way I cannot understand. The jquery symbol is always followed by a dot. Can someone explain it to me please? Does this has anything to do with the function found in line 90?
listview javascript function
my jquerymobile html5 application home page has a jquerymobile listview which links to another jquerymobile web page - for example <li><a style="background:#067ab4"; href="/page2.htm" >Go to page two</a></li> The javascript functions on page2 do not seem to work unless I add target=_self to home page link <li><a style="background:#067ab4"; href="/page2.htm" target=_self >Go to page two</a></li> Is there a way to get jquerymobile page2.htm javascript functions to work without using target=_self ?
Prevent shapes being re-arranged after fading out
Hi all, I'm a real jQuery newbie. So I thought the best way to master jQuery is starting to code! And as a matter of fact, I almost succeeded to write a shape-matching program. The aim of the program is to match filled shapes against contours of the shape at the bottom of the page. As soon as a shape matches its contours, it is faded out from the whole scene. The thing with this program is: as soon as the shape vanishes at the droppable object, all remaining shapes will move their position. But,
Remove width/height attributes from Image
I use the following code to load image $(img).load(function () { $(img).addClass("itmImgClass"); }).attr("src", itemData.begedurl); How can I remove the width and height attributes from the resulting image markup ?
Hide all element's that doesn't have the Class
Hi, I've been a bit stuck, can anybody help me please. I want a simple operation, get the class of the clicked item and hide all elements inside of .rs-tabs that doesn't have the class of the clicked element and show the one witch has the same class. Here's the codepen I'm working on. http://codepen.io/anon/pen/JorpaM Any help is appreciated, Best wishes,
Select on the hashTable
I am a newbie in jquery. I have two hashtable like this: Compagnies = {id="value", name="value",....} and Campaigns = {id_company="value", title="value"....}. I am able to do an select box to list all compagnies. But when i select an company i want to see all his compaigns on another select box Thank you
Add tool tip for Easy Confirm dialogue Confirm Buttons.
Code: $("#hlnkSignoff").easyconfirm({ locale: { title: 'Confirm', button: ['No', 'Yes'],tooltip:'hi'} }); I just want to Add tooltip for Yes and no button . If Mouse over on Yes button need to show 'Click Yes' if No button 'click No' How to achive this?
jQuery one pagescrolling
Hi all ... I have created a menu. When I click on it it scroll down to see the specific div ... but how to stop on accurate place ... for example at the top line of the div .. or 20px under this line ... u know what I mean? I hope yes ... please help me ... thanks a lot ... I download something but I am not sure if it is whole code <script> if ( ! window.console ) console = { log: function(){} }; // The actual plugin $('.single-page-nav').singlePageNav({
Action to json stops jquery action
I am pulling locations from a datatable via microsoft sql. The script is below. It work fine on my development machine. When I move it to the webserver it stop executing at: var markers = JSON.parse('<%=GetLocations()%>'); <script type="text/javascript"> function initialize() { var mapOptions = { center: new google.maps.LatLng(44.87431, -93.17217), zoom: 10, myTypeId: google.maps.MapTypeId.ROADMAP }; var infoWindow = new
Scroll down list of products and a shopping cart: update the cart but keeping the vertical position of the products list when going back
I have a list of products and a shopping cart that I create by myself using PHP, jQuery.. The shopping cart is always shown on the right margin of the list. After adding some products, I go to the standalone product page and remove a product. If I go back to the list of products, the shopping cart still shows the removed product.I know I could fix this not caching the web page of the product's list, BUT the products list is populated using a ajax calls, so when going back to the products list it
jQuery Mobile page content not loading on on first visit
I am using jQuery Mobile and Phonegap to develop a new app for iOS devices. jquery mobile-1.3.2 Cordova 3.0.0-0 Im having an issue loading the main content of a page, the main page load normally without any problem however if i click navigate to anther page the main content of page dose not load. If I visit another page on my application or simply go back and revisit all the contents load without any problem whatsoever. Page on the first visit Page after first visit Going into my logs there is
Adding div using nth-child with .after() not working after load more button pressed?
My code is add div inside content normal. It adds banner div after 3th div with id= grid . But when i press button Load More it adds more 4 grid but does not add banner div rest of others any more. This is my code for javascript and html <script type="text/javascript"> $(document).ready(function(){ $.get("http:/domain.com/banner/" , function(data){ $("#column #grid:nth-child(2n)").after(data); }); var num_messages = <?=$num_messages?>; var loaded_messages = 0; $("#more_button").click(function(){
Can't drag dynamically added DIV
I have a DIV with id: TEST that I can drag using jQuery UI. All works, but as soon as I remove it and load the DIV into the HTML dynamically (well to specify more: using SSE to load the DIV into the HTML), the DIV can't be dragged. This is because the jQuery is loaded before the DIV is. How to fix this? Since I use SSE, the DIV is loaded several times over a period of time and must stay draggable. The DIV looks like this in the TXT file (which is loaded into the HTML) <div id="TEST" class="chatmsg"
data attribute return null
Hi, I have already asked a question that my code is working locally in my machine, but when checked in, all the data attributes disappear, I started duplicating my code in a jsfiddle : http://jsfiddle.net/mlotfi/x9xhw3v3/ I don't know why I got : null null Thanks, your help is appreciated.
How do I attach multiple functions with jQuery Ajax content?
I've got a bunch of functions defined in an external js file like so: function tabs() { $(".tabs").tabs(); } function closeOverlay() { $(document).on('click','.close',function(event) { $(".overlay").fadeOut(); }); } I'm using ajax to load content into my template, and need to load these functions along with it. This loads my content and my tabs function just fine: $(document).on('click','#invite',function(event) { $(".overlay").fadeIn(); $(".overlay").load("inc/invite-guests.htm",tabs); }); But I
jsonp in asp .net
Hi to all... i am struck with jsonp. My problem is when i am calling ajax method jquery its not getting in callback method. For example: i) i am calling ajax method from 'A' website to 'B' website. ii) And again calling ajax method from From 'B' website to 'C' website. But i am getting the values in callback methods. if i call the ajax method from From 'B' website to 'C' website. i am getting the result in callback method. A website method <script type="text/javascript"> $("#form1").ready(function
Scroll event seems to be deactivated
Hello to all on my dev website (not in production), the scroll event of jQuery seems to be deactivated. Example pages : www.cybevasion.info/gites-la-maison-du-bonheur-colmar-e30405.html on this one, the map should be loaded when scrolling to bottom of the page and it should scroll to bottom when clicking on the blue button on top right cornet www.cybevasion.info/gites-colmar-v29711.html on this one, the map on the right should be sticked at the bottom of the viewport when scroll All plugins and my
Next Page