I am confused about how to do this the right way.I have a change event which grabs the value of the selected optionlist and sets that as a var. But, I would like to add that to the endof my post string when I submit the form, how would I do this?
$('select').change(function() {
$('select option:selected').each(function() {
var my_val = $(this).val();
[code]....
I'm wanting a table cell click event to remove and replace the table it was clicked on, however I'm finding that as it's deleting the original table object the actual running event code is being replaced and the function is bailing.how I can call the delete/refresh function from outside the event's function scope?
View 1 Replies View RelatedI'm a rookie on JS and I have the problem explained below: how do I pass the values of vars "lat1" and "long1" to outside the function and assign them to wp[0] as shown?(No problem with wp[1] that I get from another file).
Code:
<script type="text/javascript">
navigator.geolocation.getCurrentPosition(
function (pos){code]......
i have this code:
var current;
startOff = $('#all').offset(),
offString = "{top :"+ startOff.top +", left :"+ startOff.left + "}";
current.css(offString);
When "offString" is alerted its fine - eg {top: 123, left: 342}BUT it doesn't seem to like it, but when the alerted output is added into current.css() inplace of offString, the element is positioned as it should be.
How can I do that?
function example(inputvar1, inputvar2)
$
.
get
[Code]....
I can't utilize global vars because the user can throw various executions of example() with differents input values.
I'm using ajax to get multiple vars from a database and would like to show the vars in different parts of my page but everything is shown all in the same spot with the div.
An example is I'm pulling a home number and an email from a database and want to show them in different spots.
I have it working but I have to make a seperate ajax(), url, for each var which I don't think is very efficient!
[URL] you can test the search out by typing 000-000-0000 into phone or bank into the name field and tabbing through both input fields.
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
[Code].....
I'm trying to create a querystring in my aspx page. I need to pass in 2 variables as parameters. The end goal is something like this:
Popup.aspx?paramOne={0}¶mTwo={1}
I have a function that needs this string.
$("#<%=FindButton.ClientID %>").click(function() {
var paramOne = $("#<%=ParamOneDDL.ClientID %>").eq(0).val();
var paramTwo = $("#<%=ParamTwoDDL.ClientID %>").eq(0).val();
var queryString ='<%= string.Format(Constants.MyPopupQuerystring, paramOne,
[Code]....
That doesn't work. It doesn't recognise paramOne and paramTwo with that syntax, so i tried to use the DDL.SelectedValue directly and that doesn't work either as it doesn't find a value for some reason. I can manually set up the string as follows: queryString = "MyPopup.aspx?paramOne=" + paramOne + "¶mTwo=" + paramTwo);
which works but is not good coding practice as I don't want to hard code stuff.
What is the correct notation to do this?
I am not sure if this is possible, but I want to create a multiple vars dynamically, for instance, these are the vars I create manually,
Code JavaScript:
var left_1 = $('.column-global.left .item-global').eq(0);
var left_2 = $('.column-global.left .item-global').eq(1);
var left_3 = $('.column-global.left .item-global').eq(2);
but the problem is I only need two or one vars above sometimes. but three is the max.
so I am thinking of passing a parameter into the function to tell the code to create either 2 or 3 vars,
Code JavaScript:
// I declare empty vars first
var left_1;
var left_2;
[Code].....
I'm creating chat with LONG POLLING. To keep main domain ajax requests (send message) untouched (unqueued), I had to put my long-polling script to subdomain.So I've got 2 "domains"
foo.cz
channel.foo.cz
I do not mind about any Same Origin Policy right now as I put
header("Access-Control-Allow-Origin: *");
at top of that script. I also do use
ini_set('session.cookie_domain', '.foo.cz');
in all scripts (sending, receiving, chatting room).
For debugging, i've got this in my channel.foo.cz/getNews.php:
print_r($_SESSION);
print_r($_COOKIE);
die();
My problem is:
I do load chatting room Ajax (jquery) requests channel.foo.cz/getNews.php getNews.php returns this:
array()array()
It look that cookies and session isn't setted up. But! If I look into my FF cookie browser, I do see that domain for these cookies set in chatRoom is .foo.cz If I try to copy ajax request uri and paste it into browser url, it returns me
array([username] => martin)array([SESSID] => some1D65a4s6d54asd)
I've been using jQuery for some time now but this is the first time I've run into something odd. Currently I'm developing a Theme for Concrete5.4.0.5, which automatically includes jQuery 1.4.2 - meaning, I can't use any other version of jQuery, that said: here is my problem.
I've got the following HTML (heavily simplified):
<nav id="mainNav">
<ul>
<li>Home</li>
<li>Text
<ul>
<li>Subnav</li>
</ul></li>
<li>Text
<ul><li>Subnav</li>
</ul></li>
</ul></nav>
<section id="contentWrapper">
...
</section>
And the following JS-jQuery Code (original, not simplified):
function hoehenAngleichen(){
if($('#mainNav').height() > $('#contentWrapper').height()){
$('#contentWrapper').height($('#mainNav').height());
}}
$(window).load(hoehenAngleichen);
/* works fine until here */
$('#mainNav li').bind('onmouseover onmouseout', hoehenAngleichen); //will not trigger
I want the "hoehenAngleichen" function to be triggered whenever someone is hovering or leaving a li-Element. But this code seems not to bind the events with the named function properly.
I know in JavaScript you are able to write functions that you can just call at a later time. I'm working on a jQuery UI slider, and I wrote a function for the animation that happens when you start sliding. I would also like this same function to fire for the "change" event, but I can't seem to get it to work.
Here is the shortened code sample:
$(function(){
var posterO = $(".poster-slider")
.slider({
slide: function(event, ui){
//This is the function I would like to reuse at "change", below
poster.css(...);
posterLi.css( ... );
ptCopy.css( ... );
sliderValue = ui.value;
},
//change:,
animate:true
});
//When "#abundant-trees" link is clicked, the slider handle changes, firing the "change" event, but the "slide" function is not called.
$("#poster-switcher a[href=#abundant-trees]").click(function(link){
posterO.slider("value", 100);
link.preventDefault(); //Stop browser from following the link that was clicked on.
})});
I would like to apply the "slide" function to the "change" event without having to duplicate all the code.
I am using a slider and want to add labels to the slide/start event. How can I call function from these events? Something like this:
$(function() {
$("#slider").slider({
value:0,
min: 0,
[Code]....
<label id="mylabel" onclick="myOnclickFunction()">My Label</label>
How to get the "myOnclickFunction()" _string_ with jQuery? JavaScript getAttribute("onclick") works fine, but I want to do it through jQuery.
I have a two fold question:1) Why would my while statement not be workingI have cleaned up my code a little (although not perfect) but my while statement is not behaving, it does not output any numbers on a console.debug (using google chrome, or any other browser for that matter) which from my understanding it should?and 2) Slightly out of the remit of this forum I suppose, but this code is quite lengthy and I know there are ways to make this more efficient I just dont know what they are?
function generatePurchaseFields(dom) {
new Ajax.Request('/control/?page=tldmaxyears&domain=' + dom, {
method: 'get',
[code]....
I'm struggling a bit with trying to make sure when I set an event handler (or listener) on some element which calls a function I've got elsewhere, that the function can't see necessary vars because they've already been garbage collected.I'm following the type of setup as in Simply Javascript or the Javascript Live course.o I have stuff like this
Code:
var SomeObj = {
init: function() {
[code]....
I have created a function, function test [code]...
I want to bind this function for click event using $('#btnsave').bind("click",function(){}) in jquery
How can i do this?
I am having difficulty binding a popup to a text link.
The following code works:
CSS:
/* COPY LINK CSS */
#copylink {
position: absolute;
top: 170px;
[Code].....
I cant figure out why a trigger event fires in the following function:
But not in this function:
When using FF 4 or CHROME 10, it seems to work fine in IE9. I have validated that the second function is pulling the proper elements when selecting the toFire variable, but the trigger just doesnt seem to fire. Value is always true or false, never undefined and the Click event that is being fired in the second function is the same that is being triggered in the first function.
I'm trying to add a function to an event click from a checkbox. But the function is executed on the page load, not when i click on a checkbox...
Here is my code :
var tabTailles = {
"38092":{"id":38092,"qte":8,"produitsIds":[293649,293653,293655,293656]},
"38093":{"id":38093,"qte":20,"produitsIds":[293649,293653,293655,293656]}
}
[code]....
tabTailles is an array but not a js array. val is an object.
Ok this is my first day with JQuery, so I know I'm probably asking a stupid question; But, given the following code, how do I pass a parameter when I set the function for an event.
var url = $("#deleteBlog").attr("href");
$("#deleteBlog").click(deleteBlog);
I have a custom function:
function myFunc(o){
o.css("color","red");
}
and then I have a jQuery event like this:
$("myButton").mouseenter(function(e){
myFunc(this);
});
How can i pass the element to the custom function and then do all the jQuery manipulation from there?
I'm just getting started and I went over the initial tutorial. I created an HTML page like this:
<!DOCTYPE html>
<html lang="en">
<head>
[code]....
I can't fire my function with onclick event in Firefox.My little piece of code works perfect inIE. but in firefox it just doesn't work and no error in firebug by theway.I'm using Firefox 3.0.9This is the code:
<script type="text/javascript">
function del(mesId) {
$(document).ready(function() {
[code]...
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]...
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]...
I have found whit google this form in this group. But i'n not good in
javascript :(. I try and error normal but i only error now.
Whit i now want to now how can i get access to the vars vis and inv. Normal
when i submit a form then is see something link
formhandler?vis=somthing&inv=something.
But i dont see that in this form. I want the use data form this form to set it in a databse whit php. I cant get use nog $_GET['vis'] is wil give nothing.
Is there someone who can helpen me ?
The script: