refresh div and wait animated image before doing a POST to server
Hi, I need to develop a way to display a "wait/page loading" image before I make calls to the server. So I created an animated gif at http://www.ajaxload.info/ and put the image in a DIV tag with it's attribute set to display:none. Basically when a user clicks on my page, I want to display this "wait" animation before making the call to the server to get my data. Code: $.ajax ({ type: "POST", url: "data.asmx/myPage", data: "test", contentType:
Accordion - How to select header content
I am very new to jQuery, so please forgive what might be a simple question I have a jQuery Accordion working well. I have implemented a Change event function. How do I fetch the selected header's text content? That it, how do I access the text from the <a> tag? <a href="#" class="ui-widget-header"> ... some text ... </a> Or, how to I access the ui.newHeader and/or ui.newContent objects change: function (event, ui) { ... } A small code sample would be
Cascade Plugin - Load or Set Initial Value On Trigger
Hello, I am using the Cascade plugin (http://plugins.jquery.com/project/cascade). I have been searching for a while and haven't found a solution to this yet. I am trying to set the initial selected option when the page loads. My code: jQuery(document).ready(function() { jQuery("#child1").cascade("#parent1",{ list: items, template: commonTemplate, match: commonMatch }); jQuery("#child1").trigger("cascade"); }); Is there a second parameter I can pass to the trigger with the option value I want to be
Wanted to know where this jQuery is from/available
Hi there, I'm still new to jQuery, but so far I am loving it. I've noticed on a few websites, a number of little jQuery functions which look really nice, and I wanted to use them on some sites. (or pay for them, if they do cost). There are two or three particular ones that I have seen so far that I like, and can be found on this website: http://www.officeworks.com.au/retail/content/Home 1) The sliding image that changes right to left. (with the 3 little tabs). 2) The "Best Sellers" box. 3)
Ticket #7113, I added new comment but cannot reopen. Take a look? (scott.gonzalez)
I narrowed down the cause of the issue I described further. I can't reopen it and it appears that my change doesn't send an alert or anything. Also I don't know how to send a message to you, Scott, so I guess this forum post is all I have (wait, found email too :). Please take a look if you have time. http://bugs.jqueryui.com/ticket/7113 Thanks! Michael
help help I am loosing my mind!
Can anyone help me figure out why the ad rotator on this page is hiding my jquery toolbar? I am completely stuck and can't figure this out. The jquery toolbar should look like this: http://www.bmwbenefits.com/dev/MegaMenu/jquery-megamenu.2.1/index3.html This menu is base doff of this page: http://www.geektantra.com/2010/05/jquery-megamenu-2/ When the ad rotator is added in, it looks like this: http://www.bmwbenefits.com/dev/default2.aspx I can send all relevant files to whomever can help me :) You
JQuery, divs and positioning
I'm looping through an array of information to represent it on the screen in separate divs. $("#timenavigation").append('<div id="'+ arrayYears[i][0] +'" class="' + arrayYears[i][0] + '">'+ arrayYears[i][0] + ':' + thisCount + '</div>'); $("." + arrayYears[i][0]).css({ top: 20, left: i *100, height: sizeOfDiv, width: divWidth, backgroundColor: '#d'+aL2[i]});The index.html: <div id="timenavigation" ></div> </div> It outputs: What am I doing wrong? Why aren't the divs stacking side
point and click style walkthrough and interactivty using static images
I understand that the very essence of the web is point and click however what I'm trying to achieve is a navigation system using a series of static 3D Render images have them seamlessly stitch together creating a pseudo walk through effect. For example if a user clicks on a hot spot e.g. a drawer it will fetch the same image but with the drawer open. or if a user wishes to go 'deeper into the scene e.g. a walk-through style effect then they would click on the hotspot and the image presently loaded
why is this not working?
I have a page with 4 anchors and I would like start a different animation at each anchor so I am trying to see what anchor is currently beign viewed and then start the animation but I'm not having any results. I'm using this plugin jquery.url.js to get anchor from the URL and I'm using jquery 1.3.1 (if that makes any difference). So far not even the alerts I want is showing. What am I doing wrong? $(document).ready(function(){ var anchor = jQuery.url.attr('anchor'); if(anchor == 'first')
Context menu using jquery implemented in HTML
Dear Friends Greetings to you, i want to implement context menu creating using jquery in html advance thanks
auto select an item from a jquery autocomplete field
I'm using a jquery autocomplete (plugin v 1.1) in an older application. It works fine. I'm now writing a new one and I'm using the jquery ui 1.4.4 version of autocomplete. In the 1.1 version, if I typed izza and the only match in the resulting list was pizza, then pizza would be highlighted and clicking enter would select pizza. The newer version will not do this. Pizza will show up alone in the list but I still have to arrow down, or click it to select it. Is this a lost feature or is there a property
ajax async false
Hi I'm new to jQuery and looking for some advice. I'm loading data into a number of select boxes. The data of each select box is loaded dependent on the selection of the previous. What I was experiencing was that sometimes the data would be slow to come through and the select box would be loaded without being populated with data. I got around this by adding an async:false parameter. I believe this is bad practice though? What is the alternative approach to using async false? Code is below:-
Returning CSS border attributes using jQuery
I have CSS defined as: #container { width:400px; border:1px solid red; } I was not able to get the value using $("#container").css("border"), but $("#container").css("width") is ok, any idea?
Expand/collapse a collapsible-set
This is rather a simple question but I can't seem to figure out what to call if I want to expand a div and then not allow one from expanding. For example I have the following HTML code: <div data-role="collapsible-set" class="ui-collapsible-set"> <div data-role="collapsible" data-collapsed="true" class="ui-collapsible-contain" id="dumb1"> <h3 onclick="goToFunction()">Go to another Place </h3> </div> <div data-role="collapsible" data-collapsed="true" class="ui-collapsible-contain">
Selecting Objects by .data("xy")
Hello everybody, i want to append a click event to all of the children of "t" that .data("xy") = true. How can i select only those children with jQuery? Sry, i'm a newby ... jQuery(t.children()).click(...); thx for any advice, haemse
Trying to figure out onmouseover function
Hi, I'm trying to create a function to show a custom message as a tooltip when a user hovers over a table row. My tr tag looks like this <tr onmouseover="showToolTip('message');">The javascript function looks like this: function showToolTip(message) { if (jQuery) { // jQuery is loaded alert('loaded'); $(this).tooltip(message); } else { // jQuery is not loaded alert(message); } }jQuery seems to be loaded correctly,
Bug in select menu form
Hi, I find a bug that you can reproduce with the JQM demo http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html clic to Select a state, many option to show, so it's create a new dialog page. The URL become: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html&ui-state=dialog I clic on Alabama, this close the dialog page but the URL still: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html&ui-state=dialog and if I try to clic to the back button..... the Ajax
Creating <p> with jQuery into .html-file
I have web-project and I was wondering if this is possible with jQuery. I know it can be done with PHP, but it would be quite hard with my experience. In webpage you would have textform and submit-button. When you press submit, text from textform will appear into web-page inside <p>-tags. Sorry for bad English..
Using "date range" datepicker with "live"
I need to implement a version of this official date range datepicker example to work on a page that is loaded via AJAX. I assume I need to squeeze a "live" in there somewhere... Here's what I have so far. It almost works, except for the fact that it doesn't restrict the "#DueDate" when I select a "#StartDate". $().ready(function() { var dates = $('#StartDate, #DueDate').live('click', function() { $(this).datepicker({ defaultDate: '+1w',
[General jQuery] Script targeting only following ID
Hi! I have following little script that applies to my entire html page: $("td[id*='MSOZoneCell_WebPartWPQ']>table>tbody>tr>td").each ( function() { } }); I want to target only elements contained in a certain <div id="myID"></div>. Is that possible? And how can I do it? Thanks in advance for your help. Best Regards, bPlaTyPuS
jquery cycle plug in problem in IE browser
hi, jquery cycle plug in is working perfectly in mozilla browser , but not working properly in IE browser, while rotating the image background become black for some time and coming another image. we implemented entire site in iframe. please provide the solution.
header toolbar height
I know I can set the height via CSS, but why is the height of the header toolbar not a fixed value? Rather, it's based on its contents. That seems odd.
Safari giving strange results with .animate left
Hi, I am trying to set up a simple horizontal sliding four page site where clicking on an arrow, simply slides a wrapper div containing four smaller divs from div one to div two etc. The smaller divs have a large right margin to put a distance in between the divs for graphic fluff! Trouble is, this works perfectly in Firefox but in Safari, the distance the wrapper animates doesn't corrispond to the distance stated in the script. I have asked it to move 2000px to the left to reveal the second smaller
Errorplacement issue
Hi folks, I'm trying to override the default placement of the error while using the jquery validation plug-in. I have a very simple form without any <td>'s: <form action="/contact" method="post" accept-charset="UTF-8" id="contactform"> <fieldset> <input class="hidden" type="hidden" name="check" id="check" /> <p><span></span><label for="name" class="inside">Voornaam & naam</label><input type="text" name="name" id="name" title="Naam" value="<?php echo $name; ?>" tabindex="1"
Why is the position of tabs('select'...) important in moving from tab to tab programmatically
Hi folks, Up until I updated to jquery-ui-1.8.10 (already using jQuery 1.5), the following code has worked as (I) expected: function doStuff(ej,pk) { $.get("scripts/ajax_traffic.asp?id=dostuff&opt="+ej+"&opt2="+pk+"&q=" + new Date().getTime(), function(responseText){ $('#tab1').html(responseText).fadeIn(500, function() { ... do other stuff ... }); $("#prolearn").tabs("select",1); }); }; The tab is fueled and then focus is moved from tab0 (from where the ajax call is initiated) to tab1. Now, that
tooltip error
In Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.15) Gecko/20110303 Firefox/3.6.15 The next error occured settings(current) is undefined http://phonesys.oml.ru:8080/js/jquery-tooltip/jquery.tooltip.min.js Line 16 helper.url.hide();helper.parent.addCla...(current).fade,current.tOpacity);else My code: $('.tooltip').tooltip({ "extraClass": "pretty ui-corner-all", "bodyHandler": function() { return $(this).attr("data");
What is the best way to detect all useragents which can handle JQuery Mobile?
Hello, we developed to mobile versions of a website, the pretty one uses JQuery mobile, while where is a very basic fallback version with simple HTML/CSS for older mobile systems. Now my question is, how can I find out the useragents which can handle JQuery mobile? I want to do this with PHP, something like this: $user_agent = $_SERVER['HTTP_USER_AGENT']; $browser = get_browser(); if(preg_match('/iphone/i',$user_agent) || preg_match('/android/i',$user_agent) || preg_match('/webos/i',$user_agent)
ajax/forms
hello, i have ajax querries to my server. they have urls to request and fields. both can change will makes me change javascript files. reading different tutorials i found that it is good to make javascript minimally changeable my question is: is it good to create hidden forms in html document which will actually describe call interface and make calls according to those forms?
jQuery Resizable -> automatically find all elements for resizing and resize all elements properly
Hi guys, I have a few issues. Im currently trying to make a resizable page. I think this code is almost done, but there are just a few things I'd like to have in this page and I've had some trouble realizing them. * edited * resizing works fine now Secondly. I'm still not happy about the detection of all elements. 2 much is still hardcoded. Getting elements by the ID. I'd like to make it more dynamic. So if you guys have anything to automatically detect the elements around the element that you are
How to put the jQuery ui autocomplete menu into an iframe?
I want to put the suggestion menu into an iframe so that the suggestion information could not be covered by the next frame. So ,what should i do? Well ,I've tried to modify the menu codes like <div><iframe style='position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;left: 0; scrolling: no;' frameborder='0' src='about:blank'><ul></ul></iframe></div>, but unfortunately it doesn't work. the autocomplete code: this.menu = $( "<ul></ul>" ) .addClass( "ui-autocomplete" )
Server side event not fire from jquery
this is an asp.net-c# application. function bundAnchorClick() { //alert("bundAnchorClick called.."); $("a[id*=anchor1]").click(function () { $.fx.speeds._default = 1000; $("#div1").children().hide(); $("input[id$='btn']").click(); $("#div1").dialog({ show: "fold", hide: { effect: "clip", pieces: 60, duration: '1000', autoOpen: false }, modal: true, resizable:
Validation Plugin Causing Form To Not Validate
Lost as can be my code gets validated through http://jshint.com/ but when I run my form it doesn't validate the form and the main issue I'm sure is the dropdowns I have. After the submit is pressed it goes back to my index page with the url?variables= whatever deal. I tried alerting dataString before the ajax function but that didn't even happen. $(document).ready(function() { $('div.message-error').hide(); $('div.message-success').hide(); $("#titlesForm").validate({ rules: { titleName: { required:
Check linkbutton is disabled or not with compatible for any browser.
Hello, I am using jQuery in my ASP.NET application. I need to check linkbutton is disabled or not. I have used following code.. if ($('#ctl00_ContentPlaceHolder1_lbtnSpellChk1').is(':disabled') == false) { //code } Above code is working fine with IE. its not working when I run my application in Firefox 3.6. Please let me know any common syntax for troubleshoot this issue. Regards, Swapnil
Accordion : How to selet the header text of the selected header
I am very new to jQuery, so please forgive what might be a simply question. I have an Accordion working nicely. In the accordion's Change event function, how can I fetch the selected header's text? Or perhaps, how do I access ui.newHeader and/or ui.newContent? change: function (event, ui) { .... } An small sample of code would be very much appeciated!
jQuery] [SVG] small animation problem
I noticed that a strange behaviour happens if one tries to animate a transform property to the current translation: x = tool.svg.rect(10,10,50,50,{fill:'black'}) $(x).animate({svgTransform:'translate(10 10)'}) //wait for animation to compete $(x).animate({svgTransform:'translate(10 10)'})
Using $(document).ready(function() on elements that are created via DOM modification ?
HI all you jQuery gurus out there, I have a very detailed question and I hope I'll be able to explain it properly and also get an answer: I use the following code to add a "click" behaviour to an element: $(document).ready(function(){ $("#element_id").click (function(){ ...... do something .... }); });So far so good, works fine. I also use the following code to clone a node and append it to the DOM: function addRowJob(r){ var root = r.parentNode;//the root var allRows
minDate Not Working in IE(8)
Hello, I am using the following code for a booking calendar. [code] <? $dte=$_GET['dte']; ?> <? $date=date('Y-m-d'); $mqry=mysql_query("select distinct date from calendar where date > '$date' and ctr='1'"); ?> <script type="text/javascript"> var dateList = new Array(); <? while($marr=mysql_fetch_array($mqry)) { ?> dateList.push("<? echo $marr['date']; ?>"); <? } ?> </script> <script type="text/javascript"> StartDate = new Date('<?= $dte ?>'); $("#date").datepicker({ minDate: StartDate, dateFormat:
Question: Im displaying a dialog UI on the screen when hovering over table rows.
Im displaying elements from the table row onto a form type screen. Very long table rows, extends well off the screen. I dont design 'em, I code 'em, ... Is there a way to configure a delay when .hover is used? If this has been previously discussed, please forgive ...I couldnt find any examples of this ... Please dont tell me there is no delay config for hover, please dont tell me.
how to do like this?
when I open the indexpage,the top block and bottom block is empty.and the mouse over,the top block and bottom block slide in. how to do it..thanks for reply.. thanks for the reply,another question: jQuery(document).mousemove(function(e){ e.preventDefault(); jQuery("ul#nav").animate({marginTop:"0"}); }); I use like above. the slidein is ok,but can not control the progress,i mean when i refresh the page,even i did not move the mouse,and the top nav block automatically slide in..what is the matter.thanks
dialog opens but page scrolls to top
I have several links that have onmouseover function to open dialog on a div. The problem is that if the page is long, and when I move to the bottom of the page, when I mouse over the tag, the page is scrolled to the top. How to avoid this problem? I have the above code: <a href='#' onmouseover="openDialog(19,'tooltip'); return false;" onmouseout="closeDialog(19)" id="note_19" style="cursor:pointer"> <div id="dialog_content_19" title="Product: #0015" style="display: none;">
Next Page