Add effects to my menu?
My idea: Using Jquery easing plugin but I don't have any experience and so I need help please. My website: www.minkyshop.nl What the thing is: .horizitem a:hover, .horizsubitem a:hover Must be fading out when the mouse is out. .horizitem a:link, .horizitem a:visited When i move over this object then the div .horizsubframe is coming down there. .horizsubframe must be coming easily from the the top to the bottom easing. And when i leave that div, it's disappearing from the bottom to the top. Hope my
jquery effects and ajax (external;not jquery ajax)
Hi all I have a problem which I am not able to solve. I read a lot and tried many things but without being successful. Mhh.. The problem I struggle with is a simple .toggle() of a DIV. This is working fine. But now I do an ajax request and get the response back from my javascript ajax implementation (I'm using ajax anywhere). Within this implementation I work inside a callback routine which makes it possible accessing the response before updateing the DOM. Inside this routine I want to .toggle()
jquery version 1.4.2 issue
the tablesorter as well as the jquery.blockUI.js and the function block and unblock() is not working when i include the jquery version 1.4.2, what can be done if some of the functionalities of older version of jquery not work with new version that is 1.4.2 So provide solution for the above problem.
Binding Change event to future dropdown element
Hi, using JQuery 1.3.2.js How can i bind change event of future added drop-down. i have even used ".live" method of jQuery but it doesn't work. I have even updated JQuery1.3.2.js to JQuery 1.4.js but same thing happens drop down change event is not getting fired but click and other events are getting fired. Please help ! Regards
Can't figure out how to physically change index order of selected elements
I'm attempting to physically change the index order of the elements returned by a selector. For example, I'm attempting to make it so when someone clicks on a button, it swaps the index position of the element above or below it (depending on which button they press). I tried to assign it using something like $('.draggable :eq(2)').attr('index', 3) But it didn't seem to work. Is there a way to do it using jQuery, or do I have to change it within DOM itself? Or is there another way to do it?
Does the load() callback function know the URL of the page it's loading?
Hi, I'm new to jQuery so this might be a basic question. Did a quick search of the forums and the jQuery documents but didn't see an answer. I'm calling load() with a callback function (the complete() function in the declaration below). http://api.jquery.com/load/ .load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] ) Is there a way to figure out the address of the loaded URL from inside the callback function? For example if I call load(): $("#success").load("/not-here.php",
200 OK but parsererror?
I have used jquery for ajax query to my asp.net server. works fine. today I try to refector my code and got this parsererror. I inspect my xmlrequest text and looks like this. <?xml version="1.0" encoding="utf-8"?> <string xmlns="http://tempuri.org/"> [{"original":{"original":null,"MonitorId":"64ca8ce7-6b3b-4458-9d20-6cd731fc01d7","FullName":"TestName","ShortName":"Test","SortIndex":1,"OwnerUserId":"7c43898c-2fc0-474d-92d7-9c47ff3b822a","LatitudeWGS84":24.325,"LongitudeWGS84":120.7536,"Altitude":13.65,"IsDefaultMonitor":false,"MonitorGroupId":"f9645bf3-a961-480d-b17a-4fa6755fbfae","ShareOptionId":3,"IsDisabled":false,"LoggerId":"bb7b93f0-7d91-483a-871a-0529a5317929"},
select last child of this
This seems like a relatively straight forward problem. I've searced google and these forums. I just want to select this's last child. How do I do that? Thanks Mike
Change Selected Ratio Button
I have the following html: <input type="radio" name="refrigerator" value="1" />Yes <input type="radio" name="refrigerator" value="0" checked="checked" />No For the life of me, can't figure out how to change the selected/checked ratio group? I have tried: //Select `Yes` Ratio Option $("input[@name='refrigerator']").val(1); With no luck, still `No` was selected. Ideas?
Variable scoping and the getJSON method
The getJSON method seems to ignore the normal rules of scoping within JavaScript. Given code such as this... someObject = { someMethod: function(){ var foo; $.getJSON('http://www.somewhere.com/some_resource', function(data){ foo = data.bar; }); alert(foo); // undefined } } someObject.someMethod(); Is there a best practice for accessing the value of the variable outside of the getJSON scope?
Ajax not loading css.
I have a div and its id is container and I am trying to load the .html file into it but once it is loaded it does not get the formatting from the css file .html file <table class="main" cellspacing="0" cellpadding="0"> <tr><td>cell 1</td><td>cell 2</td></tr> <tr><td>cell 1</td><td>cell 2</td></tr> </table> $("#container").load("load.html"); .css file table.main td:nth-child(2) { width: 220px; }
Legal way to create ID
I just would like to know if this a "legal" way of creating IDs for elements ... $('.itinerary').append('<li class="gm-it-step" id=stepID' + tm_c_globalCounter +' ">' + stepdirection + '</li>' ) ; j and tm_c_globalCounter increment in a loop....
Use a Variable in a selector
Is it possible for example to do: var selec = 3 $(selec).etc... and i wont it to have the same meaning as $("#3").etc.... ? If that make sense ? Thankyou Kieran
jquery web page effect
can jquery animate the way a web page is loaded? for example you may fade in a page or add some effect to it when its loaded. is this possible?
Validating <select>
Hi everyone, Trying to validate a form and running into difficulty with select menus. Here is the script, the <select> fields are "status," "rank," "joined_month," and "joined_year." Basically, if the form is submitted without selecting an option in one of the boxes, variable "submit" is set to "no." What SHOULD be happening is if the user then makes a selection and submits the form again, "submit" should not equal "no" -- but it looks as though it is stuck on "no" regardless (although the warning
Find out if Next item is equal to last item?
I have some js code in which a click on a nav arrow causes list to be walked up or down and hilighted. Partial code is below. The problem is that when I get to the end of the list (e.g. there IS no next()), I want to skip this part of the code and actually hide the right arrow. I have no problem with the hiding part - I just want to set a flag when I have traversed the list to the last item. **Actually, I just need to find if the next item is equal to the last item in the list and set a flag. Here's
Disable image button?
Hi, I'm trying to disable an image button using jquery as follows: $("#<%=MyButton.ClientID%>").attr('disabled', disabled); where disabled is passed in as either true/false. This works fine in IE, it seems to disable in firefox, but the cursor still shows as a hand i.e. the user thinks they'll be able to select the buttons. It should be a normal pointer like IE. Any ideas as to why this doesn't work the same way as IE and what I can do to fix it in the simplest way possible?
how to use a returned value from the server on success
I am using this code in c#. I need to create a url dynamically which the following code does. The BuildURL method has a string return and returns the build URL. How do I get that value and use it in the following code? Thanks for the help. $("#myButton").bind('click', function() { $.ajax({ type: "POST", url: "../Controllers/myController.asmx/BuildURL", success: function() { $("#myPopup").dialog("close"); window.open('the
Load images randomly across divs
I have multiple divs on a page, each with some images in it, you could think of every div as a row. On .ready() the images in these rows are being .hidden() What I want to happen next is that the images in the rows are being loaded randomly with a .fadeIn() but every image 1 second after the other. I've tried some things but I can't seem to get it all together, anyone willing to help out? Much appreciated :)
How do I retrieve a return value from the server to use in $.ajax success?
I am using this code in c#. I need to create a url dynamically which the following code does. The BuildURL method has a string return and returns the build URL. How do I get that value and use it in the following code? Thanks for the help. $("#myButton").bind('click', function() { $.ajax({ type: "POST", url: "../Controllers/myController.asmx/BuildURL", success: function() { $("#myPopup").dialog("close"); window.open('the
problem with setting checkbox
I have a checkbox that I want to update a database (check it to set a flag). I have successfully used '.post' to send the data, but I can't consistently get the checkbox to reflect the change. I click it and the check appears, but won't disappear when I click it again. The data is still being sent to the server, but the display is not correct. <script type="text/javascript"> $(function() { $('input:checkbox').click(function(e){ var newVal = (this.value == 'true')?'false':'true';
Problem with slideUp()/slideDown() in a function
I have a form with some yes/no radio boxes if a box is checked I want it to display another field and I've built a function to do this. It will slideDown() on yes but it will not slideUp() on no. however it will hide() on no. function extraData(base){ var extra_item= $("#"+base+"_extra").hide(); var radio_no = $("#"+base+"_no"); var radio_yes = $("#"+base+"_yes"); radio_yes.change(function() { extra_item.slideDown("medium"); }); radio_no.change(function() {
How onBlur function work?
Hi, Plz how can i developpe a function which is called in the evenement onBlur to make it work as onChangeTopics of an textField. Thank you Best Regards
Traversing (can I make this more efficient?)
I've managed to traverse through the DOM and find the elements I want but I was just wondering if there is a more efficient way of writing the following $(this).parent().parent().children('.td-pos') It does work as it stands. It's just more of a mater of interest as I'm quite new to jQuery Thanks
jQuery Modal overlaying behind an iFrame PDF container
Hello folks, I'm using the modal plug-in below.. http://dev.iceburg.net/jquery/jqModal/ Invoking the modal is pretty simple... $('#ex2').jqm({ ajax: 'examples/2.html', trigger: 'a.ex2trigger', toTop: true }); The "toTop" attribute is used to overcome z-index stacking issues. I have an iframe that displays a pdf file. The problem is the modal dialog appears behind the pdf file and I can't seem to find any way to resolve it. I've tried setting z-index manually for iFrame as well the
How to redirect textbox values from one form to other
I have one form where I need to get value from the first form, I am able to redirect the value which I want but unable to receive it... I am Redirecting as shown below: var Redirect=""; Redirect += "Http://abc.com"; Redirect += "?PNo="+$("input[title='PersonnelNumber']").val(); window.location = Redirect; in the abc.com page I am trying ot receive the value in the following way: var PNo = getQueryString("PNo"); but this is not working... the form is not functioning if this line is added....
reading xml whit jQuery
Hey, I'm trying to build some sort of image viewer whit jQuery and XML. I've found out how to read an XML whit jQuery but I want MORE!!! Haha, here's the deal, I've got 15 or more images in my XML file which will be expanded throughout the time, but I want to display only 10 image at a time. I thought solving this problem was easy, just build in a for loop just like in flash, but that didn't work so.... Suggestions anyone? Here's my code below... $(function() { $(document).ready(function() {
Adding click() to <object> in IEs
This doesn't seem to work in IEs (6,7,8). Seems to be no problem in FF, Safari, Chrome. Is there a workaround or is that not supposed to work? What I am trying to do is to track clicks on flash content. See example code in the following. Any help is much appreciated! <script type="text/javascript"> $(function() { $(".skyscraperlink").each(function(i) {}).click(function() { var id = $(this).attr("id"); var banner = $(this).attr("rel"); $.ajax({ type: "POST", url: "/modernisierung/wLayout/structure/scripts/ajax_click_logger.php",
How can i get users from Members group in SharePoint
How can i get users from Members group in a SharePoint using JQuery. I want to display the Image of the user, name, email id, Department etc in a Table. Software versions : SharePoint 2007 SharePoint Designer 2007
.remove jquery not working with IE7 and I6
Hi, I am new to jquery. In my application I am using the j query code [code] $(".close").click( function() { $(this).parent().css('visibility', 'hidden') $(this).parent().remove() [/code] Using this when I remove the list item, it gets removed proeperly in FF and IE8 where as in IE6 and IE7 when i remove the list item, its creating a white space and the second item is sliding beneath the second one
how to show pop-up message on submit when the other page is loaded?
hi guys in my application on php i use of 'jQuery Notify Bar' plugin for display messages, i'd like to show message when my form submit(in edit page) ,the other page(index page) is opened and notify bar be open until the other page(index page) is completely load and even some second more but the problem is that notify bar show for short Moment and when the index page begin to load , notify bar is closed, and the delay property is not effect to that $('#myForm').submit(function(){ $.notifyBar({
image tag from code behind
Hi All, I am using cycle plugin to show images. I am binding the html code for image from code behind. Problem: Images are not getting displayed. If i hard coded the image tag it is working.
show pop message(notify bar) on submit when loading new page
hi guys in my application on php i use of jQuery Notify Bar plugin for display messages, i'd like to show message when my form in edit page submit,and the other page(index page) is opened and notify bar be open until the other page(index page) is completely load and even some second more but the problem is that notify bar show for short Moment and when the index page begin to load , notify bar is closed, and the delay property is not effect to that $('#myForm').submit(function(){ $.notifyBar({
How to get cursor/caret in an editable content <div>?
Does jQuery provide an abstraction for getting and setting the cursor for editable content div's? And if not, any assistance on how to do this? I really just want to pass the "id" and a cursor value to set it... or just the id to get the cursor value. Basically, I'd really like a high-level interface because trying to get it to work on Firefox alone is a massive pain :( The fundamental problem is this: If you have a div that contains text and other html elements, if the user's selection encompasses
slideToggle over multiple floats
I am just starting to feel that I am getting legs with jquery but I reached a perplexing problem That I could use a hand with or get a fresh plan of attack. I am building a curriculum grid for a college and on click it displaces the course description underneath. It comes across as a basic accordion function but It gets to be a hair because fall and spring are transposed two up. The work in progress can be found here. I am working live-ish so things may change a bit, as I Tinker http://dev.lymeacademy.edu/index.php/programs/drawing
Creating new element /w LIVE event by passing object map. (1.4 style)
So, I read about the new method of passing an object map containing element properties when creating a new jQuery object (as discussed at the bottom of this article). The article says that it supports ALL events, but only gives examples of simple events that require no parameters. I'm trying to implement a live event using the following and can't get it to work: var link = $('<a />', { text: config.appendTextMore,
Need Idea which I don't know how to describe
Hi, I think i have a simple problem, I want to do something like that: <script type="text/javascript"> $(function() { $("#kk[x]").click(function(event) { event.preventDefault(); alert(x); }); }); </script> <a href="#" id="kk[1]">First</a> <a href="#" id="kk[2]">Second</a> I want to make it to show me "1" when i click in First and "2" when i click in Second. Is it possible? I try on several diffrent ways but nothing worked as i would like it to. Sorry for my english, and i don't know if
Show and hide Content area
Hi, I am using the following code to show and hide several dynamic content areas on a page. It works like an accordion where when you open one it closes the other. Is there a way I could change it to so it doesn't automatically close one when another is open? Meaning I would like to have multiple content areas expanded at once. I would also still want to be able to manual close them if I want. Sorry I am new and couldnt get the code to paste so I attached it. Thanks!
How do I check if this value is filled in?
Hi, I'm using JQuery 1.3 and was wondering how to check if at least one checkbox on my page is checked where each checkbox looks like this ... <input type="checkbox" value="####" name="x_invoice_num[]" /> where "####" varies between the checkboxes. Any insights are greatly appreciated, - Dave
Trying To Build A Jquery Success Callback
Hey, I am new to Jquery and am trying to figure out how to create a success callback function that allows me to only load include files (they are .js format) after my initial action is successful. Background: I run a site where people answer surveys and once they submit their response a window loads and displays the results (such as how many total answers as well as a bar graph showing the % of votes for each answer) This all works fine except for the fact that sometimes the pop up window loads the
Next Page