How to write multiple selected event for combobox
Hi All, I trying to write and execute selected event for multiple drop down lists on single form.... However, its not working... Below is the script which i have written... <script type="text/javascript" src="js/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#YOJ_FLDDEFVIEWTEMPID_dropdownlist_YOJ_FLDDEFVIEWTEMPID").combobox({selected: function(event, ui) { var value1= $(this).val();someFunction(value1);} }); $("#YOJ_FLDKNOWNNAME_dropdownlist_YOJ_FLDKNOWNNAME").combobox({selected:
Restricting select to a specific div
I have a table and I want to find a specific row and move it to the end. I do that with this code: var failLegend = $(".jqplot-table-legend tbody tr").filter(function() { return $(this).text() == "GA Fails"; }).closest("tr"); failLegend.insertAfter($(".jqplot-table-legend tbody tr:last")); That works fine as long as I have just one table. But I have multiple tables all with the same class, and I end up with all of the "GA Fails" rows from all the tables an the end of the last
make a list of draggable elements, sortable
Please, look at this semplified code: $('form').submit(function(e) { [...] append submitted element to ul.list [...] $('ul.list').sortable({ //the ul list have to be sortable stop: ... }); $('ul.list li').draggable({ //the li element could be dragged to another div }); } The code above: -add a li element to a list - add sortable behaviour to ul container - add draggable behaviour to li element The purpose is to let the dynamically created li 's to be sortable in the parent list and
jQuery Cycle pager after image
Hi, I really like this plugin and it seams perfekt. Unfortunatly I can't manage to get the pager after / beneath the actual image. My code until now is: jQuery('div#Malerei').before('<div id="nav">'); jQuery('div#Malerei').cycle({timeout: 0,height: 350, pager: '#nav'}); I would be really thankful if someone could give me a clue. It might work with the option pagerAnchorBuilder, but I don't know how.
Generate this type of window with jQuery
Hi! First of all, thanks for reading! I was wondering if it's possible to generate this with jQuery. I know, obviously, how to create a normal window with a javascript function but i don't need to create a HTML page in a new window, what i need is to generate something like prompt does, but with more options. Imagine a prompt window with a lot of textboxes. I don't know if i explain myselft right, sorry for my english! Thanks!
$.Ajax request memory consume
Hi, I am having problem with the $.Ajax request. In each request that my timer function does the browser increases his memory and decreases. The problem is that the decrease is inferior than the increase. This means that after some time the browser is consuming a total of 2GB of memory... Is there anybody with same problem? My jquery version is the 1.8.2. Thank you!
.push: creates new object instead of overwriting the same
Hi, I searched a lot and tried a lot of things but I can't get it to work. Currently, if I press the button th first time it pushes the data to the array which is fine. But if I press the second or third time the button it creates a new object in the array. How can I avoid that? It should just overwrite it. Hope someone can give me a hint. Thanks in advance. Here's a simplified code just with the problem: var Validator = { data_checked_result: [], errors: [], addRule: function (finder,
Use array from txt file and scan for matching div id's?
Not sure if this is possible with Jquery, but can you load an array from a txt file - eg 1,34,89,45 Then use this array to change the html contained within a corresponding div id <div id="1"><a href="#asdfiuhasdfoih">Text 1</a></div> <div id="2"><a href="#asdfi">Text 1</a></div> <div id="45"><a href="#asdfiuhasd">Text 1</a></div> <div id="5"><a href="#fiuhasdfdf">Text 1</a></div> <div id="34"><a href="#dfiu">Text 1</a></div> The bold line ids match the txt file, so I would change the html inside
tabs and the print stylesheet
just wondering how i would "disable" tabs for a print style sheet, so that the content of all tabs would be listed and print. roxstyle
Regular expression allowing special character for first key press
Hi, i am trying to use regular expression in jquery on keypress function to allow only Alphanumeric values from text field, but if i press any special character then it is allowing for the first time jquery code $(function() { $("#legalDiv").find(".legalClass").bind("keypress",function(){ if (this.value.match(/[^0-9a-zA-Z]/g)) { return false; } }); }); Html code <div id="legalDiv">Legal Name:<input type="text" name="legalName" class="legalClass" id="legalId"></input></div> output getting
Auto complete doesn't work on dynamically add textboxes
$("#table tr td:last").live("keydown", function (e) { var keyCode = e.keyCode || e.which; if (keyCode == 9) { $("#table tr:last").after("<tr><td><input type='text' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td><td><input type='text' id='legid' class='acomp' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td><td><input type='text'
problems with buttons
Hello im new at jquery ive tryed to design buttons with an animation of rollover, here is the script that i used i need to know is there something wrong with the script thanks Marcos <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <meta http-equiv="Content-Type" content="text/html;
I am using two jQuery plugins on my page, when one runs the other stops working?!
http://www.ruesterprod.com/rpjstest/ On the above page I am using Quicksand and Videolightbox jQuery plugins - when you first load the page, click on one of the video thumbnails and Videolightbox does it's thing, BUT when you click the button labeled "Commercials" at the top (Which triggers the Quicksand plugin and filters the videos) then if you click again on one of the video thumbnails, videolightbox stops working and just brings up the Youtube link... I'm pretty sure this has something to do
validation error messages
Can anyone please point me in the right direction for the various methods of validation. Currently I have a form that I validate using Javascript (see below). what I need is when the user submits if a field isnt entered then the whole row is highlighted ALSO An asterix placed inline at the end of the row (all in line with other rows) Any othr techniques you know of. Cheers Darryl <tr><td><a href="#" onclick="validateform();"><button>What's not completed</button></a></td></tr> <tr id="1"><td
Fire selected indexed changed event for dropdown using jquery
Hi , I am new to JQuery, I trying to fire selected index change event of drop down using JQuery using change () method But its not working. Below is my code. $(document.ready(function(){$('ct100$cphgmslayout$?UsrCtrl$ddlFormat').live('change',function(event){alert("a");});}); Control is inside usercontrol. Control Name : ddlFormat Im using ie 9 . Please help me out. Regards, Akki
Loading a file into a div, CSS/UI not applying styles to classes in Firefox, but will in IE, kinda...
Example of what's going on: (".analyzer").click(function () { if ( $(this).attr('id') == 'ct50' ) { $('#analyzers').load('ct50.html'); $('.CT50').show(); } else if ( $(this).attr('id') == 'status' ) { $('#analyzers').load('status.html'); $('.Status').show(); } else if ( $(this).attr('id') == 'plus' ) { $('#analyzers').load('plus.html'); $('.Plus').show(); } else if ( $(this).attr('id') == 'connect' ) { $('#analyzers').load('connect.html'); $('.Plus').show(); } else if ( $(this).attr('id') == 'ct500'
Make entire div a link to different things depending on its class
new to Jquery, not rly understanding how to do arrays with it yet and I was wondering how to make a div into a link depending on its class, as well as make it link to different things depending on its class (example below). css - .a (link to domain.com/a) .b (link to domain.com/b) .c (link to domain.com/c) HTML <div class="a"> <div>
Is this Possible - Dynamic Listview/Trigger Submit Buttons
HI all, i am very new to JQM. I am trying to see if the following is even possible with JQM before starting any development. Any help/input is appreciated 1) Dynamically populating the listview from the database and having "Approve, Reject" buttons on the list view - I think we can do this 2) Clicking on those button should approve the data that is on that line by passing value which are on the same line.
Focus to first tab that contains invalid inputs
I am trying to validate a form and focus on the first tab that contains a invalid input using the jQuery Validate plugin.
JQUERY UI - Dialog UI load $post content
Hi I have this script $('.modifica').click(function(){ var oTBL = document.getElementById('example') var row_number = $(this).closest("tr")[0].rowIndex; alert("row number: "+row_number); var value = oTBL.rows[row_number].cells[0].firstChild.data alert(oTBL.rows[row_number].cells[0].firstChild.data); alert(value); $.post('dati/testuali/test.php',{title: value} , function(resp){ $('<div>').dialog({ modal: true,
Why are popups disrupting my layout?
Basic description of my jQM page from top to bottom: Header bar containing a button and a popup that is opened by clicking the button. An area containing between 1 and 4 HTML5 canvases. Canvases can be added/removed and are resized dynamically to fill the middle part of the window with no spaces between them. A div containing a few buttons and a slider. Everything is in the correct position and dynamically resized when the window is resized. Before the button is clicked, everything is fine. When
jQuery maphilight(), browser compatibility for zoom property
jQuery maphilight(), would highlight the photo on defined coordinates and apply default red stroke on mouseover. The css zoom property is control the magnification level to 50% zooms out of the original photo: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.maphilight.min.js"></script> <script type="text/javascript">$(function() { $(".map").maphilight(); }); </script> <div class="picture">
Jquery Selector
<div>no id</div> <div id="hey">with id</div> <div id="there" data-thread-id="248088011" >has an id</div> <div data-thread-id="248088010"> ABC</div> I need to hide all divs except the div there data-thread-id="248088010"? any help guys!
disabling hover/sliding- effect in sidebar?
hello, i need help with this code for my sidebar.php in wordpress. when i click on one sidebar-element, it opens, but closes very quick, so that i can not see the sites. the homepage is http://ntm.at/r0sa , you can see my problem when you click on "projects". what can i do, that it`s more clear? the code for the sidebar is: <div id="left-col"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){
Help with multi-column Layout for label / text inputs
I would like to format my input fields side by side with the styling of the fieldcontain ( hopefully but not required ) But it appears that the field contains forces 100% width - even if i float left and style with width=48% The Label applies to both text boxes like this - and the texboxes are for number and decimal inputs only Some Top Level Header Here Textbox Label Textbox Textbox Label Textbox Textbox Label Textbox Textbox Label Textbox Textbox Label Textbox
Jquery Accordion expand and collapseall
I am newbie..I want to know whether expand all and collapse all can be put in accordion.I have seen in the answered questions that accordion does'nt consist of more than one active panel...plez check this link. i want something just like this and in same code that you have used in jquery web site for accordion...Plz let me know what changes i need to make in the given code of yours to get result as shown in the link.Thanks in advance.. http://www.snilesh.com/resources/jquery/jquery-expand-collapse-expand-all-collapse-all/
Superfish submenus not working on internal pages
Hi Folks, I got superfish with supersubs on my site. Everything works great on the home page, but in internal pages, sub-menus just don't show up. I don't see any JS error and the problem is universal to all browsers. Can someone please point me in the right direction. The site address is http://clients.fizmedia.com/coh The "About Us" has a drop down menu. It works perfectly on the home page, but the moment you navigate to an internal page, the drop down stops working. Thanks, Mansoor.
i'm a little confused. will somebody help me out, plz
correct me if i say this wrong: i understand that JavaScript is pre-packaged with some native constructors: Object, Function, Array, etc. These constructors are functions. So they are all actually instances of the Function constructor, right? Or, native constructors are not actually created the way user-defined functions do, so they are not really instances of the Function constructor? I've been told that anything in JavaScript that is not a primitive is an object. So i guess since the Function constructor
Need help with my slidetoggle function
I currently have a slidetoggle function which is working great! What my next goal is, is to create a link inside the div that i'm slide toggling, that will close the parent div that it is in. Here my code so far... /*JQ - EXPAND PANELS ON CLICK*/ $('#panels .expand').click(function(e){ e.preventDefault(); var mclass=$(this).attr('class').split(' ')[1]; var $mcontent = $("#" + mclass); $mcontent.slideToggle('slow', function(){ mthis = $(this); if (mthis.is(':hidden')) { mthis.prev().css({'background-image':'url("images/arrow-down.png")'});
list as horizontal elements rather than Vertical
I want to show dynamic data in a list as horizontal elements rather than Vertical , the default behaviour Can anyone suggest how can I show Dynamic Data setting in JavaScript and show it in a Horizontal way. If not list any other way I can show dynamic data horizontally. Each Visual elements are images so rather than showing Vertically, it looks good if shown horizontally. Please guide.
Problems with BLockUI andfollowing popups.
In using BlockUI, I found that if I showed a dialog and then very quickly after that, showed another I was left with a partial window which I couldt remove. I tried lots of UnblockUI placements in the events etc with no luck. So, I decided to create the DOM elements dynamically and give them unique names which I would use for the dlalogs and then use an OnUnblock call to remove the unique DOM elements. this worked perfectly. So I share with you here. These are for use with themeRoller and
Panel not scrolling past page content?
I've been searching through these forums most of the day but can't seem to find anything on this issue: Laying the foundation for a new site using jqm with 2 panels (left/right) and main content with a fixed header. Right now there is no real data, just simple, random text. I've set everything up using the standard methods as described in the jqm docs. The right panel is fixed and the left panel has a listview. When I have basic data on the content page everything scrolls fine, however when I
Help fading an image
Here is the website I am tring to build http://kellymacphee.com/test/portfolio.html Each picture has one behind it, and I am trying to get the top image to fade when hovered so you can see the one underneath it, but all it does is fade both images. I have tried using img:first, but doesn't seem to be working. Can anyone help?? Thanks
Using BlockUI inside IE8 on SharePoint 2010
Hi, I needed themeroller support inside IE8 when using it on a SharePoint 2010 page. With BlockUI the overlay opacity just would not work when displaying a dialog. I could get the overlay working without themeroller support but not with theme = true. So I added an additional setting: themeOverlay (true/false) and a couple of lines were changed inside the js file. I include these here for those who have the same problem. Essentially, it allows themeroller support for the dialog, but uses
Jquery Cycle Plugin and Png Transparency in IE8 and IE7
Initially for this page I was using Simple Gallery Controls for this page which used jquery and worked fine. However since switching to jQuery Cycle Plugin I notice the gallery displays artifacts in the images as it cycles through them. Is there anyway that I can fix this for IE8 and IE7?
Problem with Auto Complete "Search" Event
Hi Experts, I am using autocomplete plugin & it is fine. Now I have a bit different scenario. My auto complete will work only for few selected words/phrases. So, I have decided to check the work/phrase entered by user. I have used Search event where I check the word. Now my question comes into light. Below is the Search event syntax: search( event, ui ){} My question is: 1. Here what is "event" & 'ui' ? I read the docs & I know that event is of event type & ui is of object type. But here what they
Need help on custom design jquery tool
Hi, I developed a custom design tool using jquery, where people can design their mobile covers using the design tool, and then they can save or add to cart. The thing is I couldn't able to save the image they design from the tool. Here is the link, http://staunchire.com/clients/inkblaze/choose_device.php Looking forward to your assistance and help. Thanks much.
need help, need name jQuery slider ... pleace
Could some of you please help me find the name for slider above the footer!? I am trying to find that slider name and I would very much appreciate someones help. http://www.yootheme.com/demo/wordpress/sync
JQuery not displaying properly on iPad 4th generation
I'm using the following javascript to create a decision tree app with functions to hide and show tables. The script works perfectly when imported and displayed on an iPad 1st gen, but the very same code does not display the javascript action (html table opens when selected and drops down to the next table) on an iPad 4th gen with Retina display. Is there something I need to add to the code or is the script src/jquery version correct to be compatible with 4th gen? Please see below. Thanks for your
How to simulate mouse right click event using jquery
Dear all, I have a problem with simulate a right click event. I'm writing an auto program. $(selector).click() just simulate left click event Anyone can help me please? Ps: I need to simulate this event, not catch the event that user right click.
Next Page