Change font color back to default
I have a function that checks to see if the word the user types in a text area is equal to an element that is stored in an array. If it is a match then it changes the font color to blue. I have this part working however, what I need to get working is making the font color change back to black after the font color changes to clue. Here is the code that I have so far. I'm not very skilled with JQuery either so sorry if anything is programmed not the best way lol. var re = new RegExp("\\b" + word +
temperary save user inputs with jQuery
I really don't know how to start with this with jQuery but here is what i want to accomplish. I have some user input fields in a form Name Firstname Address City "Add button" "Finish button" and i have a table underneath these input fields that contains (Name, Firstname, Address, City, remove button) I want whenever you fill in this form and you click on add that the content of this form is stored into the table underneath the form. You can add as many lines as you want to that table through the
Disabling the Previuos Dates , Except Future and Current Dates in Jquery DateTimePicker
HI Team, I have used a textbox as an datetimpicker. My Requirement , All the Past Dates including Yesterdays' date should be Disabled in the DateTime Picker. ? please let me know how to do this
Pagination Issue With DataTables
Hi Team , I have a Simple table , Where With The Help of Datatables.Js , I Make it as a GridView. With Paginations. I have a CheckBox against each rows. And I Have a Button , Below the table To Check All the CheckBoxes. But , When i do Select ALL , All the Checboxes in Page 1 , get Checked , and as i Move to the Page 2 , there are checkbox selected. please let me know how to do this
Newwwbeee Question: I want to have multiple links on the window that I popup.
From my home page I want to popup one window(ideally an html file). On the above window, I want the user to be able to choose between multiple links. When one of the links are chosen, then of course it closes the popup and goes to that link location. Being a newbee to jQuery I see many popup programs, but they all see to only allow for one link on the window that was popped opened. Thanks in advance for any help or suggested jQuery programs other help you provide. chuck
checking if form field selected
I am trying to check if a select has an option already selected. Here is my code: http://jsfiddle.net/t1dmsjhc/.
Need help with 3 image slideshow JavaScript.
a. Select one of the images to load automatically when the web page loads by modifying the HTML and placing a file name in the empty src property of the img tag with id="img2" b. Using JavaScript write the necessary functions to start the slideshow automatically and continuously cycle through the selected images displaying each one for 5 seconds. I don't know what I'm missing in my coding to make it work? Here's my entire website http://jsfiddle.net/eqkhgxcL/
How to apply a different condition into list of li using loop. Thanks
I got list of li that have different classes. I got two classes Design & Coding. I want to jquery to detect the class of a li then apply certain condition. The condition will add style into the child co HTML <li class="Design"><a class="post-link"></a></li> <li class="Design"><a class="post-link"></a></li> <li class="Coding"><a class="post-link"></a></li> JS var workArray = []; var $work = jQuery('.slide-container li'); var $workClass = $work.attr('class'); $work.each(function(){ workArray.push($workClass);
SyntaxError: Unexpected Token <
I hope there is no problem asking. I am modifying a previously working project. I upgraded it from mysql to mysqli and testing it on Ubuntu instead of Windows. That being said, my ajax functions don't seem to work, although my json data is in proper format. According to the error callback, the content type is text/html I have tried the following: changing contentType in ajax call to "application/json" viewed the response text, which was returning the correct thing. changing the content type in the
Choose 2 images to build a Rollover effect on the image tag that has id="img1" NEED HELP
1. Choose 2 images to build a Rollover effect on the image tag that has id="img1". Using JavaScript complete the following tasks; here's a link to my entire website http://jsfiddle.net/dL012dfu/
Using JQuery make all of the sections with class="column" fade slowly into view
How do I get this to work? Source Code <div id="section-fade" style="display:none;"> <div> <section id="col1" class="column"> <!-- use for rollover --> <img id="img1" src=""> </section> <section id="col2" class="column"> <!-- use for slideshow --> <img id="img2" src=""> </section> <section id="col3" class="column"> <!-- use for animation --> <img id="img3" src="">
Making a Cross Domain Ajax call with an authorization Header in Internet Explore 8
I am trying to make a cross Domain Ajax call with and authorization header var requestForGettingEmployeeAttendence = $.ajax({ type: "GET", url: attendenceServiceBaseUrl.concat(serviceMethodForGettingEmployeeAttendence).concat("?FromDate=" + formattedFirstDate + "&ToDate=" + formattedLastDate + "&EmployeeId=" + employeePartyId), headers: { 'Authorization': autherizationHeaderForAttendenceService }, crossDomain: true,
retina plugin
i have a retina.js plugin wich loads the images depending if its retina display or not the problema is when i open a page on a retina display in FRIST loads the normal image then swaps to the retina one , so i could i avoid it and load directly the retina image so i think i have to load the Retina.js on a specific page load cycle what i wantis to load directly the retina image instead of loading normal one and then swap it , i'm using this plugin http://imulus.github.io/retinajs/ ps: i'm using javascrpit
Drop Menu failing on most Mobile Phones
I have an issue with this drop menu , it doesn't work in Android, WP and to a large extent iPhone. How can I make it compatible ?
Child rows (show extra / detailed information)
Hi, I am trying to duplicate this : http://www.datatables.net/examples/api/row_details.html I created this jsfiddle : http://jsfiddle.net/mlotfi/c918of1t/ but when I click in the plus icon it does not work. Thanks.
Animated Transform
Hi, I know I'm doing this wrong. Can I combine multiple CSS values ? I want to create an animated transform on the Y that rotates from left to right ?
Special characters issue - find random strings like "jQuery20206329934545792639_1415046914457" in data.
This question may sound very vague to most of you and I apologize for that. But this problems keeps upsetting our users and we haven't yet found the root cause. Our application uses jQuery. Our users enter values in input boxes and a jQuery ajax request is sent to the server to store the data. We are already experience special character issues due to our platform Google App Engine. We are unable to set UTF-8 as the application's character encoding type. But this problem is really troubling and I
Popout social icon block
I am trying to replicate a popout social icon facility similair to the one on the lhs of the page here here How might I strip out some of the duplicated code in the jQuery script please. Also the example in the link has a nice positive and smooth action whereas my basic version is rather clunky and prone to pushing the two divs out simultaneously at times. jsfiddle Thanks Pedro.
How to get local machine ip address using jquery?
Hi all, I am new to Jquery. I want local machine ip address using jquery standard methods. thank you!
Get request with string that contains ",jpg"
Hi, Have a strange case where I try to make a GET request using jQuery. $.ajax({
type: 'GET',
url: 'MyMethod?param=ABC.ABC',
timeout: 10000,
contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
success: function (data) {
},
error: function (xhr, status, error) {
}
}); The method above works fine. But if I change the URL to 'MyMethod?param=ABC.jpg', it's not working, the method (MyMethod) never gets called.
$.ajax() Fails on Microsoft IE Browser
The published website’s asynchronous call fails to run on the client’s Microsoft IE browser. When the website is added to Internet Options > Security > Trusted Websites the asynchronous call succeeds and everything runs smoothly. I have repeated this, less than desirable, fix to two different machines’ browsers, and each time the fix works. The problem is having to repeat this awful fix on every client’s bowser. Is anyone aware of a better fix than this?
checkbox that for modal form with multi select dropdown?
Hi, I have this datatable with check boxes, I want when a checkbox is checked in a row a modal form popup with a multi select dropdown . Here is the datatable jsfiddle : http://jsfiddle.net/mlotfi/qy0ejcux/ Thanks.
Need Performance Improvement Tips for JavaScript / jQuery / CSS and HTML5
Hello, Could you please share your experiences for improving performance for web site developed using jQuery JavaScript CSS and HTML I got some good post regarding performance online but I am looking for some tips and tricks I can use in my regular development. like which event handler technique to be used, which CSS properties are costly, what should be avoided while using jQuery/JavaScript.. thanks, KK
How might I clone a div on mouseover to show on a different portion of the page
I am learning jquery and my hunch is that it would be the ideal tool to use for what I want to accomplish. I would just appreciate if someone could point me in the right direction, let me know if I'm on the right track, just so I can focus my efforts more effectively. I'm making a periodic table (my current table) www.boulderdan.com The effect I'd like to have is that, when I mouse over each individual element, information about that element would show at some place else on the page, for example
Get length of children in Json
Hi, I use Json for transform data from server to client here is my question: How can I get length of Phones from PhoneBook...? {"PhoneBook": [ { "Phone": "9965212", "Phone": "235645", "Phone": "42155553" },{ "Phone": "2354444" },{ "Phone": "4512453", "Phone": "54534232", "Phone": "45687322", "Phone": "51231545", "Phone":
jQuery .toggle from right to left?
$(function(){ $(document).on("click","#B",function(){ $("#side").toggle(); }); }); This toggles it on and off when I click the button... How do I make the div #side slide in from right to left and then back?
Display php returned database records in another div
Hello, sorry am a newbie in JQuery. I have three php files, one of the php file contains the selectable records, which i need after a selection the query fetches the data from the table and displays them in another php file. This process is working fine. The problem i have is, i need to display such php returned records into the other div. When am doing this i can just display the php but no records are returned. If i do it without div, the records are returned and display but NOT in the div. You
returning array
I am trying to return an array: PHP; $query = mysql_query("SELECT * FROM product_list_sub WHERE id='$prodID2'"); if (mysql_affected_rows() > 0) { $row = mysql_fetch_array($query) or die(mysql_error()); $stuff = array(); $name = $row['name']; $price = $row['price']; $query2 = mysql_query("SELECT * FROM product_list_sub WHERE id='$prodID2'"); if (mysql_affected_rows() > 0) { $row2 = mysql_fetch_array($query2)
Could anyone advise on how to reset or go to a default value of a dropdown from another dropdown?
Hi all, Probably a straight forward peice of code, but I have this form created with RS Forms; http://strictlyoldskool.net/index.php?option=com_rsform&formId=9 When "Choose Package" is selected and the option "Poniete Playa SC Apartment 2-4 people" is selected, i have a 2nd dropbox called "Add a 3rd or 4th Person". If a 3rd or 4th person is selected it works great and the totals tally up, however if while a 3rd or 4th person is selected, and then say the "Choose Package", Tropical hotel is selected,
Document JQuery in asp.net
Hi every body, i want to documents toturial Jquery in asp.net, can you hepl me , pls. thank!
The class is not adding
Hi everybody, i'm trying to add, one of my input a class, if this input is empty, but can't understand why, it does not working Here is a part of my code: if(jQuery(this).find(".LinkbuilderForWords").val() == "") { jQuery("input").find("placeholder").css("background", "red"); errors = true; return; }
Do I need a loop?
I am creating a one page WordPress website and I am having trouble with some jquery. I have several pages and maybe several more that need to have a custom scrollbar on the page. I have the scrollbar working great. All I have to do is create a div, give it the class of scroll and I am in business. My problem is that if a new page is created and the content of that page isn't greater than the default height of the div which is 400px, then the scrollbar still shows on the page. So I thought I would
Please jQuery cart
I'm using CodeIgniter cart but do have one problem is the updated number of shopping cart products as well as the effect not beautiful. So who has jQuery update their cart with reference to afford offline Thank you
Best way to handle this scenario in ajax?
Hello, If you navigates away from the page either by refreshing, clicking a link, or changing the URL in the browser during ajax processing, it throws error..so found that I can simply catch like this for this case.. $(document).ajaxError(function (event, jqxhr, settings, thrownError) { if (jqxhr.readyState == 0 || jqxhr.status == 0) { //...page navigated away .. return; } }); One thing also I noticed, when my server went down, the status value
Stop interval or event listener
I am going to hide a div when a video is played after 5 seconds of inactiv mouse movement. This works so far. But what don't works is that if I am going to hit a pause button that the div won't disapear anymore. How can I stop that. My code below: function val() { if (interval == 5) { /* if intervall reaches 5 the user is inactive hide element/s */ $('#controls').hide(); interval = 1; } interval = interval + 1; console.log(interval);
Get selected a checkbox in checkbox array
I am having an array of checkboxes like: <input type="checkbox" value="8029" id="chk_status110" name="chk_status[]"> where each having its own unique id and value. How can i check / uncheck specific so that it should automatically get its id and check it if it is unchecked or uncheck it if it is checked. When i try $(':checkbox').prop('checked', true); it selects all and not a specific one when i click on its label.
Is there a good way to put scrollbars on a <div> that contains an asp:GridView?
I have a have an asp:GridView called SquadronGridView that has 10 DataFields (2 are hidden). If my GridView has too many rows, I want to give it scrollbars. I place it in a <div> called #grid and use the following script: <script> var divWidth = document.getElementById("SquadronGridView").offsetWidth var divHeight = document.getElementById("SquadronGridView").offsetHeight $('#grid').remove('height') $('#grid').remove('overflow-y')
Change button text on alternate clicks
What would be a way for me to change the text in the button after the first click event, and then alternate the text content on subsequent clicks. ie - Hide Flag / Show Flag Here is a fiddle and thank you for any suggestions Pedro http://jsfiddle.net/fa4ds3oe/
occurrence in an array
Hi, I am trying to find the occurrence of numbers in an array, I want to display each number and how many times it is occurred in an array, I tried this : http://jsfiddle.net/mlotfi/qa3kyL04/ 1) using console.log it is working, but the numbers are repeated. 2) when tried to display using div it does not work. Thanks, your help is appreciated.
Loading 2 copies of jQuery
Hi, Just to start with I'm a novice at wordpress websites, but I have some website experience. Basically I loaded a new wordpress plugin into my site and it isn't working which after trial and error I have noticed it is because the site has 2 instances of jQuery loading. I think the plugin has loaded another version which has conflicted with the first one. The problem is I need the first instance for the home page and the second instance for another page. Is there a way I can load one instance on
Next Page