Add delete icon to dynamically created <option>
Hi, I have a <select> for industry which is by default one on the form and allowing user to create more using jquery I want to include a delete icon beside the dynamically added <option>. How can id do this? <tr> <td valign="middle">Industry</td> <td valign="middle">:</td> <td valign="middle"> <div id="container"> <select id="cboIndustry" name="cboIndustry[]" style="width: 100%" required> <option value="" selected>[Industry..]</option>
making ajax request and waiting for file
I have a click function that almost works, but it seems I have misunderstood how the ajax request functions. I want to post a string and then wait for a file which I will process when it arrives in the directory. My script works if the file already exists, but not if I click and then add the file. What am I missing? Thanks for any assistance <script> //post NLQ string $(document).ready(function(){ var nlqString = ''; $('#nlq-execute').click(function(){
the problem with integrating jquery into submit form
Hi! I have a login form with set defaultValues. I want to mistakes jump out when the login and password are empty or when they are default. But that does not work. I tried this and that, but got troubled. The mistakes should jump out in ids "login_err" and "pass_err". Please help. My form: <div id="login"> <form method="post" style="background:inherit"> <table style="align:right;text-align:right;margin:0 auto;"> <tr> <td id="login_err"></td> </tr>
Rounded page corners
Hi everyone! How can I round the corners of a JQM page, like the facebook app does in it's top corners on android? Thanks in advance.
jquery ui radio buttons, add ".ui-state-selected" state
Hi there, I'm very green with javascript and jquery but I'm hoping that someone will be able to provide some help on this: I would like to use the ".ui-state-active" and ".ui-state-active:after" to create button effects for when the button is depressed and to have the button return to it's original state. Is it possible to add ".ui-state-selected" for the selected radio button? I've got this working with styled links but the buttons need to be radio buttons for the controls to work properly. Any
Radio buttonset styling
I like the way jQuery defines radio buttonsets, and would like to add some styling changes: an optional vertical rather than horizontal layout, including width overrides and appropriate changes to rounded corners set tabindex to '-1' to prevent keys like TAB and arrows from triggering a click event on the wrong elementFor #1, I can use <br /> elements to force the horizontal layout, but the corners look strange, and the width attributes seem to get overridden. For #2, any attributes I add to the
jQuery 2.0 | Replace each div text with substring from comma delimited string
Hidden #main-input contains a string of comma-separated values. I need to find all same class divs that each contain same unique text and replace that text with the relevant comma-delimited substrings stored in #main-input, like so: 1- Find the first .container div that only contains the text "findme"; 2- Replace "findme" with the first comma-delimited substring of hidden #main-input; 3- Find the second .container div that only contains the text "findme"; 4- Replace "findme" with the second comma-delimited
Page Transition Flickering
There are a lot of flickerings & flashing when it comes to page transition in my Samsung S3 Android 4.1.2 device. I use Phonegap 3.1.0, JQuery 1.10.2 and JQuery Mobile 1.3.2 This issue seems to trouble a lot of developers for more than 3 years now. Is there a solid solution for this? Is there a JQuery mobile version that handles page transitions with greatness? Or a workaround for this? (and I don't mean setting the pageTransition to 'none') Up to now I've tried: 1) <meta name="viewport" content="user-scalable=no,
Automatically flip
Hi, I'm reading this article like how create a " Flipping Circle Slideshow " http://tympanus.net/codrops/2013/01/28/flipping-circle-slideshow/ and i want to make it flip automatically. This is the code to flip automatically but i dont know how to figure out run this code well. please could you help me This was they told me to do. before you initialise the plugin, eg $(element).flipshow(); you can add a public method named navigate and then call it from within a setTimeout function. $.Flipshow.prototype.navigate=function(element,direction){
jQuery Ajax failing to call to MVC 3 Controller method on Windows XP
Hi i am invoking a Ajax call to my controller method from a view on button click. Ajax method fails by giving the error "Object not Found". This happens when it is deployed on Windows XP. It does not happen on Windows 7. I am stuck up on this issue from Two days with no help. Any help would be much appreciated. Here is my code. DisplayAttributes.cshtml function DisplayFullImage() { var model = { ChoosenColor: sendDesignerData, TotalDensity: TotalPixelFilled }; var urls = '@Url.Action("GetColors","Designer")';
How to send forgot password email in jquery? I have the same code i n php? can any one help me write a jquery code for the same.
<!--AJAX CALLS THIS CODE TO EXECUTE --> <script> if(isset($_Post["e"])){ $sql = "SELECT id, username FROM users WHERE email ='$e' And activated='1' LIMIT 1"; $query = mysqli_query($db_conx, $sql); $numrows = mysqli_num_rows($query); if($numrows >0){ while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){ $id = $row["id"]; $u = $row["username"]; } $emailCut
email Validator not Working
<script type="text/javascript"> $('#admnmail').blur(function() { var sEmail = $('#admnmail').val(); if ($.trim(sEmail).length == 0) { alert('Please enter valid email address'); e.preventDefault(); } if (validateEmail(sEmail)) { alert('Email is valid'); } else { $('#admnmail').val(""); alert ("NO"); e.preventDefault(); } }); function validateEmail(sEmail) { var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
Jquery mouseover problem
Hi, Need your help!! My jquery animation not working proplerly when I mouseout from the navigation menu 01 and mouseover the another menu 02 before animation completed to the navigation menu 01. But, animation work properly when i wait to complete navigation menu 01 and then mouseover the cursor to navigation menu 02. Thanks, Anna
Slider jQuery UI
Hello , I need your help, I would like to use the slider of jQuery UI to make a credit simulator. I succeed to configure it BUT I don't find if it's possible to limit it. In fact, I'd like to make a simulator like this : http://www.opel.be/fr/Configurator/Agila/Start.aspx#step2 If you click on step 2 , there are 2 simulators and I need to make the sames for my customer. If someone can help me, thanks in advance
Tooltip not working when span tag inside link
Hello, I'm currently using this markup to style up links with an icon: <div id="printScreen" class="glyphicon glyphicon-print pull-right "><a href="#print" title="Print"><span>Print</span></a></div> I use the span tag within the link so I can hide the text using display none. Problem with this is, I cannot get the tooltip to work using : var tooltips = $("[title]").tooltip(); Can anyone please tell me how I can get the tooltips to fire up using my markup above? Many thanks
jquery-ui - cancel dragging on escape key
I've a list of draggable divs and a droppable area. Drag-n-drop is working fine with mouse in chrome, FF and IE9. I want to add keyboard interaction. The dragging div should be revert back to the list when use presses esc key. So first I did like this: $(document).keyup( function( e ){ e.preventDefault(); console.log(':::keypress:::',e); if( e.which=== 27 || e.keyCode === 27 ){ $( '.ui-draggable-dragging' ).draggable( 'option', 'revert', 'invalid' ).trigger( 'mouseup' ); } } ); The above code detects
How to use jquery accordion in a jquery dialog
Hi, Iam using this code for my online shopping site.This code is used for quick view of an product.While user click the quick view a dialog open and show the product image,price,description.Now the issue is the description is lengthy.So it display dialog broader.(It increase the dialog width according to description).So that i want to use Accordion.But i dont have idea about how to use this.i read this http://jqueryui.com/accordion/.But i dont know what i need to download here http://jqueryui.com/download/.I
Synchronized Tabbed navigation
I have two tabbed navigations, one on the top and one at the bottom. I'm targeting the div through classes instead of id so that they both show relevant content. When the user clicks the "Business" tab, it shows relevant information for the user, both on the top and on the bottom. My problem is that I cannot make both tabs to show the "active" state. It only shows on the tab that I clicked whether on the top or the bottom, although they have the same class name. Any help is welcome. Mike HTML: <ul
How can execute the print command in chrome?
How can execute the print command chrome and don't need click print or [enter]. <script type="text/javascript"> window.print(); window.onfocus = function () { window.close(); } </script> Please help me! Mr Lam
customize toolbar button
Dear All, I am working on a project where I need following functionality. please share your ideas: I want to create a customize toolbar popup which consist of buttons for B (Bold), I(Italic) and U(Underline) etc. I have asp.net listbox (dropdown) on same page. The functionality which is required is that when user select any value from listbox and click on toolbar button B the selected value become bold, similarly for I and U etc. Is it possible with jquery? How to implement. Thanks in advance.
CSS problem
hi all, The icons can't display on http://api.jquery.com . There miss a token "," in file http://api.jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1 at line 1205. sorry for google translate... regards.
Some jQuery code not working (.toggle is to blame I think)
I'm following along on O'Reilly's Javascript and Jquery but some code in the book is not working. I've searched the net but haven't came across an obvious answer. Any help would be appreciated. The HTML is here: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>A One Page Faq</title> <link href="../_css/site.css" rel="stylesheet"> <script src="../_js/jquery-1.7.2.min.js"></script> <style type="text/css"> h2 { background: url(../_images/open.png) no-repeat 0 11px; padding: 10px 0 0 25px;
Using a dropdown inside of a sortable Element
Id like to use a dropdown inside of a sortable element. But when clicking the dropdown it doesnt work of course, because i can only drag around but the dropdown does not open. Is there a good solution for this ?
how to create a form that works
i want to create a form in Jquery 1.9.1 and i have looked at tutorials but none of them work if you can please tell me and also i don't want to download anything
Iam using setinterval for autorefreshing but it showing my JSON data repeatedly
JSON: "Facebook": [ { "facebook_name":"Apple", "facebook_post":"Apple posted a photo", "facebook_comment":"Apple commented on a photo", }, { "facebook_name":"Mango", "facebook_post":"Mango posted a photo", "facebook_comment":"Mango commented on a photo", } ] } Script: $(document).ready(function () { var facebook=null; var array=null; function refreshEachMinute(){
restrict autocmplete's data
Hi, I am using the following code to populate data from MySQL to jquery autocomplete. is it possible not allow user to write his own company name but only select USING autocomplete so if the company name he entered is not within the list it it won't accept? $("input#txtCompany").autocomplete ( { source : function (request, callback) { var data = { term : request.term }; $.ajax ( { url : "../autocomplete_company.php",
why it's not redirecting?
Hi, I am using the code below to sign in user with ajax and it's working fine when I just user window.location in the success but when I tried to give a condition to check the querystring ["redirect"] it will just stop on the loading animation and do noting. what's wrong with this code please? $(document).ready(function(){ $(function() { $( "#btnSignin" ).button(); }); $('#btnSignin').click(function() { $('#waiting').show(); $('#frmLogin').hide(); $.ajax
Low, glitchy transtions between pages
Hey Champions, Am using JQM 1.4.0 and i noticed something weird. if my page have a lot of elements i mean form HTML elements like text inputs .. drowpdown ..etc. The page transition becomes so slow even the in response there is some lateness. For example: PAGE A has a button to PAGE B where PAGE B has the form elements etc .. When clicks on the Button in the PAGE A it taks time to go to page B and its not SMOOTH. I have a PAGE C which have 3 or 4 lines of text the transitions is fast and smooth.
Issue with appending html to list
I'm trying to take my cat_id and append it to #id- so that the points are appended to the correct list. function load_sidebar_points(){ downloadUrl("cat_points.php", function(data) { var point_xml = data.responseXML; var markers = point_xml.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { var id = markers[i].getAttribute("id"); var name = markers[i].getAttribute("name");
Method load not working on distant server
Hi! I'm using codeigniter. The method load() works fine on localhost but not on distant server. This is firebugs screenshot, it shows the adress in red. But when I copy these adresses to the adress bar (browser) they work fine! Anyone can help me please? Thanks! :)
Change text font color in link
I have a link ('a'). I can display the text() property. Is it possible using jQuery to change the color of the text? ("#myLink").text().css('color','red') throws an error (object does not support this property or method).
Tab issue when dissabling them
Hi Everyone, I am having a issue when I disable certain tabs. My website has 6 tabs, the first tab is the login tab. When the website comes up, I disable all tabs, except the first one: $( "#Main" ).tabs( { disabled: [1, 2, 3, 4, 5] } ); <------ this is the line Then, I have a JavaScript, that detects when a tab has been clicked: $(function() {//Open function $("#Main").tabs(); $('[id^=ui-id-]').click(function(){ //Open [id^=ui-id-] var tabId = $(this).attr('id'); //Home if (tabId
Looking for plugin like this
Hi, I'm looking for plugin that looks like this: link Its slider with menu on right. I dont know if there is free plugin like this or i have to make one. Thanks for replies. M.
date picker
how to disable days before current date by using jqueryUI widget datepicker
Edit serialize array
Hi, I used $("#myform").serialize and its giving me return somethink like below: customerid=1&customername=raheel&customerage=23 i took all this id var data. but i want to send data via ajax without the first input field so it should remove customerid=1 ... how can i do this ? Thanks
tablesorter makes too many rows when changing table contents with ajax (but only if sorting settings!?)
When I re-use tablesorter() in my ajax done() function, I get a table that seems to have each row doubled from original and weirdly sorted. Note1: My Ajax replaces the inside of the table; this is everything but the table start and end tag Note2: This does NOT happen when I leave out initial sorting order. Note3: It's the same with trigger("update") and so on.. Please help. Thank you. $(function() { $("#games").tablesorter({sortList: [[8,0]]}) }); $(function() { //this on-way (=delegated
Accordion works perfect (almost)
Hello, Being a newby to jQuery, I would appreciate your help with the following. What I want to create is a webpage with a number of Titles, each followed by a div containing one or more paragraphs, maybe a bulleted list, an image, etc. Each title must be clickable to expand/collapse the div belonging to it. When expanding a div, other expanded div's (if any) must collapse. I found the example on http://viralpatel.net/blogs/create-accordion-menu-jquery/ and tested. It does almost exactly what I want.
Jquery problem with loading pages
Hello, I am fairly new to jquery and have been trying to build a basic website with a few pages, i got one page to link fine and then i copied and pasted the code to use for the next page and the new pages wont load. Anyone got a idea what the problem could be? <li><a href="#genre" data-transition='flow'>Genres</a></li> <!--Genre page--> <div data-role="page" id="#genre" data-theme="a"> <div data-role="header" data-position="inline"> <a href="#main" data-icon="home">Home</a> <h1>Genre</h1> <a href="index.html"
<div> tag
div used in body ,the same can be used in script tag ...is it possible?.......
how to add a download link in fancybox
How to add a download link in fancybox, i'm using opencart. i found this code: $(".fancybox").fancybox({ afterLoad: function() { this.title = '<a href="' + this.href + '">Download</a> ' + this.title; }, helpers : { title: { type: 'inside' } } }); Where to put exactly ? tnx
Next Page