jquery searchabledropdown
Hi All - I am using jquery searchable dropdown plugin, and I am facing some issues as follows: - firstly I think the plugin starts searching as soon as the document is ready and that too with the first default value. How can I make sure that the search starts only once I start typing because the first option I have in my drop down is 'select an option'. - the initial size it is taking is the maxMultiMatch list, instead of maxListSize. I overcame the above two problems using maxMultimatch to the value
Jumpy accordion
Hi my jquery accordion on http://tinyurl.com/35wc72x is acting a bit jumpy towards the end of the sliding animation of each answer, how can I fix that?
How do you create a resizable and resize it in one go? (programmatically starting the resize)
Hi, I am trying to create a resizable div at the mouse position and resize it immediately to its desired size. My failed attempt so far: http://jsfiddle.net/YKnfR/1/ Any ideas on how to achieve this behaviour? Cheers, Erik.
an online jQuery website builder for dummies
After playing with all of the different jQuery interactions, widgets, visual effects, etc. (on the demo pages), I couldn’t help but wonder of there is an online website builder that would allow me to “easily” create web pages with all of these functions, but without having to do any real programming ?
Dialog and main frame scrollbar
Hi there! Info : Jquery-UI 1.8.4 (Tested and same effect on 1.8.6). I got a page with nothing too fancy, a table to locate areas and some forms. Something like: A header on top, a menu, and then a toolbar (understand a <td> with buttons inside) and an image on the right: Header Menu Toolbar Image This contained exactly is the user screen (no scrollbars). I needed to use a modal dialog so I used the code to the bottom of this post. My problem is that when the page is rendered even before I open the
success message not displaying on form after submission
Hi, I am testing a form locally that uses PHP and MySQL to submit the info into a database and JQuery for styling, and message display. The form works, b/c I can see the data in the DB, but the success message does not appear. I just get the spinning circle, with no message. The code is as follows. [code] <form id="ContactForm" action=""> <p> <label>First Name</label> <input id="FirstName" name="FirstName" class="inplaceError" maxlength="120"
Why does this not work?
Hi All, I am fairly new to javaScript and JQuery and am wondering why this code does not work? the switch case does not fire. $(document).ready(function () { var numRand = Math.floor(Math.random() * 20); var Name; switch (numRand) { case '19': Name = "c5"; alert(numRand); break; case '18': Name = "b4"; alert(numRand); break; default: Name = "f2"; } }); While this code will? $(document).ready(function
jQuery Cycle - how do I edit (remove) text for a slideshow button
I'll start by saying I'm not an expert js programmer by any stretch of the imagination! I am trying to adapt the addSlide demo 5 (http://jquery.malsup.com/cycle/add5.html) but instead of using buttons created by css I wish to use images. So I'm largely okay with that, have found the #nav container and defined my background-image images but these are overwritten by textual digits and I'm not sure where these are generated from. Most likely something in my main.js file though I can't figure out what
[solved] sorting div by class
Hey Guys, i`m having two kind of divs with different classes. Like: <div class="test class1">Class 1</div> <div class="test class1">Class 1</div> <div class="test class2">Class 2</div> <div class="test class2">Class 2</div> <div class="test class2">Class 2</div> So now I want to sort the two kinds in different parent divs: <div id="parent1"> <div class="test class1">Class 1</div> <div class="test class1">Class 1</div> </div> <div id="parent2"> <div class="test class2">Class 2</div>
JQuery Validate errorPalacement
I have following CSS in my application .input_wrapper { border: 1px solid #cecece; display: block; background: #fefefe url(layout/site/forms/input_text2.gif) repeat-x; float: left; padding: 2px 0px; width: 150px; margin: 0 8px 0 0; line-height: normal; } .blank { border: 0; background: transparent; } Using above CSS like this <div class="row"> <label>Contact Person <span style="color:Red">*</span> :</label> <div class="inputs"> <span class="input_wrapper large_input"><asp:TextBox
Hi dear all
Hi, My Dear forum friends, I'm new to JQuery, I've just managed to know that how put jquery and other plugins on a web page. But I want to develop plugins for JQuery.But the problem is I don't to how to start and from where to start? So, if you please help then it would be more helpful to me. Thank you, Rittwick Banerjee
Append parameter to url during ajax call with jQuery
Hallo, I need to append a parameter during an ajax call: I was thinking about something like below: function initTestAjaxAppendUrl() { jQuery(document).ajaxSend(function(evt, request, settings){ console.debug("Starting request at " + settings.url + " ") console.debug("Data " + settings.data + " "); settings.url = "http://www.cippa.lippa"; settings.data = settings.data + someCustomData; }); jQuery("#testAjaxAppendUrl").click(function(){
Problem in IE
Dear all, I am not sure this is the correct place for me to post this issue or not. Please rename the following attachment to .html so that you can try out the example. When i drag the divider (element) it will resize the left and right content size (*all size and position left is in %). But when i drag the outer element in IE until certain width (lets say less than 10%), inner divider would not move accordingly in IE. Hope that I can get help here. Thanks in advance.
Changing background colour to image on TABS buttons
Hi, I am trying to create a background image on my tabs buttons, however it does not seem to work. Using the original code with background colour #FFC, and I have changed it to background: white url(shade.gif) top left repeat-x; instead, the background became white. May I know did I perform something wrongly? Thank you /*Original Code */ .ui-tabs-selected a { color: #000; background: #FFC; position: relative; top: 1px; } /*My code*/ .ui-tabs-selected a { color: #000; background:
Listening for popup window load events across domains
I'm new to jQuery, so this may be a basic question... I have a page that's opening a popup window for an oAuth authentication request. The popup is a page in a different domain, and during the authentication process, the window goes through 3 page load events: [Login Page] \/ [Authorization Page] \/ [Response Page] In the opener window, I need to monitor those events to tell when the popup window has reached it's 3rd page load, extract parameters from the url, and then close the popup. Again,
set value of global variable by clicking event
Hi guys. I'm trying to build a digital program of an event. Basicly I have a list of items which show some inital information. The information is loaded from a xml-file. Every list item has an ID. The idea is whenever a list item is clicked its ID should be stored in the global variable. So I can access the ID on a detail page and load further information of that entry. The code I've come up so far is: var WIDGET = { container: "#programholder", container2: "#programholder2",
Help with .html() function
Hello guys, Can someone please tell me why and help me fix this example of the .html() jQuery function. What I am trying to do is execute a change in html inside a IE conditional statement. Here is my code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Replacing html with jQuery</title> <!--[if lt IE 9]> <script src="http://code.jquery.com/jquery-1.4.4.js"> $(document).ready(function () { $('nav#mainNavigation').html('<p>The HTML has been changed because your
Unassociate $ from JQuery
Hi all, Is it possible to unassociate the $ symbol with JQuery? As it is causing a conflict with another javascript framework. Thanks, Mark
How to validate so that only one out of three telephone numbers is required using jQuery validation plug-in 1.7?
Hi, I have a user registration form with some fields and among them I have contact information which primarily contains three input text type fields 1. Home Telephone 2. Business Telephone. 3. Cell no I have error div defined for each control where I place the error. This is defined using the errorplacement option of the jquery plugin syntax. My requirement is that, only one out of the three is required and if filled it should be valid irrespective of the other two being entered and error messages
.html() function not working in conditional comment
Hey guys, I was hoping someone here could help me get this simple exercise done. It invovles changing the html using jQuery when the browser is less than IE9 I was messing with the .html() jQuery function that I have used before and was having some problems, but I got help in this post With this code, it runs in all browsers: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Replacing html with jQuery</title> <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
[jquery validate]: how to lose focus...
Hi all, I'm using jquery validate... it's almost all ok: I need to lose focus on enter key when validation fails... I write wrong text on an input box and then press enter.. also if I've setted focusInvalid: false the focus stayed there. thank you Luca
Downloading a custom theme is not working?
Hello, I tried to create my first custom them using Jquery UI Themeroller at http://jqueryui.com/themeroller/ I started editing the theme which was loaded by default and clicked download theme button. It took me to page with option to select/deselect components. When I test this theme at my local just get the original default theme instead of the custom theme I made. Any ideas how to get it working? I tried 3-4 but couldn't working. Luckily this time I saved the URI before I clicked download theme.
getJSON doesn't return any value/response!!!
Hi I'm using the getJSON to get the json value to be returned by a page, but there is no response from the function.. <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> alert ("dfdfad"); function sam() { alert("entere"); $.getJSON('https://test.httpapi.com/api/domains/available.json?', {'auth-userid':'234343', 'auth-password':'xxxxxxxx', 'domain-name':'testhiox',
Jquery Mobile Equivalent of jQT.goTo('#home', 'flip') and icons, and source code for demos
Three questions: 1 I had a javascript jQT.goTo('#home', 'flip'); which worked with JQtouch. What is the equivalence in JQuery Mobile? 2. Where can I find icons used in the JQuery Mobil? 3.How do I get the source for the demos? Thanks. Vijay
Using corners plugin with ie6 >
Hi, I'm trying to get borders to display properly with this plugin: http://jquery.malsup.com/corner/ On the page it says to use the keep option, but it does not give an option to specify what colour the border should be , if I specify the type of border in a stylesheet: like (border:1px solid #d4d4d4;) it shows the border great in firefox, but in ie6 and 8 it shows the border but not to the contours of the rounded box (ie square) Has anyone had any experiences with this and can offer a solution?
problem with dialog form
hello, i have a dialog from with 4 butons (save,delete,update and cancel) like this: var dialog = $('<div id="frm"></div>') .dialog({ autoOpen: false, modal: true, closeOnEscape: true, width: 450, height: 300, zIndex: 15000, buttons: { save: function() { var a = $("#a").val(); var b = $("#b").val(); var c = $("#c").val(); var date = $(".date").val();
Chaining datepickers
I've got a number of datepickers (dynamically added by php), with ids such as from_1, to_1, from_2, to_2, from_3, to_3, etc. I've managed to use the event search example to work with 2. As per ui example: var dates = $('#form_1,#to_1').datepicker({ (....other options...) onSelect: function( selectedDate ) { var option = this.id == "from_1" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ); date = $.datepicker.parseDate( instance.settings.dateFormat
Adding selected state to navigation with window location match
I know that others have asked about adding a class to a navigation based on window.location, but I couldn't quite fit my question within those bounds, so hopefully it's alright to ask here. Requirement Add a class based on window location Complexity The current if/else method I have doesn't work correctly, because all subsequent URLs will have the initial word we're looking for, and I'd like to have the final else to be on nav id#3 - (because the url's there will all be varied and may change later
datetime picker - can not be initiated on "image.click" event ?
Hello.. I just downloaded UI and it workes. When I click to a textbox, calendar appears. I have to click twice, but it works. Now I want to have an icon next to the textbox and initiate calendar when the icon is clicked. This seems to be impossible. Can anyone help please? I do it like this: <input type="text" id="datetimetextbox"/> <img src="dateIcon.png" alt="btn" id="mybutton"/> <script> $("#mybutton").click(function(){ $( "#datetimetextbox" ).datetimepicker(); }) </script>
JQuery with NetUI Beehive tag
dear all, I am creating a login page using netui beehive & instead of using javascripts, I am using jquery for this. since netui got their own tags like <netui:textBox ... tagId="myId" > how do i go around implementing jquery in this fashion like i usually do? i tried $("#myId").val() but fails. Am I doing it wrong or am I missing something here? Pls enlighten me .. Thanks
Having problem with animate({left}) in IE8
I've coded a scrolling bar that holds links to images. Anyway works great in FF, Chrome, Safari etc. In IE the element.animate({left: leftOffset}) call seems to lock up. The element I am calling animate on is hidden using .hide(). It appears using fadeIn() on a hover event. Does IE balk at animating hidden elements? Is there a fix? Thanks
Validation - Remote validation marks a field as both "valid" and "error"
The title says it all. I am using jQuery Validation to validate a form. One field (a CAPTCHA field) is validated on the fly using remote validation. When the user types the correct code into the CAPTCHA field for the first time, the field is marked by jQuery validator as "valid" and "error" (I'm not sure how this is possible). If the user then clicks into the CAPTCHA field and then clicks/tabs out of the field, the erroneous "error" class is removed. I think the issue must have something to do with
Bug with Accordion and Tabs on same page in container divx
I have discovered an apparent bug when using both Accordon and Tabs on the same page. It took some hours, but here's what I tracked down ... My page was laid out in a two column table. Accordion in the left (narrow) <td>, tabs in the right <td>. It worked fine. I converted the page to all divs. Float left div for the left column, float right for the other. When the accordion div (within the primary left column div) and the tab div (in the primary right side div) are on the same horizontal plane,
file uploading using jquery
Hi, I am working on asp.net (using c#) project In which required file upload functionality using jquery . I am new in jquery so plz elaborate how i am using the jquery for file upload. Thanks
Combobox within html form tags
I need quick help with the combo box, the script i am using below works perfectly fine until i put the combobox within form tags the autocomplete works fine but the dropdown list automatically submits the form once clicked??? <form> <label>Town: </label> <select id="town" name="town"> <option value="">Select one...</option> <?php $fetch = mysql_query("SELECT DISTINCT Town FROM properties"); while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) { $townnames = $row['Town']; echo "<option value=\"$townnames\">$townnames</option>";
image transition effect for multiple tabs
Hi, I had an requirement to do the image sliding effect. I got the sample file from google and implemented the same in my file. I need to navigate the images by clicking the next and previous button. I have four tabs each with some images. Each should show this transition effect. The problem I am facing with is that this code works only for my first tab. for rest of the tabs this transition is not working. Please suggest me some way so that I can navigate all the four tabs Thanks
Blind Screen when select in DatePicker
Description: I use version newest of DatePicker in UI, I want to extend value of range MinYear and MaxYear, (default -10 , +10 ). Then I deliberated to reset their value to -20, +20, after that I succeed, but control have something wrong that is blind screen every choose Date. Please try it. Any suggestion is my appreciate! John Pham
foreach question
Hi, How can I select the value of the hidden input fields in each li? Sorry if this is a duplicate post, but I could not find the earlier entry. <ul id="headlineslist"> <li id="list849737" href="#headline_div_849737"> <div id="headline849737" itemid="849737" class="headline"> <div> <span class="flag"> <img src="/assets/1325.png"> </span> <h4>Iraq</h4><br /> <div class="datestyle">10 Nov 2010 12:50 GMT</div> <div class="headlinestyle">small title</div> </div>
Adding a active class to a link
Hi everyone, I have this script where if users click on a link it will show that particular link in a slideUp, slideDown effect. For example There are two links and Two divs. Both Divs are hidden to start. If the user clicks link 1, Div 1 will appear. If the user clicks link2 Div 1 will close and Div 2 will appear. My problem I would like to know is how do I add a active state when the user clicks on each particular link. Please help here is my script <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
IE checkbox doesn't uncheck
I have an issue that is specific to IE (testing in IE8). The following code unchecks checked checkboxes in FF, but will simply not work in IE : $j("input:checkbox[checked=true]").each(function() { $j(this).removeAttr("checked"); //$j(this).attr("checked",false); this doesn't work either //$j(this).attr("checked",""); this doesn't work either alert($j(this).attr("title") + " is "+$j(this).attr("checked")); }); In all cases the expected alerts are firing, and the alert says
Next Page