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
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.
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.
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
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?
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
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?
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 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); });
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
$ 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?
Can't enter reply on my post
I have a question at http://forum.jquery.com/topic/jquery-ui-mutiselect-widget I have entered multiple replies to the post. Then last night when trying to make the definitive reply, the reply refused to post. Instead some page opened saying "One More Step" Then "enter text above". but there was no text above. I tried closing Firefox. I tried rebooting. None of this has worked. Meanwhile I am left hanging. What is going on?
New to jquery; Odd behavior using $.getJSON to access SharePoint 2013 list using REST
Got a SharePoint 2013 script editor webpart executing some javascript (and jquery) to pull data from SharePoint lists on the same site. I want data from multiple lists. Accessing the first list works exactly as hoped. When I subsequently try to pull data from a second list, it fails the first time. When I try it a second (or third, or fourth, or ...) time, it works. Will jquery retain some information from the calls to retrieve the first list, or something? Can't figure out why the code would not
My first script. what to put in the html?
I have just written my first jquery script using jsfiddle (see links below) http://jsfiddle.net/karlhonda/vsm1x8yp/1/embedded/result/ http://jsfiddle.net/karlhonda/vsm1x8yp/1/ This works fine in the jsfiddle environment but when I create my HTML, CSS and JS files from this and launch in a browser the script doesn't work. All the collapsed sections are open when they should be closed by default. I am assuming it has something to do with the naming convention and / or the way I am referencing the script.
Embarrassingly basic question: 1.11.2 vs 10.4.2 Development Bundle? UI
Disclaimer: I am a complete newbie to coding so apologies in advance if I'm missing something obvious. Background: I am using Netbeans to start learning to develop websites. I want to use JQuery in my project. The Netbeans documentation on JQuery instructs to download the development bundle to add it to the project library. OK, so far, so good. Here's where I'm confused: if I download JQuery 1.11.2 using the Download Builder at http://jqueryui.com/download/, the extracted files do not appear to include,
Basic Image Swap on Mouseover
Hello all! I'm pretty new to front UI developement and have been using JQuery for about 6 months. Love it so far! I am trying to get a image to swap out on mouseover and then go back on mouseout. I found a basic example StackTrace but I cannot seem to get it to work. When I mouseover, the image's scr changes to: assets/images/photo1undefined... I'm hoping another set of eyes can spot the issue and provide guidance. Thanks!! <img src="assets/images/photo-1.jpg" id="imgBrand1" /> <script
Expand an image sametime as another event
P { margin-bottom: 0.08in; } Hello All, I have just started with jquery and have successfully implemented the readmore plugin by Jed Foster. I use this this plugin to compress long articles which expand on click. What I want to do now is show a thumbnail with the compressed article that enlarges when readmore fires and the article expands. Can someone point me in the right direction to achieve this? Many thanks.
Pasting from excel to multiple input fields
Using the following script when pasting rows of data from excel to multiple input fields on a form. It almost works except that it only copies the last value to all the fields. How can I rework the code to copy each column to the appropriate input. $('input').bind('paste', null, function(e){ $this = $(this); setTimeout(function(){ var columns = $this.val().split(/\s+/); var i; for(i=0; i < columns.length; i++){ $('input').val(columns[i]);
Filter options from a select element.
I want to filter by the name, if the string is anywhere in the option from the select statement I want it to show up in the select element. But I want it to reset to showing all of the options when they hit search and the textbox is empty. Can I have some suggestions on the best way to do this? Here is a jsfiddle http://jsfiddle.net/#&togetherjs=Ats3gVvGNr Edit:: Above jsfiddle no longer works, but this is the solution to the problem for anyone who finds this by searching the net. http://jsfiddle.net/jakecigar/gj655k0m/
keep options value in each select after click
For now I have script fiddle after click on my li element options change. But after click on my li from second ul, option from first select droped. I need to keep option value in each select.
chrome debugger question
Hello, I'm trying to use the chrome debugger. Specifically, I'm trying to search for a text string in all sources that have been loaded in the debugger: 1. ctl-shift-f puts focus on the search window in the debugger. However, this does not appear to search all files. In particular, this approach does not appear to search min.js files. Is there a way to configure the chrome debugger to search min.js files? 2. Also I tried a search of "*.js" as an attempt to view all js files for the website. This
Looking to move into jQuery having spent last 4 years working with Sencha products
Hi, I keep coming across jQuery and now want to learn what all the fuss is about Most of my dev time has been spent in the Sencha suite of products, and I wondered how one would go about designing and coding a complex nested layout using jQuery. I think I am right in saying there are no jQuery provided UI design tools, but there are some out there which claim to be compatible? I'm so used to using ExtJS config driven components, it just seems a bit alien to me going back but I am keen to find out
Drag and Drop features TO_DO App
Please use the following credentials and log into Asana.com (don't worry this is a demo Account created for testing ), username : gautamx07@yahoo.com password : gautam basically its task management online cloud application . it has a few really cool animations and effects , that i would love to incorporate in my application . I am not sure this is possible , and i might be going over the top here , but if theres no harm in trying , i'd like to try . So here are the features that i liked and would
Unique slider
Checkout the unique slider on this page : Slider , what pluggin could i use for that , how would i go about creating something like that ?? :)
Building a responsive , double navbar .
I'd really like to build a navbar like this , i have just a day to do this , so i hope its not that tuff . its gotta be responsive on desktops and mobiles . of course i'll be using bootstrap , not building from scratch . would it be possible to build this kind of a navbar ?? basically i just want a resposive double navbar , preferably with the logo in between. Navber - this what i want to build . Thanks.
First App attempt, advice needed please
Hello all I am attempting to build my first app. I have never used Jquery Mobile up to this point, but I am a little familiar with basic jquery etc. I bought a book and I am learning about the framework, quite straight forward for building basic mobile pages, which I am excited about. My first app idea (mainly for personal experimenting purposes), is based around a sports team. I plan to do some basic player info. Is there any way I can get dynamic content from the likes of wikipedia that automatically
jvectormap uncaught referenceerror
hey guys, I have been trying to get this plugin working for hours and can't seem to do so. I am fairly new to jquery so i do apologize if i say something stupid :) I tried following the tutorial provided on the site but have had no luck. Anyways my code so far is: <!doctype html> <html> <head> <meta charset="utf-8"> <title> vectormap </title> <!--<link rel="stylesheet" media="all" href="css/jquery-jvectormap.css" /> --> <link rel="stylesheet" media="all" href="css/jquery-jvectormap-1.2.2.css" />
Get size of my JSON File
Hi people, how i can get the Size from my JSON File with jquery? here is the code and i need to save the size in a variable, i need it for a for-loop. <script type="text/javascript"> var myArr = [] $.getJSON('daten.json', function(data) { $.each(data,function(key,value) { myArr.push("<li>" + value.Teilnehmer.Name ," ", value.Teilnehmer.Nachname + "</li>") }) $('.content').html(myArr.join('')) }) </script>
Error in W3C validation with lighrbox
Hi, I'm using a lightbox functioning with jQuery. But I'm getting many errors in the W3C Validation: Line 78, Column 93: Bad value diaporama_group for attribute rel on element a: The string diaporama_group is not a registered keyword. … Bollet" rel="diaporama_group" href="images/portfolio/arbres_foret/Bollet.jpg"> Syntax of list of link-type keywords: A whitespace-separated list of link types, with no duplicate keywords in the list. Each link type must be listed as allowed on <a> and <area> in the
.trigger() vs .triggerHandler() vs .simulate()
Reading the jQuery tutotial on triggering events there seems to be some misunderstanding, and I quote: ".trigger() function cannot be used to mimic native browser events, such as clicking on a file input box or an anchor tag." "There are four differences between .trigger() and .triggerHandler() ....... .triggerHandler() will not cause the default behavior of the event (such as a form submission)." Aren't these 2 quotes in contradiction? Isn't form submission an example of "following a native
How solve 304 response - not modified?
I am running the following script on the client-side and the script is failing to update, when there is change in the database. I debugged the script using DevTools and discovered my Jquery scripts are responding back as "304 not modified". Does this issue, indicate why the client-side content is failing to update. Note: If you require server code for further reference, please do let me know. if so, how can I resolve this issue. Please advice further. Many thanks. <script src="../Scripts/jquery-1.6.4.js"></script>
onload for all my image
Hi, I want to add a "onload="initCanvas(this)" for all my img. <img src="logo.jpg" alt="logo" / > become <img onload="initCanvas(this)" src="logo.jpg" alt="logo" / > thanks
Dynamic active link not working
I'm trying to make my static nav menu have a dynamic active-menu class. At the moment if I click on one of my menu items the active-menu class works but I can't get into those pages. I know that it is the event.preventDefault(); that is causing this, but if I remove it then the active-menu class doesn't work. my menu <ul class="nav"> <li><a class="active-menu" href="#">Dashboard</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Content</a></li> </ul> My css .active-menu{ background:
My App To Do List, help in expanding it .
Hey Guys i recently sat and built this small app(more of a demo .. structural app) and now i wanna expand on the idea . Its a To Do list app . check the APP Link : The APP as of now ofcource you can see everytime you refresh , the task you entered is gone !!! Check The Code Code : The Code Some of the things i would like to do is : 1 Every Time a user logs in he should be able to add a task and the task should be saved in a database . (i don't mind learning PHP for this and SQL in the back end
Move to top button
Hi there I am trying this tutorial http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery Why is it not working on my site? I have been trying this for whole day, I'm desperate :(
FeedBack Box Problem
hello, im sorry if i create this topic in wrong section but i really hope someone here can help me to figure it out and solving my problem. i put FeedBack Box in my HTML 5 web page. http://www.jqueryscript.net/form/Sliding-Feedback-Box-Plugin-with-jQuery-feedBackBox.html everything work fine but i can't submit my message to anything.i think i need to send data to one file with ajax and i don't know how. i don't know how to program ajax file and i really appreciate if someone here help me to find
modified To Do List
I recently Modified My to do list , to look something like this . Find it here . You can enter an item and u'll see it appears below the Input area , now i'd like to add a small functionality to this thats , when ever i double lick any on the text To Do list , it would allow me to edit The text inside it . Possible ? would i have to use a Library or a framework to accomplish this ?. Thanks . Gautam.
How to Have Code Not Get Rendered Inside the Textarea?
How to have code not get rendered inside the textarea? When using <pre></pre>, <code></code>
Event for text box for coming value from date picker
Hello I am new member of this forum, and this is my first post here.. :-) i have one problem.. i have one date picker by selecting date, that date is coming into text box. Now i need to update span text when value coming into text box of date. i used <input type="text" id="start_date" value="start_date"> <span id="StartDate"></span> $('#start_date').on('change keyup keydown click paste', function() { if ($('#start_date').val() == '') { $('#StartDate').text(Date');
Next Page