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
Google Map show Circular Shadow/Coverage Zone with specific Radius --
Hello and greetings. I have a unique requirement. It involves google maps etc. I have the Lat, Long of a particular place, stored in db of course. Now I want to show a circular shadow zone like a coverage zone [of a light/faint colour like aliceblue] on the map that loads on my web page, with that place as the centre of the circle. The radius of this circle will be 7 km. Is this at all possible? If so, can you lead me step by step to developing this functionality? What are the plugins I need to do
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
cursor attached in IE for draggable
cursor is attached on click if you are using overflow scroll, there is any solution?
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
Is it necessary to use JQuery UI
Hi I am new to Jquery, recently started working with html5 and jquery. Should I use jquery ui plugins or sencha UI? is sencha ui provides any extra features? Thanks
How to use auto complete on JQuery using a simple combobox
I have the following implementation: .autocomplete({ source: function(request, callback) { var userDAO = new com.ibm.client.dao.UserDAO(); userDAO.setDefaultIntranetId(window.utility.getUser()); var user = userDAO.getDefault(); var url; if(user.getEmployeeCountry()=='US'){ url = "status_US.json"; }else if(user.getEmployeeCountry()=='CA'){ url = "status_CA.json"; } $.getJSON(url, function(json) { var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" ); callback($.grep(json,
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);
Trouble with click event
Hi there, I'm relatively new to jQuery and I'm struggling to understand a problem I have with my event bindings. I've created a toggle to show/hide the inner info of a three divs. The functionality was ok if none of the sort buttons at the top had been clicked. If however, any of the top buttons were pressed, the toggle no longer worked. To try to get around the problem I've put my function inside another event, but don't know how to remove the original without errors. To try to demonstrate I've
Hepl for very beginner for remote validation
Hello everyone , I recently found jQuery . I am beginner , very beginner I learned to use jQuery validation for input form , but I can not run remote validation . I need to check if a file exists in a directory, before the file is uploading by the user Can you suggest the very simple code to learn the basics of this validaton method? I found many files in the net , but they are very difficult to understand for a beginner. Thank you in advance Roberto
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
Multiple gridviews show blueimp additional info
I use blueimp plugin to show image slideshow. My images are in asp:Gridview column. <asp:GridView....> <Columns> <ItemTemplate> <div class="media" id="mymedia"> <a href='<%# Eval("ImageUrl") %>' class="pull-left" data-gallery="#blueimp-gallery-all" data-description='<%# Eval("Description") %>' title='<%# Eval("ImageName") %>'> <img src='<%# Eval("ImageUrl") %>' class="media-object img-thumbnail" style="width: 150px" data-description="ABCDEFGH"></img> </a> <div class="media-body"> <asp:Label runat="server"
file upload compress
On my website I want to give my users the oppertunity to upload an image. They can select an image of any size. Before the upload takes place, if the filesize > 200kb, I want to automatically compress/shrink the file to 200kb. Does a jQuery plugin exist which can do the job? (I only discovered automatic resizing the image, which is something else)
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/
Is it ok if you not to use: class="ui-content" in listview
Is it ok if you not to use ui-content for your listview ? : The usual way: <div data-role="page" id="index"> <div data-role="header"> </div> <div role="main" class="ui-content"> <ul data-role="listview"> <!-- listview content --> </ul> </div> <div data-role="footer"> <h4>Footer</h4> </div> </div> What i'm using: <div data-role="page" id="index"> <div data-role="header"> </div> <ul data-role="listview"> <!-- listview content --> </ul> <div data-role="footer"> <h4>Footer</h4> </div> </div> Is it ok
Adding another level to a drop down menu using spf-dropdown.js within a Sharepoint Foundation site.
I'm using jQuery and spf-dropdown.js to add a dropdown menu feature to a Sharepoint Foundation 2010 site. One sub level is working fine but I'd like to add a 2nd sub level. As is, the code adds a class to menu items (marked with a special identifier) and traverses back up the dom to append a new ul to items that don't have that class. If I add a new identifier and class for a 2nd sub level, it doesn't work as it does for the first sub level. So the problem I'm having is getting another ul appended
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="">
Using JQuery have the section with id="first" suddenly appear in the browser window
I did this Source Code <section id="first"> <!-- use for Ajax --> <form method="get" action="" id="add1"> <fieldset> JS Code $(document).ready(function(){ $("first").show(); }); Don't understand why it's not working :s?
Shadow
Hi, is there a way to get a (transparent) shadow outside the Basic dialog window? Regards Thomas
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 ?
Autocomplete arrays
I've been working with Autocomplete and have it working fine based on one of the demos. It links to an external JavaScript that includes an array. Is there a way to take out the JavaScript function and put it in with the HTML? The array would remain separate. I'm guessing the function would have to be modified to pull in the text of the array, but I'm not sure how to do that. The reason for doing it this way is that we would be able to use the same array with two different plug-ins. Sorry if this
jquery mobile listview with JSON
Hi all, I am planning to get posts from my wordpress site using JSON.. and the posts going to grow each day. my question here is it possible to get the posts as a listview even with large number of items lets say over 1000 items with no crash! If not, then what is the best layout solution to list the posts. note that the posts appears as a title and when click slide a new page with post description. Thanks,
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 ?
jQuery 2.X problem with IE8 - is there any work arround ?
Is their anyway I can use jQuery 2.0 and still have support for IE8 ? I know jQuery 2.x does not support IE8 and below versions. I got following option to work with but I really want to use jQuery 2.X.X and still want to have my web site working find in IE8. <!--[if (!IE)|(gt IE 8)]><!--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <!--<![endif]--> <!--[if lte IE 8]> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
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
External links on Tabs?
I am a total newbie with jQuery, and I was modifying a script for a blog that has the jQueryUI for vertical Tabs in it. Which is all fine and well and it's working like a charm, but I really need to add a link to the Tabs that leads to another page entirely. Which I've found out isn't working with AJAX? But isn't there some way to get around this? (Blog with the tabs)
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.
Easiest way to show div based on radio selection
I have a situation whereas i need to show a different div with a different set of options based on the users radio selection. At the moment this is what i have http://jsfiddle.net/e08jo9gr/11/ but only works with 1 div. How can i make this work for multiple radio buttons? or is there any easier way how to do this? help much appreciated.
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 to run on the client’s Microsoft IE browser
The published website’s asynchronous call ($.ajax) 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?
$.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.
Next Page