dom traversal on click issue
I am trying a form validation on click of a button. I expected to be able to traverse up using closest and then use find for each input field. It doesn't seem to be working. Also, in general, I am finding I can select an element just by id without any traversal. This is the jsfiddle code Thanks in advance.
debugin website
Digite um texto ou endereço de um site ou traduza um documento. Cancelar My site're in error in Firefox / Chrome Logo and gets the out of position, can someone tell me how to put him in position? reminding q in internet explorer that's okay, if they see errors on the site let me know ... http://www.agenciadreamup.com/ I await responses ... thanks!
hide/toggle not working reliably
I have the following code, that for some strange reason will not execute the toggle code (near the bottom) every time through, and it seems to work on the second click. Does anyone see an issue with my code that might be responsible for this? It's my belief that there is an issue with the way the file is being served, but I don't see how that makes sense. Also setTImeout doesn't work as expected. I would expect it to not do anything for 3 seconds, but it starts making AJAX requests immediately.
Validation isn't being done when I need it to be
I have a page that has been using the jQuery validation plugin successfully to validate several text fields. There are several submit buttons on the page, and I have configured the validator as follows: _validator = $("#ftsEditTripForm").validate({ onkeyup: false, submitHandler: function() {} }); I register the following click event handler for all the submit buttons on the page: function clickHandler(jqEvent) { var action = jqEvent.target.id; if (action !== "cancel") { _form$.validate();
jquery-ui-custom.css
I downloaded some code on converting a HTML Select to a combo box using JqueryUI autocomplete. The code required the stylesheet "jquery-ui-1.8.5.custom.css" . However my download of the JQuery UI library for 1.10.4 contained no "jquery-ui-1.10.4.custom.css". What took the place of this style sheet?
Unrecognized Expression
I need to replace links on a page with some text and the link. A typical link looks like this: <a class="xlat-en" href="../../bio/s/a/i/saillens_r.htm">Ruben Saillens</a> When I run this code: $(".xlat-en").each(function(index) { translatorPhrase = "Traduit de l’anglais au français par %s"; var newHTML = translatorPhrase.replace('%s', this.outerHTML); $(this).replaceWith(newHTML); }); The desired result is an updated node that looks like this: Traduit
When using CSS zoom, mouse position is not scaled to jquery-ui slider element
I'm using the following transform in javascript: $("body").css({"zoom": (100*scale) + "%", "background-size": bgsize, "-moz-transform": 'scale(" + scale + ")'}); The problem is, the jquery-ui slider element still uses the original mouse click coordinates and not the scaled one. Thus, for scale < 1, the slider click is non-functional. I would like to just adjust the mouse click coordinates only when dealing with this slider and not other elements on the page. Note: I have tried all jquery-ui versions
Where are changelogs?
Why don't you guys publish changelogs anymore for new jquery mobile releases?
what is the difference between ".position().left" and ".css('left')"
iam pretty confused with this pls help?
fixing mobile template spotweb
Hi, I am trying to solve a problem with the mobile template of spotweb, there is a button for downloading it directly in a program, but i have a ui-loader that i can't get rid of. The mobile template is in version 1.0a3 i know its an old version and i'm thinking about updating the script but thougt i fix this problem first, at least try:) I'm just a newbie for jquery (got to mention it:)) Google Chrome element inspector say's its a Uncaught TypeError: Cannot call method '_trigger' of undefined on
Problem firing click event .
Hello, Im trying to fire a click event on an id that I have ?"bolded"?. Only it's not firing, hence my post. The code is from a third party that cant be changed. The code builds a div section at the very last element, on every keydown in a text box. It's an autosuggest that produces markup and is deleted after every new keydown or click My code is as follows Any help is most appreciated alert("clicked"); $("ul > #as_ul a").on("click", "#as_ul", function() { }); The markup is as follows: <div style="left:
Question For Creating Vimeo Gallery
I have a video gallery, using Vimeo, where I have a main player at the top, title, date, description underneath that, with a thumbnail list of other videos at the bottom. I have it working where you click the thumbnail and it updates the url in the main player. The only thing left is to update the title, date and description. Here is what I have so far. top video, title, date and description html: <iframe src="//player.vimeo.com/video/{series_weeks:seriesWkVidId}?title=0&byline=0&portrait=0&color=ff9933"
jquery repaet show/hide every 2min
hi, i developpe a site web and i have a small problem i want to display image 2 munite after that i want to hide this image 2 munit and i want to repat this operation for ever can i help me? thank's
How to add link to an auto complete search box using jQuery?
Can some one please guide me with regard to this. I have failed to come up with a way to "bind" an item's name (which pops out on clicking it's initials in the search area) to it's respective link. So, that after selecting it from the auto complete pop out and clicking on search , we are directed to the page with the particular item. I intend to use jQuery Ui's Autocomplete.@ http://jqueryui.com/autocomplete/ And it has all the listed items in an Array. Is it possible to assign specific web links
how to add a progress bar animation before the page loads?
is there any plugins or have to do custom code development??
using adobe after effect in jquery
hello my friends it is possible to use adobe after effect in jquery? after effect plugins is very beautifull. there is a plugin like after effect? thanks a lot.
Changing the title on a page
Hello How may I access and change the title in the head statement of an HTML page using jQuery please. e.g. $("head").???("title","Something new") Regards
Multiple Select All checkbox using Jquery not working on Internet Explorer.
Hi, I have a table, containing 3 columns having checkboxes. I have created 3 different Select All checkboxes as header for each of them, which should select respective checkboxes only. Could someone please let me know, whats wrong with the below piece of code, as it's not compatible with IE. The same code works fine on Firefox & Chrome. Error Message from IE: Object doesn't support this property or method JQuery Code: function toggle(source) { var checkboxes = document.querySelectorAll('input[type=checkbox][name*='+source.name+']');
jquery scroll
I'm trying to make my page scroll down to a specific part in the page. For example if I click on heading 3 then it must scroll down to heading 3. The problem I'm having is that my other anchor tags don't work Here is my html <div class="nav-wrapper"> <div class="nav"> <ul> <li> <a href="#heading1">HEADING 1</a> </li> <li>
Delete multiple Rows from table populated using pagination
Dear All I want to Delete multiple Rows from a table which populated using pagination I am using following code fo select multiple rows of a table which is populated using Pagination This code is working fine $(document).ready(function() { $('#selectall').click(function(event) { alert("AA");//on click if(this.checked) { // check select status $('.checkbox1').each(function() { //loop through each checkbox this.checked = true; //select all checkboxes
problem with scrollor
pls see this fiddle http://jsfiddle.net/shaik/xGZhP/ i want to stop scrolling when last div comes into screen and animate whole animate " inner div" to left:0px..pls have a look
Strange behaviour Scroll Bar in Internet Explorer
I am using Perfect-Scrollbar in combination with an iframe. So far so good in chrome, firefox and safari but when i am using internet explorer 8-11 I get a strange behaviour. When i hoover over the iframe i normally see the scrollbars directly but in Internet Explorer they only appear when i am directly above them. Anywhere else in the iframe they don't show up? In the <head> i am using this: <link href="src/perfect-scrollbar.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
Parsing XML
Hi all, I have a question regarding parsing my XML file. Here is the task at hand, I have created my css and html to properly display a tournament bracket. Also, there is an XML file that contains all game information regarding, teams, winners and losers, as well as the game number. At different spots in my HTML i have different games. Here is a sample of my XML : <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <tournament xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <game id="1">
conditional addClass("active") to Bootstrap nav-bar
My previous post disappeared How can I set the class of a <li> tag if it contains text that matches the id of the body tag? I used a PHP include to attach a nav-bar to all my web pages. Would like to dynamically add a class "active" to the <li> tag that has the text matching the id of the body tag. <body id="Journal"> <!-- Docs master nav --> <header class="navbar navbar-static-top bs-docs-nav navbar-inverse" id="top" role="banner"> <div class="container"> <div class="navbar-header">
fix in example in jquery documentation
Good day. I've been trying to get the code in this page to work submit example Someone needs to remind readers that you MUST place the script under the html code because doing it otherwise wouldn't make it run properly. The alert wouldn't appear. But placing it under the html code, by the time this script is reach and executed, it'll recognize $("#target") In other words, you need to tell people why the script was written after the html code. In doing so, you can also prevent an alternative if you
jquery autoComplete append
$('.autoPhase').autocomplete({ source: 'files_json/auto_Phasecode.php', minLength: 1, select:function(evt, ui) { form_edit.proj_PhaseCodes.value = ui.item.phaseCode; } }); I have the above autocomplete code. Works great!! BUT what I would really like to do is append the ui returned value to the form_edit.proj_PhaseCodes.value rather than just store the value. TIA for your assistance jdadwilson (newbie)
jquery datepicker
Hi, I am new to jqeury. I have a few queries regarding jqeury datepicker. I faced the issue while displaying the datepicker on postback. which I resolved using pageLoad function in javascript. Now I want datepicker whos value gets set on postback. Textbox to which the datepicker is bound shows the value from the database. Used hidden field. However datepicker calendar doesnt show the value which is displayed in the textbox. My code : <script type="text/javascript"> Sys.Application.add_load(LoadHandler);
Sorry but I need you to please bell me out again
I have this: function getRequestDescriptions(requestCategory) { $.ajax({ url: 'getRequestDescri.asp', dataType: 'json', data: { requestCategory: requestCategory } }) .done(function(descriptionInfo) { // get number of items in array given by asp var Desc_count = descriptionInfo.length; // start an array to hold re-arranged buildings array var newDescriptionInfo = []; // loop request descriptions for (var i = 0; i <
ThemeRoller 1.4.2
Hi, Is there an ETA to get ThemeRoller up to 1.4.2? Also aside from these two issues, is the 1.4.1 theme 1.4.2 compatible? https://github.com/jquery/themeroller.jquerymobile.com/issues/178 https://github.com/jquery/themeroller.jquerymobile.com/issues/180 Thanks so much! ~Red
form text input array
Hello, I have litte script who want validate Here simple: <form id="formid" action="" method="post"> <input type="text" value="" name="number[]"><br> <input type="text" value="" name="number[]"><br> <input type="submit" id="submit" name="submit" value="submit"> </form> $(document).ready(function () { $.validator.addMethod( "regex", function(value, element, regexp) { var re = new RegExp(regexp); return this.optional(element) || re.test(value); }); $('#formid').validate({ // initialize the plugin
Organic tabs has stopped working
In December I began using the organic tabs plugin as featured on this site. I have been without a computer for over a month so I'm not sure if Firefox had a recent update and if that's possibly the cause for the plugin no longer working. Here is the page I'm using it on. Clicking on the tabs does nothing in Firefox or Safari. I'm not sure about other browsers. Is there an updated version of Organic Tabs, or does the code need to change? Thanks in advance. Below is the code for about.html: <html>
Help with magnific popup plugin
Hi, everyone. I recently installed the magnific popup plugin, and I'm having an issue with the popup gallery. Why does it work perfectly fine on this dummy page, but not on this one? What changes do I need to make? The code is the same, though sketch.html is placed in a subdirectory called "art." The dummy/test page is located in the root folder. Any help would be appreciated, thank you. Here is the code I'm using in the "sketch" page. <html> <head> <link rel="stylesheet" type="text/css" href="/style.css"
Cycle plugin prev/next modification
Hello, I'm using the 'old' cycle plugin and I have a nowrap slideshow with prev/ next controls like so: <div id="prev"></div> <div id="slideshow"> <img src="01.jpg"> <img src="02.jpg"> <img src="03.jpg"> <img src="04.jpg"> <img src="05.jpg"> <img src="06.jpg"> <img src="07.jpg"> <img src="08.jpg"></div> <div id="next"></div> The reason for this is that I wanted to have the whole div (50x600 px) clickable instead of just an arrow png I'm using as navigator. So it's two empty divs with a background
what is the difference between .find.('ul:visible') and .find('ul').is(':visible') ???
Hi pls check this fiddle http://jsfiddle.net/TTm2q/ both are checking whether the "ul" is visibile or not right?
jquery with animation..
Hi, I created the table with animated, the table i created is like this sample... <table width="95%" id="table" class="slideLeft " align="center" border="1" cellpadding="2" cellspacing="0" bordercolor="#ff8c00"> <tr></tr> <td></td> <tr></tr> </table> In jquery I wrote for animation like this... $('table.tableSorter.slide').tableSort( { sortBy: ['numeric', 'text', 'text', 'numeric', 'numeric',
jQuery Mobile with the new Effeckt.css transition library
Hello, Has anybody tried combining their jQuery Mobile apps with the new Effeckt.css transition library? http://h5bp.github.io/Effeckt.css/dist/ In essence, all one would have to do is replace jQuery Mobile's `data-transition="foo"` with `data-effeckt="bar"` right? Thanks! Frank
Problem in Accordian menu
<div id="celebs"> <ul> <li><a href="">link name</a> <ul> <li>link</li> <li>link</li> <li>link</li> </ul> </li> <li><a href="">link name</a> <ul> <li>link</li> <li>link</li> <li>link</li> </ul> </li> <li><a href="">link name</a> <ul> <li>link</li> <li>link</li> <li>link</li> </ul> </li> </ul> </div> $('#celebs ul li ul').click(function(e){e.stopPropogation();})
Result of Calculation to ASP EditItemTemplate Control TextBox
I was having trouble with Javascript, in IE11, Windows 8.1 accessing textbox controls in the EditItemTemplate of an asp webform. A suggestion was made to try the following code. While I am able to access and view (via "Alert") the contents of text boxes, I now need to populate another Text box in the EditItemTemplate with the result of the calculation. Thank you for your assistance. <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script> function GetEditTextBox() { var Count1 = $(".CountTxt").val();
jQuery UI dialog template and jQuery Validate
Hi all, I am working with MVC 4, jQuery UI and jQuery Validation. Also knockout but thats not an issue. My problem is that I can get the validation to work on the view. But when I open the jQuery UI dialog as a template and have some input fields there, the validation doesn't seem to trigger. Here is my code - what am I missing? Is it scoping? In that case how come Knockout is working? @model App.Models.RegisterModel @{ ViewBag.Title = "Home"; } @section featured { <section class="featured">
Unable to select right radio button
i want to select a radio button by its class and its value. As value of some groups have same value they are zerod to same option button. code am using: if($("input[value='<%=ans[i]%>']").hasClass("q<%=i%>")){ $("input[value='<%=ans[i]%>']").prop("checked",true)
Next Page