JQuery :: Can The Click() Function Be Used In An If Statement
May 25, 2009
I would like to know whether a jquery click function can be used in an"if" statement.The reason why I am asking, is because I haven't seenany examples of this being done on the web. I want to use thisapproach because currently Jquery keeps initiating two events from onemouse click, eventhough the css for each element is different.Ithink the best way to avoid this problem is to use flow control toexclude the other mouse click event. If element A is clicked then
I got a pretty large function, one that could essentially be condensed (if you feel so inclined). I would like to know how I can get my if statements inside the toggle functions working properly. I have 4 functions and 2 of them are click functions for closing (display:none). I would like to pass a listener to the toggle funciton to listen for the $close.click(). The if statement in the toggle functions is not doing anything.
<script type="text/javascript" > $(document).ready(function(){ var $contactLink = $("#contactLink"); var $contactBox = $("#contact-container"); var $qrLink = $("#qrLink"); var $qrBox = $("#qr-container"); var $qrBack = $("#qrBack"); var $contactBack = $("#contactBack"); $contactBox.css("display","none"); $qrBox.css("display","none"); $contactLink.toggle( function(){ if($contactBox.css("display","none")){ $contactBox.css("display","inherit"); alert('here'); .....
I have a simple FAQ show/hide function set up however I am having trouble setting up an if clause. My code is: $(document).ready(function(){ $("dd").hide(); $("dt").click(function(){ $("dd").hide('slow'); $(this).next().slideToggle(); }); });
However, when you click on the same item twice it firstly hides and then reshows it, I need an if statement that basically states; if "this?!" is visible/shown Then do nothing else $("dd").hide('slow'); $(this).next().slideToggle(); I am unsure of the syntax and can't figure out what property I can trace out to see if the item is being shown or not.
Why my page is not redirecting within the if then statement.
Here is the code:
I have tried this without the if then statement and it works fine. I am not sure why my if then statement will not work within success function, am I doing something wrong?
I'm trying to add a textbox to my div -- the code to add does work but when I add in the if statement to make sure that there won't be multiple inputs, the code does not work...
1. How do I debug my own scripts? I've been learning slowing but I don't know the quick way to catch an error and print to page.
I am not a javascripter however I have a simple need to a yes no question before someone can fill out a form. Bloew is what I have. If they click yes I'll take them to the form, if no then I will redirect them to a different page. I can not get it to work.
I have a desire to include more than one return statement in a function I have written so that when it has found the solution to a hit-testing series of conditionals, it returns the solution. The desire is to avoid further hit-tests when solution has been found. I've always felt that more than one return statement in a function is poor style, since it may lead to false execution of a function - by way of a later code edits - making a mistake by forgetting the multiple returns. My function is short and maybe the optimisation exists only in my head but are there serious reasons why one should not have more than return statement? This JS code executes in the Quartz Composer framework and has nothing to do with we programming (context (-:)
Here it is with three returns, it 'works' and I could replace all the break statements with return statements to finish optimizing: //Test for y inside range for all quads ( Quad is defined by 4 points in a row in the list is a quad ie. list[0-3], list[4-8], //Test along the unit numerals (_N) and also the 'Revert Patch' button if (y >a[0]["Y"] && y <a[2]["Y"]) { for (i=0; i <37; i+=4) { //Log("DDDDDDD "+i+" X:"+x+" Y:"+y); .....
if i group some javascript into a function that returns false; how could i carry that 'false' out of the function so it can be used outside the function.the example below shows the validate function checks for a condition then returns false if it is met. i want this false to then be passed out of the function to then throw an error in its containing function. (goal to prevent the submitting of a form)i dont want the proceed function to be called, so how can the other function prevent this.Now i realise that the validate function could be incorporated into the top level function but, my form will eventually be quite large with a multiplitude of fields so i need to know how i can call back to functions and use them as objects insteasd of repeating lots of code.
Is there a way to call a javascript function in a meta refresh statement? I'm refreshing my page but if I have data in my fields I don't want to loose them. If I can call using a JS function then in that function I can call the Submit function and save my data in the called script.
Clicking on the menu buttons, a box with some info opens, ad under that, a div that makes the body of the site black. the problem is when i click a different button, to open a different box, the "div#black" should stay open and not toggle. i tried this
var black = $("div#black").toggle() ; if (black == false { $("div#black).fadeIn("slow"); };
and this was the javascript for the button (with the toggle function, when i didn't use the if/else):
[Code]....
I don't know which is the correct way to write the if statement, i used easier ones but this one is to complex for me :D i think the main problem is the "var"
Basically I want to have a different background image for every time of the day. The function by itself works okay with onclick or onload placed in body.
function changesky() { document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
my webstie allows users to change the color of the background, so to keep the text readable I have it changing as well.the color picker I am using has text boxes with rgb values 0-255 for each.I am trying to get one bit of text to alternate between red and blue with the conditions
I'm trying to implement a dynamic menu using CSS/DHTML/JavaScript. The menu bar is implemented as hyperlinks so I can use the :hover :active etc. pseudo-styles.
When moving from one item to another on the menu bar I want to simulate the user clicking on the menu bar item they've just moved onto, so the adjacent menu drops down automatically.
So I have something like this:
function MenuBarItemMouseover(menuBarItem) { menuBarItem.click(); }
to simulate the user clicking on the adjacent menu.
However it seems the previous menu bar item stays in the 'active' state and the item that has been moved onto remains in the 'hover' state.
The css styles are defined in the order: link, visited, hover, active, and in any case, it works fine if you actually do a mouse click on a different menu bar item. It seems the programmatic click is not the same.
Is there anyway of forcing the previous link to 'normal' and the new link to 'active' using JavaScript? Or is there some other way of simulating a mouse click?
Bit of a newb to jquery. I have got a jquery slider effect nestled in some tabs. Each tab has one slider in it. When the page initially loads it loads the effect in the first tab only. On clicking the second tab the function isn't called and remains displayed without the effect.
I actually got two questions.it's regarding the website URL...
1) I'm building up the content from the database using JSON. Currently for each entry I build up the HTML code via Jquery and append it to the div. Is this the best way to do this or can this be done better/more efficient?
2) in the generated content I have a link that triggers the 'show/hide' function of a div below (URL...). Currently it doesn't work within the generated content. At the moment when clicking the link, it should create and alert, but even that isn't working. Is it possible to have a JQuery trigger within JQuery generate content?
