Data Abstraction In JS
Jul 31, 2009
I've been working as lead UI developer for CourseTopia for about a year now. It's a small team of developers, and in the end we all end up working on all aspects of problems, and we've been talking about a method of data abstraction that would really clean up the way we write our js, but we weren't sure if something like this already existed.The basic idea would be to make the UI be, at all times, a reflection of the state of the data. That is, you would abstract certain features of the many high-level elements you create for your interfaces. You would also formalize all navigation and action events into a consistent format.
Elements on the page would have data dependencies, so that anytime a call is made to the server, it is possible there could be a change to the data. Instead of handling these changes wherever they may occur, some framework could step in and automatically make the necessary changes.Is there already a framework like this in place? It seems like something that would be incredibly useful, so I imagine someone has already done it.
View 4 Replies
ADVERTISEMENT
Jun 27, 2011
I am using .ajax() to access cross-domain data using JSONP. Because I need to be able to cache the data I want to use a static name for thejsonpCallback function, so I have set the jsonpCallback option in the .ajax() request. However that appears to requires a global function whereas the auto generated function didn't (well maybe it did but that was all hidden from me).
I definitely need to be able to cache the results. Ideally I wouldn't have a global function handling the data. Is there another way to do this? If not what is the best practice way to go about using a global function these days and how do I provide it with the context of the object/module it was called from - which is where the data is needed?
View 2 Replies
View Related
Oct 5, 2011
Relatively new to jQuery but have a problem with getting data to display.Using a webform with 2 forms. User slects and inputs data into the first form, clicks a button then using jQuery .ajax submits the serialized data to a php script. The script processes the input into multiple paragraphs of text which is based on the input from the first form.The data is returned to the webpage and displayed in a text area (of the 2nd form) where the user can edit it to fine tune the wording. The 2 forms are displayed in different tabs so it is easy to move back and forward between the 2 forms.
The problem occurs when the user goes back to the first form and enters or selects different text and then click the submit button to generate a whole new text for insertion into the textarea on the second form. For certain fields the modified text is displayed.However if the whole of the text in the textarea is deleted, then the user clicks the submit button to re-generate the text content area then nothing at all is ever interted into the textarea. If have user alert to check that data is returned from the php handler and this text is correct. BUT when I click on the tab to see the textarea (id is "draftrec") there is no text inserted. The relevant function is below and the line that should insert the text into the textarea is:
$("textarea#draftrec").html(data).show();
//------------------------------------------------------
$("form#form1").submit(function(e){
[code]....
View 1 Replies
View Related
Jan 3, 2011
I would like to use jQuery to prepopulate a form - ie make a call to a php program to get data from a database and pre-populatea form with appropriate data for the user. Can anyone point me in the right direction for some examples on the simplest way to do this?
View 3 Replies
View Related
Aug 21, 2009
I wonder if i can make the variable data which is [data] in jQuery.post( url, [data], [callback], [type] ) dynamic. for instance, this is the form i want to send,
PHP Code:
<form action="send_xml.php" method="post" enctype="multipart/form-data" id="form_send"><input type="checkbox" id="var_1" class="checkbox"/><input type="checkbox" id="var_2" class="checkbox"/></form>Â
[Code]...
View 2 Replies
View Related
Jul 22, 2011
I am writing a small data entry screen that will post the form data to a page and return a message. But i cannot get the Success or Error functions working properly.
Here's the code where strData is the posted querystring of:
I'm not sure whether it should be in a form and using the onsubmit or click of a button.
View 2 Replies
View Related
Jul 13, 2009
I am still new to jQuery and I am trying to figure something out. I have this code:
[Code]...
This is working fine on itself. What is does is when I click a link it loads data into the following div. When done loading it slides out. But I want to change the appearance of the slide. I have tried to do that like this: $(this).show("slide", { direction: "down" }, 1000); But this doesn't work. When I check firebug it says the following: o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function
View 1 Replies
View Related
Mar 25, 2011
Im trying to convert the contents of a canvas into a data url and then post it along with other inputs to the controller in order to save an image.
The PHP:
<
formmethod
=
"post"accept
[code]...
View 1 Replies
View Related
Oct 26, 2011
I have just started to learn about JQuery and wanted to learn how to retrieve data from an API.
I used the Flickr example provided here [url] and just changed the relevant code to point to the 500px api.
<body>
If I launch the following URL I do get the results properly [url]
Here's a sample of what the result looks like:-
I don't get any results when I run my code page. What am I doing wrong?
View 15 Replies
View Related
Oct 18, 2010
I am trying to try jQuery 1.4.3 updated .data() method with HTML5 data attributes. The way I understood these changes is that an element with these attributes would automatically have their data populated by .data(). For example, if I have an element:
<ahref="#" data-cheese="cheddar">DataElement</a>
I can access this with .data('cheddar'). This part works fine. The issue I am having is that calling JUST data like $(this).data() just produces an empty object. Is this how it should be expected to function?
View 2 Replies
View Related
Mar 31, 2011
i am thinking of using a xml file as a data base for example , the xml file stores a list of reference numbers which is allocated to a url or a name such as 0123456789 and i have a text box on a webpage and the user types in a reference number and the javascripts reads the xml file to check if its a valid reference number i.e a registered number i am new to working with xml etc.
[Code]....
id like it to read the specific data thats contained within the tag such as 0123456789's tag = JOE
View 2 Replies
View Related
Sep 9, 2011
I'm trying to compare incoming JSON data to the existing data to see if there are any changes, but for giant objects like:
Code:
[{"date":"2011-09-03 23:06:03","notifier_id":"1","type":"1","unread":"0"},{"date":"2011-09-05 00:37:46"}]
if (JSON.stringify(oldData) == JSON.stringify(newData))
This doesn't seem to work. I've tried using:
Code:
escape("'" + JSON.stringify(W.notification.list + "'"))
but that ignores the objects properties and returns something like 22%5Bobject%20Object%5D%2C%5Bobject
View 1 Replies
View Related
Oct 6, 2011
Are there any plans to allow the .data() method to accept a map of key/value pairs of data?I don't think this is currently supported although many other jQuery methods support this type of functionality...
$('#myDiv').data({foo: true, bar: false});
View 10 Replies
View Related
Feb 19, 2009
I am trying to get the text from an XML node using Javascript and I keep getting a null error.
View 2 Replies
View Related
Jul 23, 2005
What i want to do is that this function post data to the server (ASP) and
the server will response with 'OK' My question is how can i send data clientside from Javascript to the server ? (navigate ? with url ?)
and check the returned data in the same function ?
function ShowData(TxtArt)
{
alert(TxtArt + ' : ' + parent.frames.Bottom.TxtUsrName.value + ' - ' +
parent.frames.Bottom.TxtRemarque.value); // testing purpose
// post the data to the server. ex .. myURL.asp?userID=1000&Art=ART1201
// fetch the data from the server. to verify if the 'OK' is recieved ->
the server will response with 'OK'
// if 'ok' -> i will update clientside an frame (ex. contents of
shoppingbasket)
}
Any idea's ?
View 3 Replies
View Related
Nov 23, 2005
I have the following data object. Each string in the "lib" element
represents a new record. I need to display each of these records in
html table format so I can be able to sort on each column. How can I
get each string from each element into its own row, or is there a
better way to populate this data object?
var jsData = new Array();
for (var i = 0; i < 4; i++)
{
jsData[jsData.length] = {lib: "string1,string2,string3,string4", id:
"num1,num2,num3,num4", com: "string1,string2,string3,string4"};
}
the html table output should look like:
string1 | num1 | string1
string2 | num2 | string2
string3 | num3 | string3
string4 | num4 | string4
View 2 Replies
View Related
Jan 12, 2006
A friend of mine has built as simple site for use on his company's
intranet. It uses JavaScript to read comma-delimited information from a
text file and displays it in tabular form.
When I looked at the source there is js like this:
function forwardClick() {
if (sitelist.recordset.AbsolutePosition !=
sitelist.recordset.RecordCount) {
sitelist.recordset.moveNext();
} else {
alert("You are already at the last record in the database.");
}}
and HTML like this:
<OBJECT id="sitelist"
classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" border="0"
width="0" height="0">
<PARAM name="DataURL" value="sites.txt">
<PARAM name="UseHeader" value="True">
</OBJECT>
Obviously it's a Windows and IE only thing but is there an equivalent
for non-IE browsers and/or non-Windows OS?
View 2 Replies
View Related
Mar 2, 2006
We are trying to develop an Engineering application using PHP,
Javascript with Informix as the back-end.
Is it possible to retrieve data using Javascript but by accessing the
Database. Say somebody enters part_no, than using Javascript is it
possible to connect to the part master and retrieve the division and
desc information?
I am not allowed to use the PHP because this will require the user to
insert the part number on the first page (user input page) and then
retrieve the information using PHP and display the info on the second
page (processing page).
I will need this to be done on the same page. That means the info will
need to be retrieved instantly (on the fly).
I think of building a javascript array for the part master table using
PHP but finally decided not to as the table is a huge table (contains
more than 1000000 records).
View 5 Replies
View Related
Oct 30, 2006
I'm slowly discovering the world of JavaScript, so I'm not sure I'm
attacking this problem in the right manner, thus if I'm in the wrong
newsgroup, my apologies.
What I'm trying to do is extract some news items from a web site. To
do this, I'm using Microsoft Word VBA and using the following bit of
script:
View 2 Replies
View Related
May 29, 2007
I have a MAINFORM with a pop-up form link and a textfield
The POPUPFORM displays 3 columns
(1) Description : (2) £Charge : (3) Checkbox
Each charge will be different for the various descriptions.
A user needs to be able to select from 1 or more checkboxes then press
submit.
When the form is submitted, the form/page is closed and the charges
for each item selected are totalled and dumped into a textfield on the
MAINFORM.
I have the Mainform and the Popupform, but do not know how to take all
the selected values (from column 'x' , total them and put the total in
the textfield on the Mainform ?
View 4 Replies
View Related
Jul 20, 2005
now i have a text area, when user enter their ID (10 chars),
a script will use the id to use this ID to get the user data,
and fill the form automatically. how can i use javascript to get data
from anther page (JSP generated). as follow Code:
View 1 Replies
View Related
Apr 9, 2009
How to add entries to combobox using javascript coding.
View 1 Replies
View Related
Oct 23, 2010
Code:
rownumber = 2;
detailsTable = document.getElementsByName("detailsTable");
detailsRow = detailsTable.getElementsByTagName("tr")[rownumber];
name = detailsRow.getElementsbyTagName("td")[0];
address = detailsRow.getElementsbyTagName("td")[1];
[Code]...
Is there something wrong with that code?
View 1 Replies
View Related
May 16, 2011
I have a some code that I have been working on but I do not have the greatest understanding of cookies. Basically I have a cookie called webvpn and I need the data from the content part of the cookie. Then I need to use that at the beginning of my url. The content looks something like this, 791152394@265814016@1305568856@B762F295B8829D242481C9DD285D0339A719D96C
So I need to get the data from content and then use that in the code where it says VARFROMCOOOKIEHERE then basically the rest of the link goes after it.
Here is what I have so far:
<html>
<body>
<script language="javascript" type="text/javascript">
if (navigator.appVersion.indexOf("Mac")!=-1){
[Code]....
View 5 Replies
View Related
Jun 23, 2011
I have a web site written in html. I want to have a warning message in my web page saying they are not allowed to copy any of my data. Also, if they do copy, how can i tell who copied my data?
View 3 Replies
View Related
Oct 22, 2011
i have created a php file which calls a php function and echos the results.i dont want to display the results i want to use them in a jquery function.
jQuery('body').prepend("<div id='target'></div>");
gMap.gmap3({
action: 'init',
[code]....
View 2 Replies
View Related
