jQuery validation plug-in
Hi, I was using jquery validation plugin v 1.6 and jquery JS library v 1.4.2. the form validation was working fine with the rules and messages. now when i moved the jquery JS library to v 1.6.2, the validations are not working. Any inputs in this regard will be reallly helpful. Do i need to migrate the validation plugin too???
text input in footer
There is tag <input> in footer, when I enter characters. Do not know why it disappear. Look like this... And when I enter characters.... I don't know how to fix it. help me.... Thanks you.
JQuery Dialog causing page to go blank
I have a div with display:none and i am opening this div inside the jquery dialog on click of a link. The dialog opens on top of the page properly in IE8, IE9 but not in IE7 In IE7 the dialog opens but the page behind the dialog goes blank. IE7 Screen shot IE8,9 screen shot Any help why this is happening will be helpful. Code to initialize dialog as follows $('#warnList').dialog({ minWidth: 400, width: 400, minHeight: 100, resizable: false,
can't find "this" in jquery overlay
New to jquery and using the overlay tools in jquery-1.2.7.tools.min.js. I have several div's set up as overlays on an 'img' and some 'a' tags. <img src="/image/test.png" rel="#1485"> <div id="1485" class="simple_overlay"> <a rel="1486">1</a> <a rel="1487">2</a> <a rel="1488">3</a> <div id="1486" class="simple_overlay"> <a rel="1486">1</a> <a rel="1487">2</a> <a rel="1488">3</a> <div id="1487" class="simple_overlay"> <a rel="1486">1</a>
ajax tabs 1.10
I want to be sure I am understanding the new ui tabs and how it handles ajax requests. I have a list of data records in one tab and when a user clicks on a link from a record in that list I want to switch to my tab that shows the detailed information for the specific item (so a list tab and a detail tab). I was hoping to use ajaxSettings.data, but if I'm following the discussion for ticket 8673 correctly, I need to change ajaxSettings.url with the data attached as a querystring. Tabs beforeload
Resolved - Passing ID tags across pages.
When my main page loads, it grabs the first entry with the id="vids" from videos.html. Main Page: <div id="sidevideos" class="sidevideos"> <script> $('#sidevideos').load('videos.html .vids:lt(1)'); </script> </div> That works great, no problem. I would like to be able to pass the video link( .vids) to this function on the main page <script> var $v = jQuery.noConflict(); $v(document).ready(function() { $v('.vids').colorbox({iframe:true, innerWidth:800, innerHeight:600});
off is unbinding too much
I have a button that has two classes. I bind an event to each class and then unbind one of them, but both get unbound. Why is this happening? You can see an example here http://jsfiddle.net/2xKyM/
UI ignoring CSS
Hi Everyone- Brand new, and am having problems getting going. Followed directions on Getting Started. Have used the Download Builder. Distributed the CSS, JS to the appropriate folders on my server. Have copied and pasted the form tag and javascript from the index into my HTML. Updated the link paths to CSS and JS in my HTML and... no go. The component I downloaded was for buttons. The radio buttons appear, but are not styled as buttons. What have I missed? Thanks- excited to get going!
JQuery goes to past date with the Date range
i'm using the date range with two textbox (fromDate,toDate), each one with icon trigger function . when i disable the "fromDate" the toDate can be goes to past dates ,i want to disable this and normally use like if no disabled textbox. this is the jquery $(function () { $("#fromDate").datepicker({ changeMonth: true, changeYear: true, numberOfMonths: 1, showOn: "button", buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
Hyperlinks
hello, Pls how i have to do, to active hyperlinks? Thanks My best regards @r hyperlinks
Can't set the width of a textbox
I have code that makes a textbox dynamically. I want to set the width with an argument. It may work the first time, but not the second or third. I'm using plain javascript, but maybe jquery could solve it. Here is the code: // +++++++++++++ function createTextBox(maxlength, theid) { var newTextBox = document.createElement('input'); newTextBox.type = 'text'; newTextBox.setAttribute('id', theid); newTextBox.setAttribute('maxlength', maxlength); var
Minimum Size for a button
How does one go about setting a minimum width on a button. I've tried using: .ui-button-text { min-width: 80px; }, along with ui-button-text-only. Nothing affects the width except the text on the button itself.
I can't get jQuery Cycle Plugin to work
I am trying to use the Cycle plugin on my WordPress website, without success. I copied all the HTML, CSS and JS to an isolated HTML file and it still won't work! So it's not an issue of conflict with other plugins. Can someone please look at my code and tell me what I did wrong? Here is the link to the test page: http://stelacreative.com/test.html Your help is much appreciated!
animations hiding/blocking other animations?
hi there I use a few animations on my page, but somehow the first running animation hides or blocks the other animations. Once the first animation is finished, the second can be seen in progress already. After this one finished, you see the third one, also in progress. The idea is to change the height of the bars so the slide in, two from top down and one bottom up. Please see code on http://parallel-pictures.com/index.html Any help appreciated, I tried many things. Also with slideUp and slideDown,
jQueryMobile me back to the main file pageChange calling the onchange event on a select
method call pageChange attempt to make a select onchange but jQueryMobile brings me to the desired file and followed me back again to the main file, show the code. function myProduct(value){ var url="product.php?id="+value; $.mobile.changePage(url); } <label for='product>Select:</label> <select data-native-menu='false' id='product' class='product' onChange="javascript:myProduct(this.value)" > <option value="">Select:</option> <option value="1">car</option> <option
jQuery if not IE, change style
Hello, The !IE HTML tag isn't working so I am trying to use jQuery. The code below isn't working. Please can you help me? <div id="notie"> <img src="images/warning.png" /> I'm sorry, you're not using Internet Explorer 9+. For technical reasons you will need to use Internet Explorer 9+ to copy the templates. </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> <script type="text/javascript"> !$.browser.msie('#notie').css('display','block'); </script>
Call Webservice using JQuery AJax Issue
Hi Guys, I want run below exemple but i cant :( I Click the button response status return 12031 and status text return unknown. Please help me because i could not resolve the issue. Thanks http://www.jquerydemo.dailyfreecode.com/tutorial/jqueryajax/helloworldajax.aspx
JQuery FileTree help
My customer/boss wants file tree on the web site. The site is a standard HTML coded site with jquery. I have downloaded the plugin and set it in the master directory as jqueryFileTree. I have written the code part in the header of my page but I get no results... How do I install all of the things needed for the file tree to work on my page. I have a time crunch on this too but also need to know for future projects. My code is as follows: $(function(){ $("#mydivname").fileTree({ script:
Best practices on a "loading" widget.
I'm developing a modal loading widget that could be applied to the document as a whole, or a specific element on the page (e.g. an Ajax grid) Using the $.widget would end up looking something like this: $(document.body).loading(); ... <activity> ... $(document.body).loading('destroy'); Now, I have a case whereby I'm trying to clear out any blocking loading widgets on the document body, but the loading widget may not have been initialized. As I'm getting an error, its seems that I'm not following
how to avoid duplicate bindings?
Hello - What's the most elegant way to avoid duplicate event handler bindings in jQuery? For example, for a ddl named "myDdl" a basic handler might look something like this: $('#myDdl').change(function(){ alert('myDdl changed');}); I have a scenario where duplicate handlers are getting added for myDdl. So what's the most elegant guard clause I can use to avoid this?
how to refer to this.id somewhere else
http://jsfiddle.net/tearex/mXQqP/ I have hit the wall on a trivial as i think problem. I can not replicate assignment of a variable in a different place of the code. Here is how the prototype works: first click one of the randomizers. they populate the select menu. then click the button. it makes the choice of the select menu appear on the diagnostic display. so far so good. now, click the select menu and choose something other than what is chosen the button will update, but upon pressing the button,
Inserting value of array in a <p> element
Hey all. Can someone help me to get the value of the array playlistArray into the new <p> that I create in the function updatePlaylist? Beneath is one of my failed attempts to get it to work. If I want to add a variable in line 6 it will handle it as a string as its between quotation marks. var playlistArray =["blablabla", "blbublubl"]; updatePlaylist = function() { for(var i = 0; i < playlistArray.length; i++) { var newListItem = $("playlistArray[i]").val(); var newListP = $("<p class=playlistItem></p>")
Jquery mobile on tinyMCE
HI guys, I'm trying to implement jquerymobile table system with in tinyMCE editor . But I ran in to several problems . 1. if we can hard code the table before the editor is load table works fine. but in the run time when we try to insert a table it seems jquery-mobile css do not get include in to the table. any ideas how to work this around ?
extraction as an new object from json object
Hi Team i have an json object as follows {"process":{ "id": "epscustomercontact/process/book-appointment", "views":{ "BA001" : { "uri": "//scp/customercontact/appointment/book/views/details", "controller" : "scp/customercontact/appointment/book/controllers/details" }, "BA002" : { "uri": "//scp/customercontact/appointment/book/views/contact", "controller" : "scp/customercontact/appointment/book/controllers/contact"
need help with a 'click here to fade in' image that includes clickable areas
I'm having problems getting what I think is a simple piece of jquery to work right (probably because, a newbie with this, I've tried to use Dreamweaver Spry to accomplish it). I've put a tiny demo page up at http://www.griffinchaseoliver.com/ContactUsDemo.html which illustrates the problem in action and describes it best. In brief, re-hiding a faded-in image doesn't work at all in IE10, and in all other recent browsers I've tried, re-hiding the image works but a clickable link on that image's map
As Rapahel integrate with modal window ??
Hi everyone I need Rapahel integrate functions within a modal window. Use the following code but Rapahel is not within the modal window. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>dialog demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script type="text/javascript" src="../js/vendor/raphael.js"></script>
JQuery Ajax JSONP Request not calling timeout
Can anyone tell me why the timeout/error is not being called. $.ajax({ url: "http://myurl?callback=test", type: "GET", dataType: "jsonp", jsonpCallback: "test", jsonp: "callback", timeout: 1000, success: function(response) { alert(response); }, error: function(x, t, m) { if(t==="timeout") { alert("got timeout"); } else { alert(t); } } });
Fade in and fade out images in gallery
I have an inline list with an image gallery horizontally centralized, but sometimes this gallery can have a width bigger than the browser window, so some images will not be visible. You can also check it online here: http://3bum.com My idea: If the gallery width is bigger than the browser window, every 3 seconds fade out an image the user can see and fade in, at the same time and place, an image he cant see, replace the same image only after replacing all others, and stop it when the mouse is over
Is it possible to make selectable a sortable ?!
Ok, probably i'm trying to do something not so right ... but i'd like to have my list ( UL / LI structure standard ) selectable AND sortable. I've tryed executing before selectable and after sortable.... and also te opposite.. ma the list remains only sortable. Is it NOT possible or simply i'm doing something not well ? I tryed to log with firebug the start event but it simply doesn't fire // Avvio il sortable // Memorizzo l'ordinamento attuale in un cookie genresContainer.sortable({
jQuery Mobile 1.3 panel - double scrollbar bug
Hi, Today I wanted to implement one of JQM's neat new features, namely a panel. However, I've run into some unexpected behaviour: when I include a custom ThemeRoller .css file (v1.3), two scrollbars appear where there should be none. It only seems to happen when I place my custom theme after JQM's standard .css file (but when I place the custom theme before it, the theme doesn't load). If anyone wishes to reproduce this: <!DOCTYPE html> <html> <head> <title>Title</title> <meta
Best Place for JavaScript in AJAX Requests
Where in the code is the best place to put page specific JavaScript code when doing AJAX requests and transitions (both regular <a> links and <form> submissions)? From what I read, only the <body> of the request is used/replaced with such links so I assume <head> is a bad idea. Just in the <body> or <div data-role="page">? Just don't want it to get lost between requests. Thanks
Changing the textbox to other part of the page
Hy guys :D I have this textbox And i need to putt on the right side of the page . Can someone explain me how ?
jQuery UI Tabs can open in a new browser tab
Hi everybody, In my application I am using ajax jQuery UI tabs and when I right click the tabs header in context menu I can select "Open in a new tab" the content of the jQuery UI tab is opened in a new browser tab without any css and styles, previously in version 1.8.4 the browser tab was opened with the whole jQuery UI tab. I am using jQuery UI 1.10.3. In this version of jQuery UI the tads header points directly to the url of the page used for tab content. Previously I used jQuery UI 1.8.4 and
Simple question about tables
I have a simple, silly question. Should I be using GRIDS instead of TABLES for JQueryMobile? I can't find much in the way of support or documentation regarding tables. I'm having really simple problems, like tables being cut off because they're too big for the viewing window. I tried adding a style="font-size:small" to shrink the table, but this didn't work. It seems like the new reflow and column toggles support the idea of tables... What am I missing?
Single Script Not Working in IE
Hello. I have several jQuery scripts on my webpage. In Firefox and Chrome - all the scripts function as expected. In Internet Explorer (I am using version 9) - all the scripts, except one works. $(".SpecificTextboxClass").change(function() { if ($(this).val() == 3) { $(".SpecificTextboxClass").not(this).val(0);}}); This is applied to a HTML textbox <input type="text" name="scale" class="Validation SpecificTextboxClass" value="1"> The script works when the validation code is removed: $('.Validation').keyup(function
Tooltip doesn't show when there are title attributes inside the hint
Hi, I want to report a bug (you tell me if you consider it a bug or not) about jquery ui tooltip. Here is a jsfiddle to show you the bug. In fact, if you put a tooltip on a div (call it A), and if in this div you have anything (like hyperlinks) with attribute title, the tooltip won't show up, despite the hyperlink is in the A div.
multi dimentional array eliment validation with jquary
i am using an multidimensional set of input elements Like : <input value="0" name="Base_fare[23][0]" onchange="javascript:basechanged(23,0)" type="text" id="Base_fare[23][0]" class="imputText2"/> <input value="0" name="Base_fare[24][0]" onchange="javascript:basechanged(24,0)" type="text" id="Base_fare[24][0]" class="imputText2"/> <input value="0" name="Base_fare[25][0]" onchange="javascript:basechanged(25,0)" type="text" id="Base_fare[25][0]" class="imputText2"/> <input value="0" name="Base_fare[23][15]"
jQuery UI Menu
Hi, how can I make the menu widget horizontal? I've search around the Web but I haven't found a good solution. Thanks for your help!
Imageslider rotates in Dreamweaver but not on smartphone
For my mobile site I have an imageslider on top of every page. In Dreamweaver Live and Live Code I can see the rotator working. It rotates the images. However, the images don't rotate no my smartphone. The smartphone is a Samsung Galaxy Mini 2. The slider should work with android 2.3+. Here's the address: http://users.telenet.be/dennonnenmolen/mobile/mobile.html Maybe another problem is connected with it: The font color of the dropdown menu is white (as it should be) in Dreamweaver but blue on screen
jQuery Mobile + PhoneGap - Slow/Choppy
Hello All, I have spent many many hours of my time creating a app using jQuery Mobile (1.1.1) and PhoneGap for iPhone. At this stage it's a series is pages with plain html content, nothing fancy, no plugins or anything like that. i have an iPhone 4 and its slow ... page transitions are horrible/choppy. The page it loads flashes then it loads it. Images are slow to load even though its local on the phone. What can I do? It's pretty much preventing me spending more time into the app or submitting it
Next Page