click on element show , again click did not show why
I have two <div> and two <a> buttons, when I click first <a> button it show related content with that <a>, similaly when I click on second <a> its show related contents. Code is given bellow here Problem here is that , When I click first time on <a> id="infradi-rolno-slip" it works fine, when I click again <a> id="infradi-rolno-slip" it removes the contents $( "#infradi-rolno-slip-form") but dont show again it? why how to fix it. <a href=# id="infradi-rolno-slip" class="button button-glow button-border
text input cursor position
hey guys i'm wanting to know how to position the cursor on a input text field when clicking on it please? what i want is for the cursor to always start at the beginning of the field. i've had a search about but wasn't able to find what i wanted if someone could point me in the right direction. thank you
how to get the textbox value after ajax loading and set value
in textbox i type a value as app than select apple ajax load to set apple id = 1 thn call blur event . now how to get the get the value.please help me .
how to create a folder in desktop documents
Hi, how to create a folder in local documents (system) using jquery please help me.
How can I elegantize this brute-forcish jQuery?
I have an HTML table here that, in the first column of "Shift Details" in the "shift 1" section, has a "Hide N" select element: <TR> <TD align="center" valign="middle" rowspan="30"> some date </TD> <TD align="center" valign="middle" rowspan="10"> shift 1 </TD> <TD align="center" valign="middle" > <label>Hide </label> <select id="hideselector"> <option>1</option>
Clear all data and turn back to default settings
Goal: When I click on the clear all button and the data inside of the input box should be empthy and the dropdownlist should go back to default settings that is year 2009. Problem: I don't know how to do in order to make the dropdownlist to go back to default when you have pressed the button? Info: Please remember that I do not want to make any big changes in the current javascript/jquery source code because it is used in production phase. I would like to make a complementary or add ing new code
How to reference a Wordpress page in an Ajax function
I am using a jQuery Ajax function on a Wordpress page. There are 5 "tabs" on the page, which call five separate pages of content to fill a div container on the page. I do NOT want to use jQuery tabs. The Ajax works great. The only problem is that I can't figure out how to reference a page in Wordpress, I have tried: - using the "shortcut" code for the page ("http://www.maxwellparknc.org/?p=450") - using the page name with the ID appended {"nat-crime-patrol-overview?page_id=450") - using
Clear all data and turn back to default settings
Goal: When I click on the clear all button and the data inside of the input box should be empthy and the dropdownlist should go back to default settings that is year 2009. Problem: I don't know how to do in order to make the dropdownlist to go back to default when you have pressed the button? Info: Please remember that I do not want to make any big changes in the current javascript/jquery source code because it is used in production phase. I would like to make a complementary to the current source
Does adding a CSS class programatically add multiple instances of that class if the reference already exists?
Does adding a CSS class programatically via add multiple if it already exists? IOW, with code like this: 'change #date1Shift1JobLoc1Count': function(event) { var d1s1jl1Count = $('date1Shift1JobLoc1Count').val(); if (d1s1jl1Count > 1) { $('date1Shift1Worker5').removeClass('hide'); } else { $('date1Shift1Worker5').addClass('hide'); } } ..if date1Shift1Worker5 already had the class 'hide' applied to it, would an additional 'hide' be added and, if so, is that a problem
Why am I getting 'undefined' when evaluating the value of a select element?
I'm using this code to try to retrieve the value of a select element (which contains 1..10): 'change #date1Shift1JobLoc1Count': function(event) { var d1s1jl1Count = $('date1Shift1JobLoc1Count').val(); if (d1s1jl1Count > 1) { $('date1Shift1Worker5').removeClass('hide'); } else { $('date1Shift1Worker5').addClass('hide'); } } ...but, after selecting the "2" option, the value of d1s1jl1Count is 'undefined'. Why?
Time Disable In DateTime Picker.
I have two time picker one is used to select the starting time and other one is used to select the end time.lunch time (1'o clock) (start time) and (2'o clock)(end time) must be disable how i can do it .please give me the idea.
How to populate a dropdown base on another dropdown?
Hi, I have 2 dropdowns in a page, the 1st dropdown drives the values of the 2nd dropdown. For example, if the user selects "Department" from the 1st dropdown it will pull from the tblDepartment table. Let's say, I have another one called Business Unit, if user selects this, I will pull from tblBusUnit table. I found an example below: http://www.webcodeexpert.com/2014/12/jquery-ajax-to-bind-aspnet-dropdownlist.html How can I pass the dropdown value using the jquery and how does the server side code's
Jquery ajax error
Hi, When I called a WCF method from my web-service client using jquery.ajax , I get this error: "Error: Operation aborted" The web-service runs with WebHttpBinding and my jquery web-service client code is as the attached : What will cause this error to happen ? Looking forward to hear from you ! //Johnny Olsen
How to Catch when new element added to DOM without DOMNodeInserted Function ?
Hi Guys, I am tring to acces new elements when new element added to DOM... I use that $ ( document ). bind ( 'DOMNodeInserted' , function (e) { " codes... when I use DOMNodeInserted ... every action working as much as how many element appeared so that is not true way to catch new elements.. Could u tell me another way for that please ? Thanks...
Select a button by ID and appending HTML on hover
Hi people, I'm not sure if this was asked before, but I couldn't find it, so I have to ask myself... I want to grab an object (a button) and append a few chars when a user hovers over it. Essentially, I'm trying to emulate the famous Divi button, that is, the way it adds an arrow on hover. For a demo, see this link. I have no clue how they coded the button, but I want to learn it, so if you can help out, I'd be very, very grateful. Anyway, for my current needs, I only need to emulate the arrow part
Need to save varaible to DB
I don't even know enough about jquery to be dangerous. However, I ran across this script to pick background color. I can't seem to figure out which variable i need to save the rgba color. I tried grabbing "rgba" but it doesn't work. Can somebody help me put here? <script> ;(function($){ $.fn.canvasify = function(f){ // faster than dynamically converting a pixel at a time return this.map(function(){ if (this.nodeName=="IMG"){ var canvas=$('<canvas>')
Ajax with php only working in console
It's just email, why so difficult??? I have a really simple form, only the email address as an input. The form action is mail.php. I'm using a plugin script notifyme.js for some nice visuals and an ajax call to handle everything. I fire ajax on form 'submit'. Problem is I can't get ajax to run! My code runs in the console when using xammp on my local machine. I can see the response and the status is 200. But when I refresh and just click the button to submit the form all I can get are my error messages,
related elements contents with javascript
Is there is anyway to check out related Javascript or Jquery code to any html elements, as we can see related css applied elements with Inspect Elements (Ctrl+Shift+I)
Search a jQuery plugin for browser compatibility
Hello; There is many browsers and each render css and javascript differently so the resulting view will differ on most times from a browser to an other. Currently i am testing my webpage on Firefox browser and it looks nice but i want a plugin that will make the webpage looks the same on other browsers including android browser. So what do you suggest as plugin that provide the maximum possible compatibility without the need to test each browser because this task is difficult. Thank you
Client Validation - Similiar as Gmail and Yahoo
I have seen som different webpage that has a user-friendly validation approach in front end. For instance when you want to register a new account in gmail or yahoo and if you have a input box and then you forgot to add last name, a message when display below the input box. This approach happens only in client mode and you don't need to affect the backend. I'm fully aware that you need to have validation, both front and backend due to security. My question is: Do you know where I can retrieve the
Stop all active ajax request
Help. how to stop all active ajax request? i have trouble in my website. How to manage ajax request?
Add row to a table and reset the default value of the controls in the row
Hi, I have a table (tableSearch) with dropdowns and text box. User is allow to add row on the fly. Currently, I use appendTo (as seen below) to add row to the table and I would like to know if $('#tableSearch tr').last() is the right way to get the newly added row. What happen right now, is the newly added row’s controls will use existing values. I wanted to clear/reset them. However, when I tried $('#tableSearch tr').last().find('.ddlType').val = "0"; for example, it doesn’t select the first
Specific Menu that is always visible
'm looking for a jquery script code that when you scroll down on your webpage, the left menu should be moved and alwasy be visible? Do you have any link or name of this concept?
Select text not wrapped in html tag
Hi everyone!! , i just want to ask how to select text that is not wrapped in html tag, i have a mark-up that looks like this: <div> <p>A sample text</p> Remove this one </div>lets say i want to remove the 'Remove this one' text, how is this possible?, help is very much appreciated!! , Thank you and God Bless!!
Refreshing a page without opending an index.php on the server POSSIBLE????
[Condition] 1. Upload this index file to the host server. 2. Nobody will force the index.php to open and the index.php will never open or be loaded. [Question] Under the above condition, is the header going to work? Namely, the message will be sent. ======================================= <!Doctype> <html> <head> </head> <script> //Ajax Code will be here. // codes necessary to send message... </script> <body> <?php header("Refresh:3600"); echo date('Y:m:d H:i:s"); $message = 'Hi'; function sendMessage($message){
page scripts not being loaded by JQuery
We updated from JQuery 1.5.1 to 2.1.4 and now our 3rd page (when selecting a row) throws a js error saying its missing a function when building the grid. The problem is its not being added to the page because it thinks its already there. We traced in JQuery-2.1.4.js into the function domManip . Then the call to data_priv.access(node, "globalEval") returns true where if it instead returned false this would work, as I've commented it out and tested that. It appears to be checking if the node/scripts
jQuery $.each() Method
How to Loop over objects in reverse Direction , I was following a Demo Here
I cant get my Jquery stock ticker to duplicate
I don't know why I've had a few issues explaining this problem so I have created this image to show what I am trying to do. I have a jquery stock ticker, I cannot duplicate the ticker on the same page. My idea was to create a similar ticker on the same page but with a different list of stocks below the original ticker. It might be as simple as changing a few variables but for whatever reason i cannot get it to work. Attached is a JSfiddle of the ticker I am trying to duplicate, all the work is done
how to concatenate "#id" variable to url in load()
I have different 2 li elements each with data-load = "#content01" and data-load="#content02". When I hover li[0], i want to load the particular "#content01" from my source url... $('.navContx li').on('mouseenter'function(){ var loadDataID= $(this).data('load'); var pageUrl= "http://localhost/source.html"; $('.loadHere').load(loadThis + loadDataID,
Having issue on Loading/Removing Checkbox to Array
Can you please take a look at this demo and let me know why I am not able to load the array properly $(':checkbox[name=items]').on('change', function() { var arr = $(':checkbox[name=items]:checked').map(function() { return this.id; }) .get(); $("#p-tap").on("click", function(){ console.log(arr); }); <div class="container"> <input type="checkbox" name="items" value="Item_1" /> Lower Development Cost <br /> <input type="checkbox" name="items" value="Item_2" /> Higher Energy Production<br /> <input
Accessing jQuery function from inside formview edititemtemplate textbox
I have very little experience with jquery so for someone reading this question this might appear to have a very obvious solution. But for me, I can't seem to figure it out. I have a webform (code behind VB) with tabcontainer in it, which in turn has a tabpanel in it, which has my formview on it. I have defined a jQuery generic function. I want to access this function from my formview edititemtemplate textbox, on keydown, something like $("input[type=text]").keydown(function () {....} Somehow this
Uncaught SyntaxError: Unexpected token :
I have a JSONP request like: $.ajax({ type: 'GET', url: 'https://iwebappdev/Services/CorporationsService/ForeignLLCPenalty' + '/' + year, dataType: 'jsonp', accepts: 'application/json', callback: 'callback', done: function (result) { console.log('Success'); console.log(result); }, error: function (status) { console.log('Error'); console.log(status); } }); The web service
MAKE DIV STAY SHOW
hello guys jquery, thanks for support this forum i have been familiar with jquery, so to the point i have some problem now with jquery div here is my simple demo Users click href edit in second div and form in the third div show, form need action php ( Codeignter ) to insert database by using php. it success but all i want how can i make the form still stay when the form validations is false by php to make users know what the errors shown without change the my logic jquery cause when the validations
Disable with jQuery enable with Server
I am disabling a button with jQuery like this: $(document).ready(function(e){ $('#myButton').click(function (e) { $('#myButton').attr('disabled', 'disabled'); __doPostBack('myButton', ''); }); and on the server: myButton.Enabled = true; but the button is still disabled on post back. Very confused.
toggleClass not working
Hi guys, I am new to the forums here. I have the following site http://mywebdesigners.com.au/product/mywebdesigners-website/ if you select some options and click on join now, then click on Proceed to checkout on the next page, you will be on /checkout with a section that says "Yep, I'm good to go!" and two labels where people have to click to agree to - I've tried the page builder and love it! * - 'm happy with your terms of use. * I need it so that when they click on the label, it adds a new class
Why "null" in array of localStorage?
I'm using this code to add values to local storage: rowSettings[counter] = [value1, value2, value3]; localStorage.setItem("rowSettings", JSON.stringify(rowSettings)); The result in the localStorage is then: [null,[1,0,0],[1,0,0],[1,0,0],[1,0,0]]. So howe come "null" is being added? In Chome developer tool I get: "Uncaught TypeError: Cannot read property '0' of null". This happens when retrieving the objects back: var row =0; var retrievedObject = JSON.parse(localStorage.getItem('rowSettings')); //Start
Wierd IE 11 issue
I use jquery to read a file and populate a container DIV with a row of DIVS this seems to work in all browsers even IE11 sometimes . If I refresh it in IE sometime all the divs disappear except the container div. however if in IE I hit f12 all the divs reappear is there some issue with a race condition or something? how would I deal with this in IE? <script> $.urlParam = function(name){ var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); if (results==null){
autocomplete works only sometimes
First jquery project for me and first time doing anything with JS in a long time, so be gentle. :) So first let me tell you what I am trying to accomplish. I have a radio button, and depending on what value is selected I want to change the autocomplete source for a text box. So if the user selects option 1 on the radio button then get autocomplete list 1 and if they select option 2 on the radio button they should get autocomplete list 2. If I assign an autocomplete at the top level: $('#search-input').autocomplete({
How to stop auto-scrolling after I move mouse?
Hi all, here is my code of auto-scroll to div function jumpToDiv() { $( document ).ready(function() { $('html, body').animate({ scrollTop: $("#contact_div").offset().top }, 2000); }); } So when I call this function, it scroll me to div "contact_div" ... this process takes 2second ..AND I can not stop this scrolling ... : it scrolling and when I move my mouse, I want to stop it Hope you ubderstand me and thanks for good answers :-)
¿Qué hago mal con "text()" para cada "tr" de la tabla?
Buendía foreros. Tengo un problema con el método "text()". Necesito que muestre un texto por cada "tr" para cada "tr" de la tabla. Este funciona solo para el primer "tr". Código con problema: https://jsfiddle.net/j8g5zehn/1/
Next Page