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');
when added selectmenu() to a select, it stopped its event
Hi, I have a dropdown : <div> Enabled/Disabled<br /> <select id="enabledChoice"> <option value="All">All</option> <option value="F">Enabled</option> <option value="T">Disabled</option> </select> </DIV> it filter a table by showing all , or just enabled or just disabled, as soon as I added jquery ui and did : $(function($){ $('select#enabledChoice').selectmenu(); The following code (for filtering displayed
Multiple Dialog forms
I have no idea how to do this and I would love the most simplistic way on how to do this. I have a slew of dialogs and on 2 of them have forms where the user needs to submit information to be stored in the database without the page refreshing. Here is my code so far index page <?php require('classes/change-of-address.php'); require('classes/insert-comment.php'); if(isset($_POST['change_of_address_form'])) { //submit change of address $coa = new ChangeOfAddress(); $coa->SaveToDatabase(); } else if(isset($_POST['comment_form']))
Using JQuery for beginners
Hello I am creating a responsive website sandbox.mercomcorp.com my question is that I am just getting started with jquery and want to know once it is downloaded whats next on wordpress? I have downloaded what I want to use but I dont know how to implement on wordpress?
How to
how to like using jquery and php such as image 1 new tweet, 2 new tweet and many more
JQuery UI mutiselect widget
I am considering using the JQuery UI mutiselect widget, spoken of here http://www.erichynds.com/blog/jquery-ui-multiselect-widget To use it I am instructed to link in the jQuery UI 1.8 widget factory and effects . My question is "Is this widget factory already included in the jquery-ui-1.8.24.js file that I've already have included or do I need an additional library?"
How to disable button Jquey?
<button type="submit" class="btn blue" id="mainbutton"> Submit <i class="m-icon-swapright m-icon-white"></i></button> i have a submit button like this, i need to disable after submit it. how can i do with jquery? i have used $('form').submit(function(){ $(this).children('input[type=submit]').prop('disabled', true); });
responsiv div
hey, i want to put this code: <script type="text/javascript"> var sitename = "http://hls.turkuvazgroup.net/atv-hls/smil:atv.smil/chunklist.m3u8"; var sitenamemobil = "http://hls.turkuvazgroup.net/atv-hls/smil:atv.smil/chunklist.m3u8"; var genislik = "620"; var yukseklik = "350"; var gorunum = "bekle"; var baslat = "true"; var playbaslik = "ATv izle - www.tvizlek.com"; var baslangicresmi = "http://3.bp.blogspot.com/-wLRvmNfqfZw/U1AySrrSoZI/AAAAAAAABoc/lAiVniAxUec/s1600/izlekaltlogo.png"; var logo
RegExp.test inside selector.each question
I have the code below looping through 2 text fields with PhoneNumber class. I have tried multiple RegEx strings to validate that the user inputs xxx-xxx-xxxx (using jquery 1.7.1.min) - no console errors No matter what i try, i still can't get them to match the regEx string. I know there is some javascript, but i hope with the amount of jQuery i am using that i can post this here. Is there something simple I am missing or is my concept wrong or do i just keep using incorrect regEx strings? Any
JQuery UI Tooltip not working with SVG within <Iframe> or <object> tag
Hello all, I have successfully been able to use the JQuery UI Tooltip with an SVG image when the image is embedded directly into my HTML page. However, when the SVG is loaded in an IFrame or Object tag, the tooltips don't show, even though the content callback is fired every time I hover on the elements.I have been searching all over the internet for a couple of days without finding any information pertaining to this issue. I hope you guys can help me out. Here is an example of what I'm doing: HTML
Select value in an if statement - jquery
Hi I'm populating a dropdown using JSON data function(dta){ $.each(dta, function(index, item) { //some other inputfield values are updated here... $("#unservices option[value="+item.service_id+"]").prop('selected', true); } }); how do I write an if statement for $("#unservices:) ? if($( '#unservices' ).val() == '1'){ alert($( '#unservices' ).val()) }}; My problem is that $( '#unservices' ) .val()) always is equal to "1"? Thank You.
Making a jquery gallery
I'm trying to create a jquery gallery. I know that there are plugins, but I would like to do it myself so that I can learn. The way I would like my gallery to have the thumbnails on the left and the main image on the right. So when you click on one of the thumbnails regardless of the position then that image that was clicked must be shown in the main image and the thumbnail image must have a white overlay on it to say that it was selected. If there is a tutorial on how to do this, please send me
Auto Explode and Implode image (or background picture) with Jquery
Hi. I wanna do explode and implode image in jquery. I have my codes, when the picture width is 600 px. it's function but, when i size up picture to 1200x800 px, the picture is broke. Please could you help me for that ? Here is the codes : HTML : http://denemekod.byethost15.com/explode.htm CSS : http://denemekod.byethost15.com/style.css
clone and change
Is there a problem with trying to fire a .change() on a cloned item? It's not working and I can't figure out why. $("#Category").change(function(e) { var question_set = this.value; var replace_set = $("#question" + question_set); // reset box $("#question_box").html(""); $(replace_set).clone().appendTo("#question_box"); $("#question_box div").attr('id', 'question_set'); $("#question_box select").attr('id', 'question_one'); $("#question_set").removeClass('question_hidden');
$ before variable name?
Hello, I'm updating some pre-existing js right now and some of the variable names start with $ like this: var $specialItem = $('.special-item'); Is there any particular reason why a variable should be named this way?
IE8 object doesn't support this property or method
I am building web apps for a company and it had worked in IE9, Firefox and chrome no problem. Using IE8 (most of our departments use) I get an error "object doesn't support this property or method". The line it's showing me is: Var index = arrDates.indexOf( currDate ); There is a plugin of a calendar which shows up and when you click on a date it's supposed to pop up an input field so you can type. That input doesn't show up and I get the above error message only in IE8. Also some other web apps
Customize of the Slick Carousel
Hello, i'm using "Slick Carousel" in my site and he is wonderfull, BUT the autoplay have a little stop between the slides, and i need to make he run fluid, with no stop. Here the config i'm using: $(document).ready(function(){ $('#seguradoras').slick({ slidesToShow: 8, slidesToScroll: 1, autoplay: true, autoplaySpeed: 0, speed: 500, lazyLoad: 'ondemand', }); }); And here is
Next Page