How do I prevent caching?
I have a web page I'm working on that works ok on pc's but takes forever to load on mobile devices. Is there a javascript command I can add that would make it so the only files cached were the individual files I click on? Now that I'm writing this I'm thinking maybe I need to use PHP.
problem geolocation map
bueno anteriormente solucione el problema de la carga de los mapas, ahora surgió un problemilla en un mapa que uso geolocation me carga el mapa pero la geolocation no me funciona si pueden hacer una sugerencia al código que les dejo seria de una gran ayuda. también estoy utilizando intel xdk para convertirla a una apk tal vez habrá que agregar un permiso pero creo que pasa por el código por que antes cuando no tenia la carga del mapa entero salia mi ubicación. http://jsfiddle.net/ynnugr0w/
DateRangeSlider, format date output
Hi, How can I format the date output from this slider? Min and Max values from the slider is used to query reservations in a mysql database (PHP). I thought everything was OK until trying the slider on a friends computer. It seems like the date format follows the locale settings for the cumputer used. For instance, on my friends computer the output is formatted: 10/23/2014, 8:00:54 PM (m/d/Y, g:i:s A) On my computer the format is: 25.10.2014, 17.30.43 (d.m.Y, H:i:s) If possible I would prefer to
Change style on change of 'left' value
I am working on slider where an image moved with 'left' value by the difference of 1170px. Where i want opacity 1 on main image and the opacity of others will be low. My html is the following: <div style="width: 1170px;"> <ul style="width: 4680px; height: 450px; left: -1170px;" class="imageList"> <li height="450px" width="1170px" class="image"> <img width="1170px" height="450px" title="" alt="" src="http://ecx.images-amazon.com/images/I/52Ra33zPxhL.jpg"> </li>
a problem about 'alert' in jquery mobile
hi,all, I am a new guy who is intrested in jquery mobile which I built a new web using it. However,there is a problem, I want to alert something when controller jumps a new web,but it doesn't work,the 'msg' can be shown on the web,but alert not. If I delete this '<script src="<%=path%>/js/jquery.mobile-1.4.4.min.js"></script> ' in the web, it can work normally,is this a bug or I used it in a wrong way? buy the way,it also did not work like this: jQuery(window).on( "pagecreate", function() { alert("565656---");
alert not working in page two
i'm making jquery mobile tabs with login in android app with cordova phonegap In my index i have page create. Here i do validation and check id and password is correct. with id=index for data-role=page $(document).on("pagecreate", "#index", function() {..}); If validation pass I change page my current to login.html with $.mobile.changePage( "login.html" ); Now In my login.html if i use $(document).on("pagecreate", "#login", function() {..}); ajax is not working I have 3 tabs in login.html
Drag-n-drop
Hi, I am using a drag-n-drop method for file upload and insert into database. The images are uploading successfully and also insert into database. But when I add an input field to that form , the input field is not sending the data. The column st_name in the database table is blank. Please help me. My full codes: index.php- <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Image upload</title> <link href='http://fonts.googleapis.com/css?family=Boogaloo'
modern repeater pattern for ui elements?
Hello, 10 years ago, the standard repeater pattern for UI elements, at least in the .NET world, was to use a unique id for each element. For example, a repeating list of myfield inputs, by default, would have unique id's like myfield_1, myfield_2, myfield_3, etc. A coworker who specializes more in front end js implementations suggested that a more standard approach these days is to use html5 data attributes. So instead of accessing the repeater fields by unique ids, it would be better to access
Need help with Drag and Drop Function and Button
I am not sure this is the right spot but im a newb at Jquery and this is Mobile. I had to build a small functioning page to drag and drop items for class to demonstrate an idea on my Thesis. Here is my problem. When on mobile click on the test page below. you will see you can drag and drop the cats anywhere. Then there is a button at the bottom of the screen. Here is what I want and cant figure out. When the Button is tapped it will turn Green or Gray. On Green you can Drag the cats. On Gray I would
Magento Static Block and jQuery Accordion Not Working Together
I'm using Responsive Banner Slider extension for Magento to view on my homepage above the jQuery Accordion--however the script seems to be competing with each other. The first tab expands the length of where the first slide in the banner would be. Below is my code: <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/start/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script>jQuery.noConflict();</script>
How does this work?
I don't understand how jQuery Mobile work? For example: Lets say I develop an App using it, how do I load it to my phone? What you develop using jQuery Mobile is it an actual app or a webpage? What makes it an app or a webpage, a setting, a configuration? Thank you. Neil
Latest JQuery UI not compatible with latest JQuery
I placed the latest versions of JQuery and JQueryUI on my project JQuery 1.11.1 and JQueryUI 1.11.2 This works fine when running debug from the development project. However after publishing and deploying to a test machine, I get the error Message: 'n.browser.msie' is null or not an object Line: 1 Char: 156483 Code: 0 URI: http://localhost:51718/VFS_ProcurementTracking/bundles/jqueryui?v=LS1M8112rBmvC7RxROD4OvHio6oFqpF4ojXrABzhBfg1 Which is telling me that the latest version of JQuerr UI is stil
Looking for a simple Pop menu to code up
Hi, I just started pocking around Google looking for examples of a simple jQuery popup menu to code up for my website rather than call a webpage to provide the menu which would be slower for the user. If I go the jQuery route, it would need to pop up when I click a button. The button being clicked to kick it off is in a table so the popup list needs to be more or less centered on the page. It would have 2 to 5 text items max in alpha order (build by the PHP code when creating the web page) and when
Jquery sticky navigation stopping front end images from displaying in Joomla
Hello, I have tried several forums regarding this issue, including joomla's but no one seems to have an answer. Here is my problem. I have a Joomla site with some custom Jquery which sticks the navigation to the top of the screen and keeps it there when I scroll down the screen. This script originally reduced the logo and navigation as I scrolled down the site, however I changed the script to remain a static size as I scrolled, now it is conflicting with all my images on the front end of my site
Writing to an input field
Hi everyone, I am trying to clear an input field, but it doesn't seem to working? This is what I am doing: <!DOCTYPE html> <html> <body> <p> Test 1: <input id="Test1" name="Test1" type="text" size="3" maxlength="3" value="3"></p> </form> <p id="demo"></p> <script> $('id#"Test1").value(" "); } </script> </body> </html> I also tried this: $('id#'Test1").text(" "); it didn't work.
Set an input with a wordpress php value
Hello everyone, First of all I am not a Jquery or JS expert so I don't really know if my code is wrong or if that's just a calling issue... I have to set an input value depending on the element clicked on my page, using the_title(); wordpress function. I wonder if someone already had the same kind of issue. Here is my script called in my template page where the link is written and the form shortcode is called too : function postuler_js(){ sujetpostuler = the_title(); $("#postulerBouton").click(function
How to make search function to Google spreadsheet data
Hi i am a newbie i want to know if there is a jquery codes to query out Google spreadsheet data as i want to have the spreadsheet as my database. My idea is Create search box on a website with auto-complete function. The auto-complete take its tag from the content of the spreadsheet including its header or data I want to display the results of the search on my website Is there any codes available for this and if not would anyone be so kind show to show me how to code it using Jquery.
Repost of issues with JQuery UI multi-select
This is my fourth attempt to repost this. I keep getting some fake captcha each time I attempt to post. I had a post here https://forum.jquery.com/topic/jquery-ui-mutiselect-widget I can not post replies to it any more. Here is simple HTML code page as rendered by ASP.Net MVC 4 view on which I am using no Razor, only HTML. Error is on line implementing multiselect can some one try to post code on their local machine and see what issue is? Error is "Object doesn't support this property or method"
I would need help with some basic jQuery
Hi there I would need help with some basic jQuery. Might take an hour or so. Please help if you can. I'm easy to work with. Paying 0.01 BTC You can contact me directly at Skype. User ID: viewtendence VT
Flag System for Images?
For example: The images are printed on screen inside of a div. The user clicks the "flag button" and then chooses multiple images, which then may get stored inside an array. The user then clicks the "submit" button, this then may get submitted through the POST method. I was wondering if there is a plugin for this I could be using. If I may have to program this myself, where can I start with this, what may I need for this? I would appreciate the suggestions a lot. EDIT: You may want to recommend a
how to change text in div
can you help me try to check one in which fatherly change text in div var post = $('#post-more')[0], jumlah = 0, putt = /\(\d*\) /; function updateButton() { if(jumlah === 0) { post.text = post.text.replace(putt, ""); return; } if(putt.exec(post.text)) { post.text = post.text.replace(putt, "("+ jumlah +") "); } else { post.text = "(" + jumlah + ") " + post.text; } }; function isNumber(n) { return !isNaN(parseFloat(n))
Dropdown on click
I have a table with cells that are filled with questions. I've managed to have a select dropdown list show up on click, but the problem is it keeps up multiplying whenever I click on the cell. Even when I click on the dropdown list itself to make a choice, another dropdown list right next to it shows up. So, how do I make an element stop listening for the click event, once that event has triggered the intended function?
Datepicker icon trigger not displaying
I have a ASP.Net MVC 5 project. I am trying to use the datepicker with an icon trigger. I know the jQuery UI 1.11.1 NuGet package changed the naming for the CSS files. I have the datepicker displaying correctly. However, my issue is the icon is not displaying. $('#datepicker').datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true, buttonText: "Select date" });
HTML5 and jQuery add dynamic items storable
hello everyone , i what to have a dynamic list where user can add items and the he can stored or deleted , i was looking for this example (http://jsfiddle.net/Mk4YH/light/) but it don't work . can some one help me please i want to have a list like in this picture
A little help for a script
Hello I'll try to explain what I want to do. I have multiple images to select and I'd like to limit the user selecting an image or images with the total with lower than 990px. I have the with information into the 'alt' of each images. It would be something like this: - if you've chosen one image of 990px you can't select more images - if you've chosen one image of 728px you can select another of 250px i.e The max images are two. Could you please help me to start? I'm stuck! Thank you!!
run code on any click event
Hi all, I am not sure how to ask this question without confusing somebody, but I will try my best. I have a few buttons on a page, and form fields. Obviously I have click events for the buttons, and I also have a click event for the form inputs. These run different things of course. Now is there a way to call a function when any of these events take place, without having to add a function call in each click event. Like a global function that runs when any jquery call is made. Because I have many
Creating a nested accordion with multiple columns in each nest.
I'm having trouble with my fiddle. Take a look here: http://jsfiddle.net/q9cfa6qu/5/ I want to achieve a nested accordion with multiple columns in each nest. First, 50 states organized within 3 columns. (Each column must be the same width despite the text.) ( I didn't plug in all the states. I just made enough to give me 2 rows for testing.) You click the state, you get 3 stores listed side by side. You click the store then you get the store listings in 4 columns and multiple rows. But it's all
jQuery Mobile + requirejs: pagebeforecreate event randomly firing/not firing
Hi to all, I need some help! I'm coding a debug library that will inject a button in every jQuery Mobile page header. I'm using one HTML file, multiple jQuery Mobile pages inside, like this: <!DOCTYPE html> <html> <head> <title>TuBa GameS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSS stylesheets --> <!-- Font Awesome CSS --> <link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css" /> <!-- jQuery Mobile CSS --> <link rel="stylesheet"
SWAP IMAGES ON HOVER
Hi, I have a dropdown menu with a list (made out of divs) on the left and images on the right. I want the images to change depending on which list item you hover. here is my html code Help very much appreciated! <div class="dropdown"> <!---Flecha---> <div class="arrow"> </div> <!---Menu---> <div class="parte_baja">
need help setting z-index for the autocomplete "menu"
I've got the autocomplete widget working EXCEPT it shows up behind my modal dialog! I've tried adding a z-index to my css file for the following classes with no effect: .ui-autocomplete .ui-menu .ui-menu .ui-menu .ui-menu .ui-menu-item my dialog's z-index is set at 9001 and I'm trying to set the auto-complete z-index to 9050. What do I need to do to get this thing to show above my dialog?
Load jQuery in functions.php
Hi I am having an issue loading my jQuery via the functions.php file. if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11); function my_jquery_enqueue() { wp_deregister_script('jquery'); wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js", false, null); wp_enqueue_script('jquery'); }Above is the code I have, all plugin's are switched off apart from the plugin giving the issue
Transitions not refreshing css ?
Hi I have a site with a top level menu and on each link of the menu I use a different css to change the theme. Ie the first link shows green colors the second blue etc. I have started to use jQuery mobile transitions by adding to each link data-transition="slide" . This seemed to work great apart from the css colours never change as the css seems cached. (I can do a browser reload after the transition to update) I also have a page with a block like <style> .info { display: none; } </style>
Html2canvas not supporting in IE9 and IE 10
Hi, I want to capture a particular div as an image and assign to textbox. I have used html2canvas. It works fine in Firefox, chrome and I.E11. But the code doesnot work in I.E 9 and I.E 10. <script src="Scripts/html2canvas.js" type="text/javascript"></script> <script type="text/javascript" src="Scripts/jquery.plugin.html2canvas.js"></script> <script> function capture() { ////////alert(1); $('#d1').html2canvas({ onrendered: function (canvas) {
1.4.4 ThemeRoller
Hello Please clarify how to update custom theme to 1.4.4 version ? Looks like themeRoller is not updated long time. Is the any planned date to update it ? Thank you in advance. Serhiy
Use same class for different checkboxes using jQuery
I have a multiselect dropdown which has 8 colors in a hash %all_colors: my %all_colors = ( 1 => 'Red', 2 => 'Yellow', 3 => 'Orange', 4 => 'Blue', 5 => 'Black', 6 => 'Brown', 7 => 'Green', 8 => 'White', ); I have put it in a dropdown like this: my $color_selector = '<select name="all_colors">'; foreach my $color (sort {$all_colors{$a} cmp $all_colors {$b}} keys %all_colors ) { $color_selector .= qq~<option value="$color">$all_colors{$color}</option>~; } $color_selector
how to set breakpoint to capture element event association?
Hello, I'd like to set a breakpoint in the chrome debugger to identify/capture the point at which a click event gets associated with a particular element on the page. After the breakpoint is set, I'm thinking that I should be able to view the call stack to understand where and how the click event is getting associated with the particular element. Any idea how to do this?
[Question] Two files of the same code but different result <--- Editor Problem (Notepad++)
This doesn't display css box. I deleted cookies and run as Chrome. It's weird.. It results from Notepad++ bug... Solved... It was Editor problem... on Notepad++, Xampp --------------------------------------------- [File 1 - failed.html ] <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>finish demo</title> <style> #b2{ position: absolute; left: 50px; top: 330px; width: 40px; height: 40px; background: red; } </style>
Dialog autofocus only works the first time the dialog is opened
I have a "Cancel" button (code below) which just closes the dialog. It has the "autofocus" attribute. My dialog itself (the <div> element it is using) has 5 checkbox inputs. When I open my dialog the first time, my "Cancel" button successfully autofocuses. However, if I close my dialog, then open it again, the first checkbox in the <div> autofocuses, not the "Cancel" button. How do I get this to focus every time? What I'm using: jQuery UI 1.11.2 jQuery UI Smoothness theme 1.11.2 The dialog settings
forms loaded in a div dont submit.
I have a main page with NAV bar, this links get loaded in the maincontent div using linkload.js, now if a form is loaded it cannot be submitted either with ajax (using my form submit script) or standard submit. need help main page <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>POT - Purchase Order Tracker</title> <!-- Bootstrap -->
decorate elements by id (simple script)
hey guys im trying to do a simple decoration for my form...the array contains the id of my fields and im trying to add a class to the fields and lables but im having no luck in it working...can anyone help me on why i cant get this to work...thank you var elements = {'username', 'email_address', 'confirmed_email_address', 'password', 'confirmed_password'}; function decorate_form_errors(elements) { $.each(elements, function(id) { $("label[for!='" . id . "']").addClass('label-error');
Next Page