JQuery :: Passing Information To A .click Function?
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:
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.
I have a HTML form containing two text box controls in it and a submit button. When a user enters information in those two textboxes and click on submit, the information is sent to a function in Javascript. In the javascript, the information from those textboxes is stored in a javascript variable. The problem is as follows:When I am inputting string text in the html text boxes and in the javascript when I am trying to print those values, it is giving me out an error saying NaN. However when i input integer values in the text boxes it is printing those numbers. Is there a conversion that I have to do for the string to be printed. I am new to Javascript and need your help. This is a basic code of Javascript. Below is the code that I have.
<html> <script type = "text/javascript"> function square(form)
I am using jqueryUI dialog, and want to pass some data to it. data() seems the best method, right? The following works. $(".delete").click(function(){$("#dialog-delete").data('row','Hello').dialog("open");}); Now instead of just passing a single value, I want to pass an element. I tried the following, but am obviously doing something wrong. $(".delete").click(function(){$("#dialog- elete").data('row',$(this).parent()).dialog("open");});
I have a DOM click event that creates a <span>. When the user clicks a button, it turns that <span> into a textarea that the user can type a new name in, press enter, and then the span contains the text the user input. Sort of like when you rename a file in Windows Explorer.
Anyway, the code is something like this, and I'm wondering if I can use 'area_el' in this way... right now it's giving me the error that area_el is undefined, even though I define it in the function that contains the Event declaration.The first part is the Dom stuff to make it all work. It's not stuff I need to mess with, but I'm putting it here in case it's useful.
i have a div up here and the id is inuse it chooses the first selection automatically to use
below that is a "menu" when one of the items are clicked it moves the information pulled via php from whichever one is clicked to the inuse div... as you can tell i am new to js and am trying to start out doing some different things with menu onlick items etc..
I'm looking for a snippet of code. I am not sure what it is called, so I will have to describe it by example: I have a vertical navigation via styled <ul> like below (let's pretend this is a styled vertical navigation lol) Activities
+ Party at the Party Place + Concert at the Stadium + Stand-up Comedy at the Funny Place
So we have three "links" above, each listing an "activity". However, I want to provide more details about each activity. I wish to provide more details when the user clicks on the link. Like so:
The following code works for Firefox but not on Chrome. Does anybody know what it doesn't work on Chrome. Is there a document on the browser compatibility info on each JQuery command.
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?
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 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
Html File <!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "[URL]"> <html> <head> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="js.js" type="text/javascript"> </script> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Homework5</title> </head>
My goal is to have the four Javascript buttons toggle the four pictures on and off. I know my css is right. Since everything is placed where I want it and is hidden when the page loads. I believe everything in my html is right. I am reasonably sure I am passing the img id using the onclick function correctly. I think my problem is in the Javascript file. I am thinking I am not passing it into the function correctly.
How can I set a href or onclick function for an "a" element that passes information to the function?I have a function showpage() that is called whenever one of a number of buttons are clicked. I need to pass information from the button clicked to that function.
I have been successfully using the following "myAjax" function to load text file information from the server.
ajax.js:
After I load the text file, I store the text "records" into an array by doing something like this:
Where the '}' character is my record delimiter. It could just as easily be ' ' or ' ' or the like.
Again, I am not having any problems doing it this way as it suits my current needs.
Now the question(s)
1. Does the call to read the text data from the external file always read in the entire contents or can I read one line or delimited record at a time and store it to the array directly without the text storage?
2. If the text is always read completely (my suspicion), can I safely delete the "TextInformation" after I convert to the array format? Is there any memory penalty for doing it this way as the text information can be somewhat lengthly and I don't like the idea of having doubled memory usage when I only need the information in array format anyway?
This is the idea I am considering, but I don't know if there are drawback to this method of if there is a better way to accomplish the task.
if this is such a obvious question, but i'm kind of newbie in JQuery, i am using a lightpop plugin, & i want to pass 'image_path' via html. lightpop plugin code is something like this:
I had a script that was acting unexpectedly because of a function parameter. I was trying to pass a jquery object through a function to attach some events. I was wondering if someone could tell me why this didn't fly:
I know its a cliche but I am new to JQuery. I have seen many posts about passing function as parameter but none is what I am looking for. Not too sure if its possible but no harm asking.I have a function that trigger a modal
function InitNewModal(URI,Title,Width,Height,Params) { // Begin modal function
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?
i have this problem in passing values to a variable in a jquery function.
i have a js variable that accepts a certain value and then i want to pass this variable in the jquery function.
For example, this is my script: var autoScrollBool = "true" var autoScroolInt = "10" (seconds) stepcarousel.setup({
[Code].....
i want to replace the value of autostep: {enable:true to enable: utoScrollBool(the variable i created) , when i tried to assign it as is, its not working.
