JQuery :: If Statement And Passing Click Event
Mar 16, 2010
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'); .....
View 2 Replies
ADVERTISEMENT
Apr 28, 2011
i dont know how to do this?
<script language="javascript" type="text/javascript">
function ShowHideDiv()
{
var myDiv = document.getElementById("LoginDiv");
if(myDiv.style.display=="none" && '<%=_Type %>' =="Sign in")
[Code]...
just tell me how to pass parameter from this function ShowHideDiv() and how to use this?
View 11 Replies
View Related
Oct 16, 2010
I am using google maps and would like to pass the latlng value back to the server as follows
oogle.maps.event.addListener(map, 'click', function(event) {
alert(event.latLng);
post_to_url('updll.php', {'latlng': event.latLng});
location.reload();
placeMarker(event.latLng);
});
The event.latLng gives me the coordinates and the location.reload() reloads the page, but I need to pass the coordinates in to the server so they can be acted upon by the server before the page reloads.
View 1 Replies
View Related
Apr 17, 2011
I'm having a tough time trying to add the "zip" variable to my YQL statement.
var zip = $(this).attr('zip');
$.YQL("select * from rss where url='http://weather.yahooapis.com/forecastrss?p=' ' "+ zip +" ' ", function(data){
var w=data.query.results.item;
[Code].....
I've tried as many different ways as I could imagine. Simply putting the literal zip code in the query works perfect.
View 2 Replies
View Related
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
View 3 Replies
View Related
Dec 31, 2009
I am trying to grab firstname from the previous form page and pass it into my open window command.
<script type="text/javascript">
{
window.open("https://www.MyWebsite.com/Myform.html?firstname=getQueryStringVariable('firstname')")
}
</script>
The above does not come out properly, I get entire GetQueryString etc in the Target URL
What should the syntax be, I think I may also be using the wrong javascript command, I think it should be a FormRequest, hmm not really sure.
View 1 Replies
View Related
Aug 30, 2008
I am trying to use a if not statement but trying to use the condition of jquery hover. I have an image and when you put your mouse over it another image appears this image that appears using css would be a menu look however I notice that when I move my mouse off the image to the menu image that appears when your mouse is over the persons image it would then fade away.
Clients image when mouse is over the image another image appears the new image that appears is a menu image with buttons on it this was created in html and position with css so it appears next to the persons image. The problem I have is when you move your mouse off the users image to put it on that menu the menu would fade back out. So I want to make a if not stating that if the mouse is not on the user image or the menu that appears then you fade out. How can I do this??
View 1 Replies
View Related
Dec 4, 2009
I have an ID like this: $('#id').click(function(event){Do stuff after click
}); Can I have it also have a conditional or statement
$('#id').click || $variabe=='something' (function(event){
});
What is the proper syntax for something like that?
View 5 Replies
View Related
Nov 20, 2011
I am using a dialog box plugin. I need to add a button so I use html statement like below:
'<input id="myButton" type="button" value="test" />'
This renders just fine but I don't know how add an event for the button or even add this button to the DOM.
View 1 Replies
View Related
Nov 23, 2010
I would like to create a plugin that I can put before a click event on a button. The click event should occur if the user's time on the page hasn't expired. The plugin should check the user's time, and then stop the click event if the time has expired. With the plugin, I'm essentially putting two click events on the same button, as I need to check the expiration when the button is clicked. The plugin is working on my test page, but I'm afraid that this is contingent on an arbitrary ordering of the click events by jQuery. If I have my click event chained after my plugin, can I be assured that the plugin would always stop the click event if the time is expired? Or could jQuery execute the click event before the time gets checked?
(function( $ ){
$.fn.checkExpiration = function(
$this = $(this);
return this.each(function(){3
[Code].....
View 3 Replies
View Related
May 31, 2010
How can I give a click on a link when it is just created and added to DOM?
None of this works:
function openProfilePage(profile){
$('#profile-link').remove();
var link = $('<a/>').attr({'href':'profile.php?user='+profile, 'target':'_blank', 'id':'profile-link'}).css({'top':'-200px','left':'-300px', 'position':'absolute'}).html(profile);
[Code]...
View 7 Replies
View Related
Apr 8, 2010
I have an object that has a click event I'm trying to trigger. However in the click event I have the following if statement:
if(event.button != 0){return true;}
This if statement allows right clicks to go through and activate but it also prevents me from triggering the event. Any ideas on how to prevent this? If I remove the if statement from the first click function everything works as intended.Here's my example code based off of the trigger event examples:
<!DOCTYPE html>
<html>
<head>
[code]....
View 5 Replies
View Related
Sep 30, 2011
JQuery click event fires on second click but not on first. I have had this happend before some time ago.
View 6 Replies
View Related
Nov 27, 2011
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.
2. Is there something I'm missing with this code?
if(!document.getElementById(post_id.id).innerHTML.indexOf('post_rep_box')) document.getElementById(post_id.id).innerHTML += "<input type='text' name='post_rep_box'/>"
I've also tried (post_id.id).value
View 2 Replies
View Related
Aug 23, 2009
I was using this:
But now I want to use the JQuery:
How do I pass the parameter to the function? Would I set an attribute and read it with[att=XXX] where the attribute is the echo'd $Region or is there a better way?
View 5 Replies
View Related
Apr 18, 2011
I have a basic understanding of selecting elements and performing manipulations or effects, but I'm having real trouble grasping the basics of setting up variables, performing maths on variables and biggest of all, how you go about passing information from the HTML into a jquery function.
I have a site where clicking on any photo thumbnail brings up a full-screen lightbox to display the image full-size - I'm using the following to bring in the lightbox:
$(".photo").click(function(){
$("#lightbox").css({"visibility":"visible","z-index":"2"});
$("#lightbox").stop(true, false).animate({opacity:1},800);
});
This works just fine, I also have no problem re-assigning the SRC of a blank image within the lightbox to make sure the correct image renders, my problem is I just don't know how to generate or pass information into this function to begin with to act as a reference point so the code knows what image it should be displaying based on which thumbnail was clicked.
I don't need anything particularly clever, even if each thumbnail simply had a numerical figure associated with it (eg "4") which gave the function something to work with once it was fired - that would be enough.
I know how to do all this in regular JavaScript but I have to admit I'm finding the documentation for jquery really hard work, I'm having real problems grasping the fact that the functions aren't being triggered directly by the HTML.
Another solution would be to get the src of the image that was clicked on, split the string and pull out just the filename (ie 5.jpg) and then prepend a path to it for the final full size image ( largeimage/ + 5.jpg).
I know there are probably pre-made scripts for this kind of thing but I'd like to try and avoid them if possible.
View 2 Replies
View Related
Apr 1, 2011
Am I able to pass a function literal (at least I think that's what it's called) to a jquery event handler, and retrieved the event details in the function?
[Code]...
View 2 Replies
View Related
Nov 14, 2011
I'm having issues while passing the triggered event with .on.
obj.on('click', feedmania.handler.itemFeedmania.toggleFormComment);
I've tried:
obj.on('click', feedmania.handler.itemFeedmania.toggleFormComment(e));
obj.on('click', function(e){feedmania.handler.itemFeedmania.toggleFormComment(e)});
[Code]...
View 1 Replies
View Related
Feb 3, 2010
I have a script that's dimming the page by appending a black transparent canvas element to the body, positioning it over the page with a high z-index, and then using clearRect to cut out the sections of canvas element so that certain sections of the actual site show through..I'm having a hard time figuring out the best way to pass a click through the canvas and onto whatever would accept it if the canvas wasn't in the way so a user can edit the text.
My first choice was hiding the canvas on mousedown, and then listening for mouseup for everything underneath. but it looks terrible to have that 200ms flicker. can a trigger() be used to emulate a click at a certain (pageX,pageY)? the last option i can think of would be adding 30 divs and duplicate the punched-out canvas..but that seems like a lot of math, does anyone know of a plugin that does this? a reverse blockUI
View 5 Replies
View Related
Jun 9, 2010
my first attempt to post seems to either have been rejected or simply gone into the cyber void.
I currently have a link on a webpage as follows:
<a href="#" id="loadData"><img src="images/bookcase.png" alt="" width="114" height="167" border="0"></a>
which is picked up by
$("#loadData").click(function()
which then executes:
.load("subgenre.php" , function() etc
What I want to be able to do, however, is pass a parameter to the php script, along the lines of:
.load("subgenre.php?param=" + passedParam , function() etc
View 3 Replies
View Related
Mar 20, 2011
what i want to do-
$
(
"#temp"
).
[Code]....
View 1 Replies
View Related
Apr 13, 2010
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.
Code:
View 2 Replies
View Related
Apr 4, 2010
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,
href: "#",
[code]....
View 1 Replies
View Related
Aug 24, 2011
I create buttons from an array of objects that such as:
buttons = [{ text: "button 1", action: 1}, {text: "button 2", action: 2}];
I then loop thru the array to assign the text and bind the click event after having created the buttons with IDs of "button_<index>".
for( var index in buttons ) {
$("#button_"+index).html ( buttons[index].text )
.click( function() { clickButton( buttons[index].action ) } );
}
The text appears correctly in the button, but every button defined only fires the list bound click, in this example the action equal to'2'whether I push "Button 1" or "Button 2".My actual case has four buttons, all firing the event for the fourth button.I've tried not chaining the .click(), going thru the loop twice once for the .html and once for the .click, neither of which made a difference. If I hard code each button .click, it works fine.
View 2 Replies
View Related
May 1, 2011
We utilize several dedicated hardware appliances that interface with our site and also another server. These dedicated appliances have a built in webserver (no php tho) to administer network diagnostic tests.
Since I can't call the applet directly from my own site I've employed the use of an iframe and I pass the visitors username to the iframe from the parent window to the iframe via the calling url for the purposes of attaching the username to the SID param of the applet. I created a new webpage on the CT to use for this feature as noted below.
I have verified that the parsing of the url does produce the username without problems but where I am running into a problem is passing the VALUE of username to the <param name="SID" VALUE statement. Instead of actually posting the VALUE of username it posts "&{username};" to the SID value instead of the actual value of username. Essentially what it is doing is passing the literal after the * instead of the VALUE of the variable "username".
I use a similar PHP command to the same thing just fine <param name="SID" VALUE= '*<?php echo($username);?>'> but since I don't have the luxury of PHP on the CT I'm stuck with html/javascript.
The code is below and the specific param statement is highlighted in red. Any help with this would be greatly appreciated. Just in case anyone is wondering the * is required as this tells the parameter to pass anything after the * to the SID field which is used for tracking on our main server.
<html>
View 14 Replies
View Related
Jan 24, 2011
I want to call the click event of the link (anchor tag) on the click of the button. I used this code below in the click event of button to call links click event and it works fine in IE.
document.getElementById('linktag').click();
But, this doesn't work in Firefox. I googled a bit and found that in firefox, you have to do something more to achieve this behaviour. So, I ended up doing this on button click to work in firefox:
var link=document.getElementById('linktag');
var e = document.createEvent('MouseEvents');
e.initEvent(
[code]....
The above code does the click on link when I click on the button. But my problem now is that I have defined a link as
<a href="mailto:abc@xyz.com?subject=abc&body=email body">email </a>
and when click is called and mailto links opens my email client, it somehow ignores the subject and body parameters of the link. It works properly when i actually click a link element. but it doesn't work when i simulate the click event by code written above. above dispatching event code somehow ignores the link parameters?
View 3 Replies
View Related
