I am currently generating two different JSON objects from Coldfusion. I've read several things about how to merge JSON objects but they always modify the first object if it has the same Key. What I want to do is append the second objects contents to the end of the first objects contents under the same key.
View 14 Replies
I am writing this code
<script type="text/javascript">
$(document).ready(function() {
var obj = jQuery.parseJSON('{"a":"sss","b":"sss","question":"whi?"}');
//alert(obj.question);
});
</script>
How could I know how many objects variable obj has?
I've been pretty infatuated with JSON for some time now since
"discovering" it a while back. (It's been there all along in
JavaScript, but it was just never "noticed" or used by most until
recently -- or maybe I should just speak for myself.)
The fact that JSON is more elegant goes without saying, yet I can't
seem to find a way to use JSON the way I *really* want to use it: to
create objects that can be instantated into multiple instances without
prototyping. I've seen (and used) JSON for singleton object instances
-- this not a problem and this is how it works right out of the gate.
But given the following custom object written the past "normal" way, I
would like to write it in JSON format, and then be able to create new
instances from the one definition. Here's an example using the "old
way" most who have been writing JavaScript for years have seen:
function Two( x, y ) {
this.x = x;
this.y = y;
}
Two.prototype.sum = function () { return this.x + this.y }
Two.prototype.max = function () { return this.x this.y ? this.x :
this.y }
Two.prototype.min = function () { return this.x this.y ? this.y :
this.x }
Two.prototype.pow = function () { return Math.pow( this.x, this.y ) }
Now, I know I can get all "fancy" with the above and do either this:
Two.prototype = {
sum : function { return this.x + this.y },
max : function () { return this.x this.y ? this.x : this.y },
min : function () { return this.x this.y ? this.y : this.x },
pow : function () { return Math.pow( this.x, this.y ) }
};
Or this:
function Two( x, y ) {
// Properties.
this.x = x;
this.y = y;
// Methods.
this.sum = function () { return this.x + this.y }
this.max = function () { return this.x this.y ? this.x : this.y }
this.min = function () { return this.x this.y ? this.y : this.x }
this.pow = function () { return Math.pow( this.x, this.y ) }
}
(The later seems to work without prototyping...!)
But neither are really as close to pure JSON as I would like, so that
I can instantate those:
var hisPair = new Two( 11, 22 );
var herPair = new Two( 33, 44 );
What I'd like is a way in PURE JSON to be able to create the Two class
(as an example) using pure JSON. I've not seen anything yet on the
web that addresses this directly aside from some pages which require
you to include another JS to allow "deep embedding" of classes using
other helper "classes" (that are created the "old way" it seems), etc.
The best I've found so far on using pure JSON to create a class that
allows *multiple* instances is something like this:
function Two( x, y ) {
var class = {
x : x,
y : y,
sum : function { return this.x + this.y }
max : function () { return this.x this.y ? this.x : this.y }
min : function () { return this.x this.y ? this.y : this.x }
pow : function () { return Math.pow( this.x, this.y ) }
};
for (var element in class) this[element] = class[element];
}
Now *THAT* works, but it's still not as "pure" I would like. But it's
acceptable for now, I guess, since I *am* creating the entire "class"
as a JSON object, and I consider the outside function "wrapper" as the
necessary "constructor." But I keep wondering... There HAS to be a
better way.
I'm just wondering if anyone knows of a place that discusses JSON used
in situations like the above. Again, I've seen an ABUNDANCE of pages
and sites that discuss JSON in Singleton usage, but nothing that
discusses it as I am wanting here.
I'm working on a very Javascript heavy application, and we've set up a number of different Objects to handle the data on the page. Very often, we'll need to send all of the data from these objects to PHP. Right now, we're using JSON.stringify. Are there any issues with this? It seem's like it does exactly what we need, but are there any downsides?
View 1 Replies View RelatedI'm making this ajax call:
Code:
url = "/GeoAdaptaApp/geoLogger/logGuiEvents?json="+aLotOfJSONStuff;
encUrl = encodeURI(url,"UTF-8");
new Ajax.Request(encUrl, {
method: 'get',
onSuccess: this.sendQueueToServerSuccess( this,logConsole ),
[Code]...
The JSON string seems correct (I checked it with a validator) and it worked on an Ajax.updater (but i need a request now). Firefox keeps telling me:
[Code]...
The call always end up in the onFailure block. Full request here: [URL] It's very strange, Is there a better way to pass json objects to the server?
Is there a way in Javascript or Jquery to return an array of all objects underneath a certain point, ie. the mouse position. Basically, I have a series of images which link to various web pages but I have a large semi transparent image positioned over the top of the other images. I want to find the href of the background image that the mouse pointer clicks over.
View 1 Replies View RelatedIs there a better way to extend object with internal objects?
$.fn.bestShow = function(s) {
var d = {
width: 0,
height: 0,
order: "numeric",
orderBy: "",
[Code]...
I have a JSON structure in API.When I call the API in my code it returns as the same JSON .I have to print this JSON result as table with pagination in Javascript. The table should be dynamic with previous and next buttons and the table should populate the results according to the JSON and each page should have 20 entries and then the remaining entries should go on the next page and I should be able to go back and forth in the table using previous and next respectively.tell me the exact code of how to start with getting JSON from the API and then write the JSON data in the form of dynamic table with pagination.
View 1 Replies View RelatedI basically have 2 "if" statements. How would i go about combining them?
function validate_form(thisform)
{
with (thisform)
[code]....
I have two nodes with elements get by tag name.Now i want these two nodes merged in one node.ie:
list1 = document.getElementById("menu1").getElementsByTagName("a");
list2 = document.getElementById("menu2").getElementsByTagName("a");
i'm completly new to this kind of stuff and now i have a (little) problem. First of all i had done a Accordion with Tabs like here:[URL]... Thats currently working. I split every head/title of the 3 panes in 2 parts (div), first the name of the head-pane, e.g. "First Pane" and a div-container for a navigation...
I want that the navigation part fade in of the current activating pane and the other navigations should be fade out.It's not easy to explain what i mean
[Code]...
I have this function which rounds up the <p>s, checks their ids, twice, for specific letter combinations and, depending on the combination, changes the class name in one of two ways. It's referencing <p> tags with ids that look like this: <p id="Labaabb6">, where 'a' could be 'b' & vice versa, '6' any number from 1 to 6, and 'L' is just there to be zero in the character count. Still here? OK, there are six variations, V1() to V6(): these work standalone, but it'd be good to combine them. This is where I'm having some trouble...
[Code]...
This is the first function.
<html>
<head>
</head>
<body>
[code]....
how do I combine these given that the value that would be computed in function 2 is already computed in function 1 ?
I want to integrate the new Progress Bar UI feature on jQuery 1.3.2 and jQuery UI 1.7.2 : [URL]When I combine then however, the new tab style of jQuery 1.3.2 takes over as seen here:[URL]How can I insert the new Progress Bar into the old Tabs, without the tabs reverting to the new design?
View 1 Replies View RelatedI've been having a hard time combining these 2 files, and im fairly new to jquery so i'm not sure what is blocking out (if at all) these two files won't work together on a website i'm developing for a client .Here's the two codes i'm attempting to mergeOnes rather simple which i've written, for a fade in fade out technique.
Code:
$(document).ready(function(){
$(".fade_img").fadeTo("250", 0.3);
$(".fade_img").hover(function(){
[code].....
I am using a delayedObserver which works great, but I can't figure out how to use it when the field I am binding is loaded via ajax. So ideally, something like this:
$('[data-live_form_field]').live
.delayedObserver(0.35, function(value, element){
$(this).parents('form:first').submit();
});
This would bind any form elements with the live_form_field data attribute to the observer and submit the form. The code doesn't work though since that isn't the right syntax for the .live method.
Doing a bit of window-opening: the idea is, when a link is clicked, it selects a random one from an array of urls, and then opens it with certain toolbars missing. Got a script for each part, but not sure how to combine them: 'location' seems to be talking about different things in each script.
the random script:
var single = new Array ("a.htm","b.htm","z.htm")
function choose(){
window.location=choose[Math.floor(Math.random()*single.length)] }
[code].....
I would like to fill a text field using both text and variables..i.e. it would say x+2, so i would write.. (if 2 were a given variable)form.form1.value = "x+" 2(I know that isn't correct, I'm just wondering how I would go about this..)
View 2 Replies View RelatedI am trying to combine a php form submission with a javascript function.Basically my form includes an address and UK postcide and I need to get the longitude and latitude of this address using the google map api. I have a javascript function that performs this geocoding.My problem is that I need the following sequence of events to occur.
1. User completes form including mandatory address and postcode
2. User clicks on the "Submit" button
3. Javascript function is called to retrieve the longitude and latitude
4. If successfully retrieved the longitude and latitude, submit the form data including the retrieved longitude and latitude.
Here is my javascript geocode function
Code:
function geoCode(location) {
if (location != '') {
localSearch.setSearchCompleteCallback(null,[code]...
Code:
<form name="myform" method="post" action="" onsubmit="return geoCode(document.getElementById('postcode').value);">
This is not working and it appears to just immediately submit the form without going into the following bit of the javascript function
if (localSearch.results[0]) {
I have 2 Javascript's running, and as you can guess by my title, only one is loading because of the window.onload being triggered twice. The last one that is called in the <head> of the document is the one that runs. One of the JavaScript's is run in the page, the other is called from a external file. I cannot figure out how to combine the window.onload functions so they can both be run. Here's the first Javascript that contains a window.onload. This is responsible for rounding the corners on my page. This code is inserted directly in the page, with an external file that accompinies it. The external file does not contain the window.onload, so i havent attached it.
[Code]...
I am trying to bind the live event to the fadeTo(). I am doing so because after the page is loaded, I am adding new elements to the page through ajax and need them to come in as faded. This is what I currently have.
$('.work').fadeTo('fast',.35);
This is what I have tried to do.
$('.work').live(fadeTo('fast',.35));
Above does not seem correct, but I have searched for more info/documentation on using live() with fadeTo but have found nothing.
I've got identical javascript code that I want to run when either a page loads or inputs to a form change. Right now, I've got two separate statements:
[Code]...
I think the obvious answer is to combine the two with a Javascript IF/OR (||) statement, but I can't seem to get the syntax correct, I think probably due to the open '(' before 'function' in both cases and the fact that it doesn't close until 'some javascript' has executed.
Any suggestions on the correct syntax, or is there a different way of implementing this that I'm not aware of? The two separate statements work fine right now, but I'd rather not have to maintain multiples of the same javascript code.
I've set several options, but I'm having trouble using 'backwards' with the #hash function on dynamically created slideshows. I'm using PHP to generate slide arrays for a given page. I pull the slides in sequence from a full array in amaster file. Everything works fine when I navigate forward, and also when I navigate backwards within the slide array on a given page (I use the manual setting with prev/next buttons). The problem occurs when I navigate backwards to the first slide, then clickmy PHP-generatedlink to get the nextset of "previous" slides. When the page loads, it starts at the first slide instead of the last, even though 'backwards' is set to true. I think the hash script is overriding it, since there's no #hash on my PHP link (I can code one in, but it's code-intensive so I'm hoping there's a simple on-the-fly javascript solution).
[Code]...
I have worked out how to use the Next and Prev example here : [URL] and the count example here: [URL]. I can't however work out how to combine them so when you press "Next". It changes a "1 out of 5" image counter.
View 2 Replies View RelatedI guess I'm having some trouble with combining regular OOP javascript and jQuery.Here I'm trying to make a simple molewhacking game with jQuery. Somehow the click() method doesn't work anymore when I use my (strangely and unexpectedly working...) slideDown and UP combination-loop. Probably the approach I'm taking is very wrong. Should I put $ before all functions? I just dunno.
[Code]...
This question pertains to Google Analytics (GA). GA provides a specific way you can assign a Goal to the event when a user clicks a link on your site that points to an external site.
Implementing this code isn't confusing, however, because it relies on the javascript onClick, I am worried it is conflicting with my links - as they, too, are configured using onClick. Here's an example of one of my links, with the GA onClick command added after it:
<a href="#" onclick="window.open('http://www.example.com', null, 'height=800, width=1000, toolbar=0, location=0, status=1, left=200, top=50, scrollbars=1'); return false" onClick="javascript: pageTracker._trackPageview("/G1/example");" title="Example">Click here to visit example</a>
As you can see, I am using onClick twice in the same code. I don't think that that's correct syntax. I tried putting them together like this, but it didn't work:
onclick="javascript: pageTracker._trackPageview("/G1/example"); window.open('http://www.example.com', null, 'height=800, width=1000, toolbar=0, location=0, status=1, left=200, top=50, scrollbars=1'); return false" title="Example"
how I can keep my onClick method of employing links with window.open, but also assign a trackPageview to the action for goal purposes.
