I'm passing the id of a div as a parameter. I'm not sure how to refer to it with Jquery. The following does not work:
Code:
function updatemail(param1, param2) {
$("#param2").animate({ opacity: "show" }, 300);
}
I also tried $(param2) but it did not work.
I am trying to match a passed parameter on a url to an area on an image map. So far I can find the correct area using
Code:
$('#mediummap area').each(function(i){
href = $(this).attr('href');
if (href == id) {
alert('Found ID ' + id);
}});}});
But next I need to retrieve the co-ordinates for the Area. I have tried
Code:
coords = $('this').attr('coords');
And
Code:
coords = $('this').coords();
I can not seem to get the value back, just an undefined return. What I want to do is to find the point on the image map and then centre that point with in the viewport for the image (large image, small viewport).
I have downloaded 2 html pages that give me page1 with a drop down box for a list, and a 'show' button. this then passes dropdown value to page2 and JS presents the text on the page, but I want to use the passed parameter to change the src of an img with ID=img1.can post all the JS if you like but assume i am missing just a one liner replacing the ....
var name = getValue("name");
document.write(name);
I want to understand the callback syntax and pass the id of the html element as any parameter here is my requirement
In my callback, I am passing the load(url..) I want the URL to be dynamic, based on the URL = BaseURL #callingID , where #callingID is the ID of the calling HTML element.
This way I have to write just one callback function and can reuse this to load multiple sections based on where it is coming from.
$('#callback').bind('pageAnimationEnd', function(e, info){
if (!$(this).data('loaded')) { // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down)
[Code]....
I have a strange problem... I have a form with a text area that contains an XML document. This document can be modified by the user.
Once the document has been modified, the user pressed the "Submit" button to submit the modification (onclick=modify())... and go to another jsp page.... in my javascript, I have the following code:
function modify()
{
myRand=parseInt(Math.random()*99999999); // cache buster
var docXML=document.forms[0].xml.value;
var plist="myRand="+myRand+"&docXML="+escape(docXML);
url="modify_xml.jsp?"+plist;
document.forms[0].action=url;
document.forms[0].submit();
}
With Firefox, the problem does not occur.... but with Explorer, the form is not even submitted!!!!! Is there a workaround for this? The XML document is not even very big.
New to JS. Have ordered some new books, but need to get somethings going in the mean time. What I wanted to do is to link to a new page having a date range input in the form of 6 text boxes, 2 sets of mm-dd-yy, from and to, where the upon loading the page box 1 of the from would auto focus and then auto tab and then post where php could take over on the server side. Setting up the form and the lay out, no problem. Auto focusing went just like expected using the following code, included because on the next step everything fell apart.
Code:
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
So then the wheels came off and in response, began to simplify what was trying to be done to find where the issues were. As far as I can get working is:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
<script type="text/javascript" >
function myFunc() {
alert("is this working");
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc()" maxlength="2" value="type a No." />
</body>
</html>
First issue with this: When I first get to the page everything is just as ordered. The focus is on the text box and the default value is "type a No." When I press a key onkeyup, I bring up the alert box with "is this working" in it. But when I refresh the page with the refresh button, after clicking the "ok" on the alert box, the character that was typed in is still displayed. If I use the link to the page, or the URL from the address bar, then the page reloads properly with the default value, "type a No".
How do you get the default textbox value using the refresh button as apposed to reloading the page using a link or from the address bar? Using Firefox 8.0 more important at the moment: If I change the script to pass an argument to the function the script crashes. It does not pull up an alert box and freezes. My guess is that I'm doing something wrong on a concept level. Changed the default value of the text box to " ". Looked like to me there was an issue with the size specification and the default string length as you could only enter in a key stroke by highlighting the text and replacing it.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
<script type="text/javascript" >
function myFunc(awe) {
alert(awe);
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc("123")" maxlength="2" value="" />
</body>
</html>
why this parameter is not passed to function ?
var myDIVnode1 = document.createElement("DIV");
// etc
myDIVnode1.appendChild(document.createTextNode("a"));
// this shows "a"
alert(myDIVnode1.firstChild.nodeValue);
myDIVnode1.onclick= function() { somefunc(myDIVnode.firstChild.nodeValue); };
function somefunc(param)
{
// this returns "undefined" !!??
alert(param);
}
I posted a similar thread about this in the .NET forum, but I thought maybe there was a javascript way of doing what I need to do.Is there a way to redirect a user to another page while keeping the passed in #parameter?For example, if the user clicks the link:
page1.html#event1
Can I redirect to:
page2.html#event1
Basically keeping the #parameter in tact?
I have a link;
<a href="javascript:{}" onclick="DoSomething(this)">click me</a> And what i'd like to do is use the "this" object to manipulate the css of its parent;
function DoSomething(obj) {
if(obj) {
$(obj).parent.addClass("newstyle");[code]...
Does anyone know how to do this with jquery?
I attach a mouseover event to a ul. Within the function I can use $(this) or this to refer to the ul.How can I refer to the li element over which the mouse is? And therefore make use of event delegation in jQuery.
View 8 Replies View Relatedfunction JGallery(){
this.name="defaultGallery";
this.images=[{//some JSON here}]
this.render=function(){
[Code].....
I've tried to debug it in firebug, but I guess there is a problem with the scope of the 'this'. The 'this' in
//i want append div with id of the name property of jgallery class
$("<div></div>").appendTo("#container").attr("id",this.name);
seems to refer to the iterator in the $.each().
I've tried to do this.this.name but it still doesn't work. Is there any way to allow me access the property of the Jgallery class?
I'm using getJSON to retrieve information from a header record and the corresponding detail records and display the detail records in a table. The PHP script that is called returns a JSON string (via json_encode) that looks like this:
{
"srn":"1",
"invNo":"1",
"custNo":"39750",
"purchOrd":"PO12345",
"shipVia":"our truck",
"jobNo":"E001-11",
"invDate":"8/3/2011",
"taxCode":"1000000",
"shpName":"testName", .....
Here is the html table:
<table><thead><tr>
<th colspan="2" >Item Description</th>
<th>Quantity</th>
<th>U/M</th>
<th>Item Price</th>
<th>Item Amount</th>
</tr></thead><tbody>
<tr class="p_row_1"> .....
And here is the $.getJSON:
$.getJSON("GET_INV_INFO.php",{srn:'<?php echo $srn; ?>'},function(s){
// Get Header Info
$('#ip_invNo').html(s.jobNo);
$('#ip_invDate').html(s.invDate);
$('#ip_custNo').html(s.custNo);
$('#ip_purchOrd').html(s.purchOrd);
$('#ip_custName').html(s.custName); .....
My problem comes in the getJSON section where I'm trying to populate the table with a record. I don't know how to refer to the different fields in array 's'. I've tried the following and many variations, but to no avail:
$('.p_row_'+i+':nth-child(1)').html(s.row.i.itemNo);
$('.p_row_'+i+':nth-child(1)').html(s.row[i].itemNo);
How do I refer to a nested field in a multidimensional array like this?
i'm a newbie on jquery i'm studying it with the latest version, and following a book called "Learning Jquery" but iencountered a error, and i don't know what the problem is:
i copied the code from the book like this:$('a[@href^="mailto:"]').addClass('mailto'); to try to change the links which start with "mailto" to the new class "mailto" but there's a error reported: uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]
How can I access the text of an url via javascript, ie. get 'foo' (and
send it as parameter in goto(), in example:
<a href="javascript:goto([foo])">foo</a>
Or refer to it globally?
document.links.href.text.value ?
this.href.text ?
I have to add a selection box in my assignment, but I don't know how to refer to it in the javascript.
Here is the javascript code I am trying to refer to the selection box with that doesn't work [code]...
How do you refer to an object such as a drop down <select> box before the <select> box appears in the code....
View 1 Replies View RelatedI have a function that sets a value of this.name. If I call a function of that function (is there a better term for that?), I can get the value of that name with this.name. However, if I save that function's function as a variable, and THEN call it, this.name is undefined.
I don't think my vocabulary is clear enough, so here's my example:
function Ninja(name){
this._name = name;
this.getName = function(){
return "ninja "+this._name
}}
sam = new Ninja("sam");
assert( sam.getName() == "ninja sam", "Ninja's name is ninja sam" );
sam2 = new Ninja("sam2");
sam2getName = sam2.getName;
assert( sam2getName() == "ninja sam2", "Ninja 2's name is ninja sam2" ); //fails
log("Ninja 2's name is actually "+sam2getName()) // actually "ninja undefined"
(Note: Use of "ninja" and assertions are because I was playing with the code in John Resig's java runner thingie: [URL]). The reason I want to be able to refer to a function by a variable is because I want to pass the function to something else that requires a function to be passed in, such as an ajax callback or something. Anyway... why is this.name undefined in the second example?
I am trying to concatenate text to refer to a variable:
It give me undefined instead of 17. How should this be done without using eval() ?
I am trying to re-write a script that I found on w3schools. The script should check whether ALT key was pressed or not. My objective is not to use any inline scripts and to refer to the event within a function. My script is not working.
<code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[code].......
I have a regular html page called a.html
this page opens a modal dialog window called modal1.html
modal1.html contains a 'Next' button.
when the button is pressed the modal1.html is replaced with modal2.html
modal2.html contains another button.
when its button is pressed, the modal dialog window should close and the location of the original page a.html should change.
I am trying to do something like:
//window.parent.location.href = 'anotherPage.html'
window.opener.location.href = 'anotherPage.html'
window.close();
I cannot use window.opener in modal2.html because its opener is actually modal1.html.
In fact anotherPage.html is opened in a whole new browser page
How can I refer to a.html in this chain?
I am creating an application that uses as much Object Oriented code as I could (mostly to learn it).
I have an object called 'photo' that contains two Image() objects 'fullImage' and 'thumbnail'. All is fine and dandy, I can read the thumbnail and the full image, and their associated properties just fine.
But what I can't seem to do is make the thumbnail's onclick event refer to one of the object's methods.
Here is a greatly simplified version of the object's code.
Code:
So, the thumbnails div gets populated with the thumbnails fine. But for the life of me, I cannot figure out how to make the onclick call the photo object's "editPhoto" method.
Will the way that I am creating the objects using the same name for each one, result in only the last one created being accessible. If so, do I need to create an array of objects so I can uniquely identify each one?
I have a dropdown which is being dynamically generated within the cfloop query.
<select name="ResourceType#ctr#" onchange="GenRWType(this.name,0)">
<option value="">None</option>
<cfloop query="getResourceType">
<option value="#getResourceType.Resourcetypeid#">#getResourceType.Resourcetype#</option>
</cfloop>
</select>
I am calling the JS function GenRWType which is carrying the name of the dropdown.....the issue is how do I get the value of the selected option from dropdown ? This is the code I have and it does not recognize "rname"
[Code]...
Here's the deal: I have a JQuery page in which I'm using AJAX to call a classic ASP back-end. For example purposes, let's call the page "JQuery.asp", and we'll call the back-end "BackEnd.asp".My BackEnd.asp is set up as reusable code, using JQuery.asp as my wrapper.BackEnd.asp includes the following line:
GetID = request("GetID")
So, my JQuery.asp would look like this:
$(document).ready( function () {
[code]....
I'm trying to grab a value passed in from a URL, i.e:
test.html?foo=bar
And I would like to grab the "foo" entry, with the value passed in. I'm guessing this can be done, but I can't find a way?
If I have a plugin thats being called...
$('.myClass').somePlugin();
How do I pull out the ".myClass" part inside the plugin?
jQuery.fn.somePlugin = function(o) {
// Defaults
var o = jQuery.extend( {
option1 : 'something',
[Code]....
I've made a trivial html page to show my problem. This page should take all of the <tr> tags from the first table, move them into the second table in reverse order, and change each <tr> tag's click handler to print it's internal <td> tag's contents.Unfortunately, the function I've set as the click handler seems to be passing a variable by reference rather than by value. I'm sure this is probably the expected behavior, but is there someway to prevent this behavior?If this doesn't sound very clear, hopefully the code I've included will make more sense:
<html>
<head>
<script type="text/javascript"
[code]....