jQuery Slideshows make shift-like movement on home page
When viewing on an apple device, the home.php page of my wordpress site makes a shift like movement when the slideshows transition. I've included my code below. I'm unsure if it's jquery or CSS related... any ideas? I can provide css, if needed. Thanks! <script> $(function(){ $('.QuoteSS img:gt(0)').hide(); setInterval(function(){ $('.QuoteSS :first-child').fadeOut() .next('img').fadeIn() .end().appendTo('.QuoteSS');}, 6000); }); $(function(){ $('.ServiceSS
how to find the actual height and width of the image
$(function(){ // JUST FOR THE DEMO var randNum = Math.floor((Math.random()*2)+1); var pathsChoices = {"1":"/images/RESOURSES/im123.jpg", "2":"/images/PDF/im123.jpg"}; var imgPath = pathsChoices[randNum]; // END OF DEMO'S RELATED VARS // resultIP is the response image path var imgDirectory = imgPath.split('/'); // cuts into: '','images','PDF','im123.jpg' $('body').append('<p>Path selected is: '+imgPath+'.</p>'); alert('the directory
how to compare the return value ?
in response image path i am getting "/images/RECOURSES/im123.jpg" or "/images/PDF/im123.jpg" so how can i compare that response valuse is coming from resources folder or not.... how to use that image is inside resource folder,as if its coming from resources folder i need to change the height and width of the image $(".ZoomScrapbook1").click(function () { ImgName = this.name $.post("/Controls/ZoomTo.ashx?ImageName=" + ImgName + "&Add=1", {}, function (response) { alert(response); $('#Imgsrc').attr('src',
Autocomplete combobox onchange event
Hi there, I have the demo of the AutoComplete Combobox working on my site. I am wondering how to trigger the onchange event of the underlying select when I choose a value in the autocomplete combobox. I am using the exact code shown in the demo http://jqueryui.com/autocomplete/#combobox when you click view source. I'm guessing I have to trigger it in the below function but I'm not sure how, Any suggestions? this._on(this.input, { autocompleteselect: function (event, ui) {
Can I show/hide inside a toggled img?
Hi, I'm just learning jquery because I'm building a site for a friend (in wordpress) and want to use some animation instead of loads of pages. What I want to achieve is essentially to show the outside of a building and when a user clicks on it it changes to a view of the inside. I've managed to get that far using code like this http://jsfiddle.net/M9QBb/91/ (once I figured out I needed to use the ready function as well - total newbie! ) The next step is though that once the inside of the building
date picker turns into a line
I am showing jquery datepicker in a modal window.when I click the textfield the date picker appears but immediately it turns into a line attached is the image. It used to work before , but not working now after upgrade of jquery to 1.7.1 it happens in IE 8. what could be causing this any advice? I cannot place the html as this is generated with ajax request.I am using jquery 1.7.1 and jQuery UI 1.7.1.
hiding character in textbox
Hello, I am new to the jquery. I have a requirement that user will be entering their ssn in text box on ASP.NET MVC Website. When user enters digits one by one i want to hide previous digits using *. So for example 1 *4 **9 ***3 Same way if user removes it then it should behave like this **9 *4 1 i hope someone has a solution of this. Thanks, Sandeep
jquery ui tooltip
Hi, i use the jquery tooltip plugin on a href. All the tooltip content is collected by a single ajax request. the problem is now that i can not click (and follow) the link to the link target while the delay is not completed ...
Noty have strange behavior in Internet Explorer
I am using "noty" which is working fine in Firefox - when I have a "noty" it comes down from the top in a separate layer. When I use Internet Explorer 9 it comes down from the top but not in a separate layer which means that it moves content while it is active and when it rolls up again content is coming back up. Is there any newbie mistake I probably may have made since it has this strange behavior in IE9? Looking forward to hear from you all :) Cheers Nikolaj
ie8 issue
SCRIPT438: Object doesn't support this property or method jquery-1.5.1.js, line 639 character 1 code line... } else { for ( var value = object[0]; i < length && callback.call( value, i, value ) !== false; value = object[++i] ) {} } this error is coming in ie8 only. for popup it will not shoe contents.(using jquery-1.5.1.js)
document.getElementById() alternative in jQuery
I have a flash floating banner. It has a X little button to stop floating, so the links from the other divs will be available. With this code down bellow I've managed to manipulate the overflow when clicking on the X button. It's working great, but from what I read document.getElementById works only with one ID and my idea now is to manipulate the floating banner with other blocks too. Let's say block2. Is any solution with jQuery for that? Some example on jsfiddle will be really helpful. <script
Can't catch (window).scroll
I can't catch the (window).scroll event, but I can catch the (window).resize event? Works: $(window).resize(function() { alert("Window Resized"); }); Doesn't Work: $(window).scroll(function() { alert("Window Scrolled"); }); I'm working on a SharePoint 2010 site and I'm sure that the problem is somewhere in the code that SP spits out, but I cannot figure out what would prevent (window).scroll from firing. What would cause this?
calling html elements from iframe html a tag
one.html --------- <html> <body> <iframe id="frid" width="100%" src="two.html" height="90%"></iframe> <div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all"> <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> <h3 class="ui-title">Enter your annotation text</h3> <textarea rows="4" cols="50" id="TA"></textarea> <a id="AnnotationText" href="#" data-role="button" data-inline="true"
Dispaly error like span on some validation error in asp .net
I want to display a error message beside of the control which has the error on submit click
Why is this not working
I display my JQuery-UI dialog like this $("#dlgPassage").dialog({ width: 490, buttons: { "Confirm": { "text": 'Confirm', "click": function () { Click_btnConfirm() }, "class": 'myclass' } } }); I then style myclass by using inline like this. But there is no effect on the confirm button ? Why is it not working ? <style> .myclass
Return true from .submit causes existing async ajax calls to fail
I have a submit handler similar to the code shown below. The gist of it, is that when submit is clicked, I want to do "something" and then use the form's post to redirect the user to a "thank you" page. When I return true, the existing ajax call fails, and the redirect occurs as normal. When I return false, the ajax call succeeds, but the redirect doesn't happen. Can someone explain why? jQuery(document).ready( function($) { var request; $("#my-form-id").submit( function( event ) {
Help me whit Dialog
This error happens to me: Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' what can be causing this error? thaanks!!
JQuery With ASP.NET Web Services
Hi Friends, I problem to calling web service method when call remotely not locally. I create asp.net web site . add a web service file(asmx) and create hello world method. Calling this method in page header and work fine. But when host this web service on iis and calling the web service in my project with url , my project not work. I search in google,stackoverflow and many other site but I can't find answer. you should call web service remotely not locally. Please give me a complete sample. Thanks
Upgrading from jQuery 1.5 to 1.0
Hi guys, for various reasons, I've been using jQuery 1.5 for a project, but it's become apparent that I need to upgrade to 1.10. Is there any way to audit code to see what's going to be broken by the upgrade?
Problem with load()
Hello all. I wrote small script, which check GET method values from URL and load content of proper file info div. function loadContent(content, language) //LOAD CONTENT INTO DIV (i.e. ordo_en.txt) { $('#content').load(content + '_' + language + '.txt', function() { alert(cont + '_' + lang + '.txt'); // alert as 'debbuger' info }); } function urlGet(name){ //GET VALUES FROM URL var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href); return results[1]
my code based on fiddle doesn't work.
I've seen a nice jquery fiddle.. however when I try it with my coding it doesn't work at all So I wonder what's wrong with it.. The fiddle: http://jsfiddle.net/CdwB9/4/ My coding: <html><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> </head> <body> <script > function yesnodialog(button1, button2, element){ var btns = {}; btns[button1] = function(){ element.parents('li').hide(); $(this).dialog("close"); }; btns[button2] = function(){
Using a function
Hello I have the following code: function animateTextTiles(){ $('article').hover(function(){ $('.description', this).stop().transition({marginTop:'60px'}, 150); }, function(){ $('.description', this).stop().transition({marginTop:'190px'}, 100); }); } and my plan was to put this $('.description', this).stop().transition({marginTop:'60px'}, 150); into a separate function with different parameters. But everything i wrote had the effects that it crashed or that every description was
Themeroller broken
I came across serious issue with themeroller for JQM 1.3.0. I started new theme and added my swatches, created one by one swatched form A to J (total 10 swatches). When I tried to download or share via link it lookslike it's broke completly, I can see my swatched plus 10 more blank swatched with missing attributes. Any attempt to delete newly self created swatches breaks entire themeroller and produces all blank swatches. Here is an example. This theme should have 10 A-J swatches. What is wrong
'toggle' effect not working on iPad
Hello, this is my first post on jquery.com... I have a textbox which is hidden and shown by a button click, using 'toggle' and 'blind' from JQuery UI...the button is JQuery mobile. This function works on Chrome and Firefox but not on an iPad (using iOS 5.1.1) (also, for testing I am currently using the live link to jquery mobile 1.3.1, jquery 1.7.1 and jquery ui 1.10.13) My code is as follows: HTML: <div id="testBtn1" data-role="button" data-mini="true" data-theme="c" data-corners="false">MORE
need to load and reload the same page for making the links work
hi im developing my first app using jquery mobile, and i have an issue with 2 pages, in both pages if i load normally the page the link doesnt work, and if i reload the page the links works perfect. http://www.mntdesign.co/?/m/portfolio http://www.mntdesign.co/?/m/about in both web pages i have something like this: <!DOCTYPE html> <html lang="{country_code}"> <head> <!-- META TAGS Declaration --> <meta charset="UTF-8"> <title>MNT Graphic Design - About </title> <meta name="viewport" content="width=device-width,
Help keeping track of my variables
Hello, When a user login to my website his account is automatic displayed with column: name of sender, Time, Response. The last column:Response: have two buttons: accept and decline. If the user click accept a dialog box should come up. I want when I click accept in row 1 then the sender appears in the dialog box. and if click"accept" the second row a new dialog box appears with sender name that is associate with this row. result.php is where build table from my database. It is then display
Trouble with Simple Button Click Function
This seems to be pretty straight-forward, but I cannot get my functions to fire on button clicks. See the fiddle: http://jsfiddle.net/mMd6F/ I must be missing something simple...Thanks in advance. Brian
Button reminds as clicked (i.e. in blue)
Hi Forum; I am using JQM 1.3.1. In my form I have the next button: <input type="button" id="but" value="Today"> When clicking this button, I need it to return to its default color, insted of blue, as it is down. I see this question in lots of places and the suggestion is always to do removeClass('ui-btn-active'), but in my case I tried it in lots of ways and never works. For example I did: $('#but').on('click', function(e) { setToday(); $('#but').removeClass('ui-btn-active');
jQuery UI
how to install the different jquery UI in same html page.
Help needed to capture form data in Jquery
Hi guys, have just starting using jquery and need some help with a form I have created. If someone can help me. In HTML (this is only a portion of the form) <td></td> <td>$<input type="text" class="amount" id="inc_rent_0" value=0 /></td> <td>$<input type="text" class="amount" id="inc_rent_1" value=0 /></td> <td>$<input type="text" class="amount" id="inc_rent_2" value=0 /></td> <td>$<input type="text" class="amount" id="inc_rent_3" value=0 /></td> <td>$<input type="text" class="amount" id="inc_rent_4"
after addClass to <button> an function doesnt work
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/basic.css"/> <script type="text/javascript" src="js/jquery-2.0.2.js"></script> <script type="text/javascript" src="js/basic.js"></script> </head> <body> <div id="start"> <button class="create"> New Form </button> </div> <div id="main"> </div> </body> </html> This is my HTML and this here my JS: $(document).ready(function() { var linecountername = 0; $('.create').on('click' , function(e) { $(this).hide(); linecountername =
how to show a full page when presing the ok button in jquery dialog box in frameset
HI I am using frameset and the codes are <frameset rows="33px,*" frameborder="no" framespacing="0" border="0" onload="x()" > <!--<frame src="logout.jsp">--> <frame src="home.jsp" scrolling="no"> <!-- <frame src="home.jsp">--> <frame src="template.jsp" name="content" > </frameset> now in each and every page i am checking whether there any sessions exist or not. if not then go to failedsession.jsp function x(){ var timeOut =1000 * <%=session.getMaxInactiveInterval()%>;
jQuery selector speed vs ExtJS
I visited page http://jsperf.com/mojo-of-dojo-and-jquery and noticed that selector of ExtJS are over 100 times faster. This is huge difference. Anybody know the source of difference?
Save data using jQuery
Currently m working on a dynamic project, facing two issues. 1.) How we can create and save an html file using jQuery . 2.) How we can fetch data from multiple html pages and save/append this data into a single html page at once.
Wordpress - Submenu drop down menu jquery slideDown not working good - why
i am developing a Wordpress theme and i want that my menu / submenu have effect like this : http://www.yootheme.com/demo/wordpress/glass so i have this code in my wordpress theme for submenu : if ( jQuery(window).width() > 985) { jQuery(function () { jQuery('#categories.nav li, #pages.nav li').hover(function () { clearTimeout(jQuery.data(this, 'timer')); jQuery('ul', this).stop(true, true).slideDown(500, 'easeInOutCubic'); }, function () { jQuery.data(this,
How to detect user click on browser back button ?
Already I used hash change event.But it shows the alert on just change the url.I want one alert for browser back button onclick.
How to change browser backbutton functionality ?
I want to replace browser default backward button function with "new location".Using javascript. That means "New link"
buttonset buttons overlap slightly?
I just got started using JQuery UI very recently, and had been using the dot-luv theme. I just set up a buttonset and noticed that the buttons are slightly too close together. You can see what I'm talking about in the image below; the right border on button 1 is hidden behind button 2, whereas when button 3 is active it shows a border all the way around. Am I doing something wrong here? I also tried this with the dark-hive theme and it behaved similarly. Adjusting margin-right pushes things unevenly,
jQuery Zebra_datepicker problem with focus
Hi to you all! I have a serious problem getting the datepicker work properly. I made an html project and put in a zebra_datepicker jQuery plugin. I've created an index page containing 3 textboxes : 1 textbox as a datepicker-start 1 textobx as a datepicker-end 1 empty textbox I can select the start date and the end date but I cannot move the focus to the empty textbox after selecting the end date. Please somebody help me since I'm relatively new to jQuery
I wrote a script,
I wrote a script, but I do not want them to see it, which means you can do Save page and see the code that I built Can encode the MAIN.JS
Next Page