Conflict size accordion menu and tabs
Its my First post on this forum so Hi for everyone ;) I have problem with tabs from UI Jquery and accordion menu from http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm Its looks like this http://imageshack.us/g/1/9890047/ Menu from tabs should by about 40px but it have much more, and when J resize menu from ddrive it's resize Tabs from UI.. Who know how can J fix this ?
Widget for themeroller?
I need to customize my web site like theme roller ready and i don't know about the widgets which are used in jquery theme roller so i need the details about widget which is used in jquery themeroller ready. could any help me in that.
$mobile object is not working
Hi All, This library is not working code of JDateTimePicker Mobile Library: <script src="../Javascript/jquery.mobile-1.2.0.min.js" type="text/javascript"></script> DateTime Picker libraries: <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.2.js"></script> <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> Is there way to
Diagonal selectable, selecting in only one direction
Hi All, I'm implementing word search game. For this I want to have diagonal selectable event and as well as selection in one direction. Current selectable is able to select only in x axis or in y axis and not diagonally. Please some help and I'm stuck here forever, Need your help guys....
Guide on jQuery UI
Hi may i know how to start using the jQuery UI?
Scrolling Window Issue
Perhaps someone can help me out. Currently I'm working on a web interface where the user clicks an image and more information about our promotion is shown in a div below. Thus far, it is working well, but when the user clicks on the image, the browser window scrolls to the top of the page. The code itself has to be cleaned up a bit, but this is what it looks like thus far. I already tried using evt.preventDefault(). If anyone can help me out, I'd be most appreciative. $(document).ready(function()
Set Default Value to dropdownlist when form is loaded...
Hello All, I am binding data to my dropdownlist (1st dropdownlist) on form load.... and on its selected index changed event changing data in 2nd dropdownlist. However, when form is loaded 2nd dropdownlist is empty, Till the selected index changed event happens... I want to show the data in 2nd dropdownlist when form load is completed based on selected index = 1 ( which will be by default selected for 1st dropdown list) How should i do this ???
Newe user wanting to make a transistion change
I have purchased a web template that uses jquery for a slide show. I started personalizing it and found I would like to change the transition from the horizontal scroll to a fade in / out transition. ' Here is what I have now LINK This is the code that is there now... $('#slide').cycle({ fx: 'scrollHorz', speed: 'slow', timeout: 15000, speed: 1000, prev: '.lister1', next: '.lister2' $('#slide1').cycle({ fx:
problems using $.map() - or maybe it should be done another way
I'm building a function that gets a JSON array from a database to set the variable equal to that array. The variable can contain an array of several cities, but a simple example at the desired completion of the function is shown below. Firebug tells me this JSON passes, but I can't get $.map() to complete the function. It should be simple, but I don't understand $.map() to make it work in ajax. Also, maybe there is another way to do this. So desired result is: citiesWithBoroughs=[{"city":"New York,
jQuery validate - validation without element
I'm using validation plug-in with knockout.js and I need to have some 'extra' validation on the array (knockout's observable array). So when user submits a form I need all inputs are validated AND my view model is valid (an array, for example, must have at least one element). Can't figure out the way to do it. Thanks in advance!
jQuery Plugin not working for elements added dynamically
How do I get a jQuery Plugin working for elements added dynamically? I'm trying to add few date pickers to the DIV datesList each time you cick the Add button. The plugin doesnt work for the textboxes that are added dynamically. Can some one please advice? Thank You HTML <div class="datesList"> <div class="date"> <input type="text" class="date-picker"/> </div> </div> <div class="addDate"> Add Date </div> JS $(".date-picker").datepicker(); $(".addDate").click(function(){ var dList = $(".datesList");
Jquery validation select box conditional
Hi, Please check the following code, i wanted to validate "name" select box only when sport select box has some value other than none. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>jQuery validation Test</title> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.validate.js" type="text/javascript"></script> <script type="text/javascript"> $().ready(function() { $("#commentForm").validate({
validation using conditional statement
I have the following code: <select name="selCompletedBy" id="selCompletedBy"> <option value="Dr">Dr</option> <option value="Nurse">Nurse</option> <option value="Therapist">Therapist</option> <option value="Psychologist">Psychologist</option> <option value="Other">Other</option> </select> <input type="text" name="completedOther" id="completedOther" size="45" maxlength="50" validate="required:true" > Then in the validation : completedOther:
Date validation not working correctly
Hi everybody I'm new in jquery. In my MVC project most of the validations are done in jquery. All are working fine expect this date field. Let me describe my problem. I have a date textbox, which is attached to datetimepicker. My code is below. $("#DateTimeTextBox").datetimepicker({ dateFormat: 'dd/mm/yy', timeFormat: 'hh:mm' }); For validating this field i'm using this code 'DateTimeTextBox': { required: true, date: true }, Here if we give the date
Help with drop down jQuery drop down - onclick hyperlink select checkbox and stop drop drown minimize on click
Hi there guys, I'm quite new to jQuery and Java in general, i am using some jQuery as below and have made a drop down list, with check boxes, they check boxes work, however, when i select a check box, the drop down minimizes on click, i don't want it to minimize until i click the close arrow/title like it expands when i click the open arrow/title. Additionally is it possible to make the text have an onclick event to select the check box also, so users dont just have to select the box? As below:
Persistent navigation between # pages
i'd like to have a persistent navigation footer on my page (like here: http://jquerymobile.com/demos/1.0a2/#docs/toolbars/footer-persist-a.html ). i am using the exact code being used there, and yet the footer is rendering multiple times on one page (with different items selected). one bar is appearing right under my content and the other at the bottom of the page. clicking on either seems to work (takes me to the page i clicked on), though it is buggy. the only difference between my code and that
Problem using 2 jquery files in 1 file
<script type="text/javascript" src="js/jquery.js"> </script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"> </script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript"> $(document).ready(function() { $('a.lightbox').lightBox(); }); }); </script> <script type="text/javascript" src="jquery-1.8.2.min.js"> </script> <script type="text/javascript" src="jquery.cycle.all.js"> </script> <script type="text/javascript">
Load multiple content blocks from another page without specifying ID
I'm loading content from one page into another via the jquery .load event. I'm currently doing it like this: $('#someDiv').load('/directory/file.html #someDiv'); However I have multiple content blocks to load from the same page, so It would be better if I didn't have to specify the name of the div every time. Since they are the same on both pages, is there a way to say, "find a div on page1 and load its content into the matching div on page2? The idea is to not have to update the script every time
sending and receiving objects in functions
How i can send and receive object in jquery functions. for example i have a function which should receive X and set css of X. X can be any button , object in Html document.
delegated live event
table rows with checkboxes get built in AJAX so I need to delegate a live function for the change event. When the toggle-all checkbox in main div is checked all the checkboxes in the table rows get checked. Toggle-all checkbox working. The problem is when there is only one row with checkbox, not checked and it changes and gets checked, then the toggle-all checkbox should get checked. Similarly when all of the checkboxes in the rows are checked and one is unchecked, the toggle-all checkbox should
Getting data
Am trying to improve my jQuery skills , am novice . Here I have simple drag and drop , i can drag from one box and drop in any of two boxes . And all works fine but now when i click save i would like to know what are the items in each of two drop boxes. http://jsbin.com/ocadic/1/edit thx
Slideshow jquery auto slide ?
Can anyone help me? I want auto slide in slideshow html and jquery. How i code it ?
Switching Views
Hi, I am new to jquery mobile and am trying to swith between views in code! I two views declared as The two views: <div data-role="view" data-title="Jobslist" id="jobslist-view"> <div data-role="view" id="details-view"> The first view contains a unordered list and when a list item is clicked it populates a template in the second view, this works fine I now want switch between the jobslist-view and the details-view, but I am struggling with the method. If I place a button on the jobslist-view I am
Background image first preload then fadein?
Hi everyone, When I go to my website I want it to first load the background image fully and not show yet, ones done fully loading I just want it to fade in slowly. I tried something like this: $(".background").load(function(e){ $(".background").fadeIn(1000); }); And I tried something like this: $('.achtergrond', this).fadeIn("slow"); Both in document ready function. The HTML I'm using is: <div align="center"><img class="background" src="images/background.jpg"></div> The CSS I'm using
add class on animate
Is there any way to add class in jquery on animate function?
selecting even/odd elements....
$('#wrapper> .inner:nth-child(even)').addClass('td-even '); this is not working for me, b/c there are other children of "#wrapper that do not have class 'inner'... so how can I do this so it selects only the even elements that have class "inner"?? (I thought that's what this code did..... ;-) (can't post url, don't have access to FTP at work.. but question is simple that I hope I don't have to....;-) thank you....
set z-index automatically
I try to make "Send to Back" as you can see all programs (like PowerPoint,Photoshop). when i click one of "div" it is set zindex=1. But need to change other divs set automaticaly z-index=2 and z-index=3. Is there any body want to help me? thanks http://jsfiddle.net/lansas/Xf3pQ/3/
Absenсe of 'back' and 'refresh' functions on default ajax-submitted forms
Submitting a POST-form to the same address by default creates an ajax request. Okay. But this behavior makes impossible: - refreshing the page with auto re-sending the Post data. This is not like in normal http. - going back by history.back(-1) or browser back button through many consequent submissions. This makes default ajax submission mechanism completely unusable. Is there any way to extend it by assigning different insertion locations, or, maybe have ajax request stored somewhere to enable
How do I pass a event argument from a click event?
I have an ordinary javascript function: function point_it(event) { pos_x = event.offsetX ? (event.offsetX) : event.pageX - document.getElementById("Chart1").offsetLeft; pos_y = event.offsetY ? (event.offsetY) : event.pageY - document.getElementById("Chart1").offsetTop; } The purpose is to get the x-coordinate and the y-coordinate of a mouse click. But how do I call it? The following does not work: $("#Chart1").click(point_it(event)); Thanks
JQuery Cycle plugin issues with IE
I am working on a site that has a few jquery sliders on it, as well as some other functions. However, every few page jumps in IE (and IE only as far as I've seen) the jquery will just NOT load, breaking the page. The parts that won't load SOMETIMES in IE are from the jquery.cycle.all.js file. Javascript from the page will be posted in the next post. The errors the console is giving me are: LOG: [cycle] terminating; too few slides: 1 LOG: [cycle] terminating; zero elements found by selector LOG:
problem with server redirect
Hi, I have the following setup: page 1: get Google API lat & long; (dialog) link to page 2 (loaded via Ajax) page 2: PUT to 'foobar' URL; 'foobar' server method will redirect back to page 1 *now, back in page1, the Google API lat & long don't get loaded anymore I approached this issues from 2 sides: 1. Tried to see why the Google API lat & long loading event is not fired. I tried putting it in many different events: pageshow, pageinit, ready, etc. Nothing worked after the redirect from 'foobar' happened.
Suffix character for Spinner
It would be really useful if there could be a suffix option for the spinner component. I need it to use spinner as percentage. Thanks!
What am I doing wrong with my $.get() that keeps giving me failed request??
I have no idea what I'm doing wrong, obviously haha. Here's the example function doAjax(){ return $.get('foo.htm'); } function doMoreAjax(){ return $.get('bar.htm'); } $.when( doAjax(), doMoreAjax() ) .then(function() { console.log( 'I fire once BOTH ajax requests have completed!' ); }) .fail(function(){ console.log( 'I fire if one or more requests failed.' ); }); and here's what I've done. I keep getting the alert 'I fire if one or more requests failed'. What should my requests look like? It
Help, need get attribute name from current function
Hello, i need help with getting the name of an attribute. for example, i have this code: <script src="http://code.jquery.com/jquery-latest.js"></script> <a href="#" ShowAlert="Anything">Click To Show Attribute Name</a> <script> $('[ShowAlert]').bind('click',function(){ var ThisAttrName = $(this).attr('ShowAlert'); // I dont know how to get this Attribute name "ShowAlert" alert(ThisAttrName); // Show This Attribute Name "ShowAlert" }); </script> it shows
Need a patch for this site
Hi everyone I recently purchased a templete in themeforest, but we have realized there is a bug with the jquery menu. The developers won't reply my emails, and I need help to fix the bug. The problem is: Some content in the main frame overlaps the jquery menu when seen in Chrome and Firefox. At first we thought we missed some code when we transfered the files, but we discovered they have the same problem in their live demo. Here is the site. Just roll over the content while highlighting submenu items,
Converting top menu into the select box when resizing browser's window
Hi all, I have written a simple jQuery code that uses a plugin to convert menu into a simple select box when the menu can't fit into the container. It works fine, but I would like to make it execute in "real time", when user manually resizes the browser's window. Now, if you want to see the effect, you must resize the window and then click Refresh. Is it possible? jQuery(function () { var topMenuContainerWidth = jQuery("div.cell").has("ul.nav").innerWidth(); var topMenuWidth = jQuery("ul.nav").innerWidth();
back button on phone wrong navigation jQuery ??
Hy I made a mobile site. In the site there is an imagemap wich I use as navigation ( its a map of the area going to near by places) When people click the back button on there phone the navigation gets mixed up. Try it go to www.ebblab.nl > Nijestee > click on the map then use the back button of your phone and click again on the map. Your page is loaded but before you can see it you go back to the worng page and the URL in the adressbar shows the URL of the pages you wanted tot go to but you see
jquery chrome and ie
When click yourBtn, the functions work but not till the end at IE? Chrome is OK!! Where exactly I am wrong? <input type="button" class='butons_hello_divekle' name="yourBtn" id="yourBtn" onclick="getFile()"/> function getFile(){ $("#upimgfile").click(); } function sub(obj){ var file = obj.value; var fileName = file.split("\\"); alert(fileName.length); alert(fileName); alert(fileName[fileName.length-1]); //it works till this line at IE $("#yourBtn").html(fileName[fileName.length-1]);
fixing button code Toggle
when i am enter on the button Toggle it is open to me the both of the buttons | code: <style> p { background:#dad; font-weight:bold; font-size:17px; } </style> <script src="http://code.jquery.com/jquery-latest.js"> </script> <div align="center"> </div> <div align="center"> </div> <div align="center"> </div> <div align="center"> <button style="width: 651px; height: 42px;"> <div align="center"> <font size="6"> "בסיס - "על המערכת </font> </div> </button> </div> <div>
How to change alternate row color when we have multiple nested table.
Hi guys, I have a html table having class name "visiblerow" and "hiddenrow" in hidden row i am using display:none style sheet and for visible row display:block style sheet. Now when i am trying to applied alternate color by using these code then its not working.I have observed that due to using asp:panel its creating the problem to evaluate the even and odd row. Since asp:panel is visible true and false at server side and i have to do this functionality at client side. Please advise how to resolve
Next Page