AJAX/Prototype - Any Info On The "presskey" Event?

Jan 15, 2006

I was trying some Prototype experiments and got Event.observe to work with
"click" and "change" events.

I wanted to do something similar with "key pressing". For example, detect
when somebody pressed the RETURN and/or ENTER key inside a particular text
field.

I couldn't find any docs on this. Does anybody have an example snippet?

View 3 Replies


ADVERTISEMENT

Displaying Info Dialog Upon Click Event

Jan 4, 2011

I am retrieving data using AJAX requests then parsing the JSON response and dynamically generating the HTML markup. So far I have the following:

function retrievePeople(character) {
$.post('includes/getPeople.php', {char: character}, function(data) {
var count = data.count;
var markup = '';
var countDetails = '';
countDetails = (character == '#') ? count + " Listings Were Found." : count + " Listing(s) Beginning With The Letter '" + character + "'";
if(count == 0) markup = "No results were found.";
else {
markup = '<table class="resultsTable">';
markup += '<tr><td>Click on name to view additional information.</td><td> </td><td>' + countDetails + '</td><tr>';
for(var i = 0; i < count; i++) {
if(i % 2 == 0) {
markup += '<tr class="even">';
markup += '<td>' + data.people[i].FirstName + ' ' + data.people[i].LastName + '</td>';
markup += '<td>' + data.people[i].OccupationName + '</td>';
markup += '<td>' + data.people[i].Phone1 +'</td>';
markup += '</tr>';
} else {
markup += '<tr class="odd">';
markup += '<td>' + data.people[i].FirstName + ' ' + data.people[i].LastName + '</td>';
markup += '<td>' + data.people[i].OccupationName + '</td>';
markup += '<td>' + data.people[i].Phone1 +'</td>';
markup += '</tr>';
}}
markup += '</table>';
}
$("#allPeople").html(markup);
}, "json");}

I want to add the functionality of displaying an info card (which is basically going to be a dialog box) when the user clicks on the name of some person. I'm not sure how I could keep references of each person's data or how to traverse the data.people collection from inside the click handler. Do I need to hold the data inside hidden fields? Or can I send the data.people[i] as an argument of the click handler?

View 1 Replies View Related

Assign Prototype To Event

Mar 12, 2007

I am wondering why the following works, on IE6, but with an error : "Not
implemented".

function TEST(){}
TEST.prototype.Initialize = function()
{
var mImage = new Image();
var mDate = new Date();
var start = mDate.getTime();
mImage.onload = this.Alerting(start);//WORKS with ERROR "Not implemented"
//mImage.onload = function(){this.Alerting(start);}//ERROR "Object doesn't
support this property or method"
mImage.src = "winxp.gif";
}
TEST.prototype.Alerting = function(i_string){alert(i_string);}
var mTest = new TEST();
mTest.Initialize();

Can anybody guess why?

View 11 Replies View Related

Event.observe Prototype Iexplorer Problem

Jul 5, 2007

I can't get out of this riddle and Google seems can't help me.
The problem is that this code doesn't work in iexplorer while it's
perfect in other browser (didn't check in safari):

<html>
<head>
<script src="include/js/scriptaculous/lib/prototype.js"></script>
<script src="include/js/scriptaculous/src/scriptaculous.js"></script>
<script type="application/javascript" language="javascript">
function goofy(id) {
var linkList = $(id).getElementsByTagName('a');
var tmp;
var j;
while (tmp=linkList[j++]) {
if (tmp.rel=='bar') alert ('yes');
else alert ('no');
}
}
</script>
</head>

<body id="corpse">
<a href="http://www.foo.bar" rel="bar">foo</a>
<a href="http://www.foo.bar">foo</a>
</body>
<script type="application/javascript" language="javascript">
var init=goofy('corpse');
Event.observe(window,'load',init);
</script>
</html>

Now, what's the point? I'm sure it isn't a prototype problem so it's my fault, but where? Do you have any hint? Do you have some offence for my incompetence (but only in combo with hint)?

View 2 Replies View Related

Fire A Change Event (Prototype Library In Use)

Oct 29, 2010

I'm working on a unit test for a javascript library that has several handlers. I wish to fire those handlers in a "natural" way, by raising an event that gets caught. I am having trouble creating an event that gets caught in Firefox.I do development in Firefox to take advantage of Firebug, but the software is for a closed intranet and IE 7 is the required browser (we support IE 8 insofar as we force it to IE 8 mode). This policy predate my hire, I'm trying to get the software to a browser agnostic state - first I have to replace an ActiveX object known as MeadCo Script X - but that's a whole other issue.Anyway I need to raise events, specifically onchange events in Firefox. I have this so far...

Code javascript:

function fire(el, ev) {
el = $(el); 
if (typeof(el.fireEvent) != 'undefined') { // IE

[code]...

Prototype library is in use for this project, though I haven't used it for this particular corner case.

View 1 Replies View Related

Ajax (prototype)

Oct 1, 2006

I'm using Prototype's AJAX to get the "alert" the response of a simple PHP script (a script that echoes a single line), but it doesn't seem to work. Here's the code:

function init()
{
var url = "http://localhost/script.php";
var myAjax = new Ajax.Request(
url,
{
onSuccess: showResponse
});
}

function showResponse(response)
{
alert(response.responseText);
}

window.onload = init;
The code has no errors, but still doesn't show the response even if i add an onFailure event handler. What could be wrong?

View 5 Replies View Related

JQuery :: AJAX Tooltip Info Does Not Change?

Sep 18, 2010

I've created an item tooltip that appears when an image is hovered. When the image is hovered AJAX fetches information from 'getItemInfo.php' and places inside the '#ng-item-info' DIV The parameters for the .php file are stored in the image rel in the following format: " ITEMID, GUID ( not used ) " The problem I am facing is that whenever I hover over another image, for example one with the ID of 3, the information for ID 1 is ALWAYS displayed.

$(document).ready(function() {
var itemicon = $('.ng-item');
var iteminfo = $(itemicon).attr('rel').split(',');

[Code]....

View 2 Replies View Related

JQuery :: Adding Prototype Function As An Event Handler?

Aug 30, 2010

I need to know how to add an event to a button. The specific issue is that I want to add an event which is a prototype function of a class. Consider the following as an example:

MyTestClass = function() {
this.firstName = "Pete";
this.lastName = "Johnson";

[code]....

View 2 Replies View Related

Prototype Event.observe Onclick Not Returning NodeName In IE

May 31, 2006

I have the following script, which uses prototype.js and is called when the page loads:

function getAllDefs() {
allDefs = document.getElementsByClassName('def');
var defs = $A(allDefs);
defs.each(function(def){
Event.observe(def, "click", listElement, false);
});
}
It adds an onclick event handler to each element with a 'def' class. Clicking the element then calls the "listElement" function, defined as follows:

function listElement(e) {
alert(this.nodeName);
}

This works great in Firefox, returning "SPAN" for the element. However, in IE6, "undefined" is returned. I've tried nodeType and innerHTML as well, and all are "undefined" in IE6. Anyone know what the deal is here with IE? It's somewhat hard to tell since IE's responses are so vague.

View 3 Replies View Related

Issues With IE & Prototype/AJAX

Aug 2, 2006

The following code works great in FireFox, Opera, Netscape, Safari, and
Gecko, but NOT IE. Why?

I tried using 'native' js with setInterval and setTimeout, but I get
the same result. My IE security settings are not an issue. Code:

View 17 Replies View Related

Prototype.js And Ajax.Updater

Mar 5, 2007

i am trying to make the contents of one drop-down box dependent on the
contents of another using AJAX (prototype.js) and PHP

I have it working so that a new dropdown appears when i select a value
in the first dropdown:

<?php echo $html->selectTag('Review/cruiseline', $cruise_lines, null,
array('onchange'=>'new Ajax.Updater('test', 'ships?variable=12',
{ method: 'get' }, {asynchronous:true, evalScripts:true});'), null,
true, false);?>

In my php script (which is located at URL 'ships'), I am just getting
the value of 'variable' from the $_GET super global but I obviously
want that value to be dynamic and equal to the value selected in the
dropdown.

So the missing piece is passing the selected dropdown value from
HTML / Javascript to PHP. Anyone know how to do that?

View 2 Replies View Related

Ajax :: Prototype.js And New .InPlaceEditor

Jan 18, 2008

I've been working on some prototype and scriptaculous stuff for a domain management DB at work. I have all the areas working I that I need them too, and I have the InPlaceEditor working.. but all I need to do is get the 'saving' to the DB to work.

My dilema is on the form, there are 7 form fields. I have it set to that when the user clicks out of the text box, I want it to update the DB right then and there. So for each updatable item, I have:

PHP Code:

I set the options for the Cancel and Save button to be false and for it to update OnBlur. So the problem I run into is, I know how to update the DB with a full SQL statement, but to update them 1 at a time using this new AJAX features, I am running into some difficulties understanding the syntax for it.

I found this link at ONLamp.com and I think it's what I want to do, but not 100% positive.

View 5 Replies View Related

Cross Site Ajax In Prototype

Oct 19, 2007

Currently prototype does not support cross site ajax, such as dojo or jquery.
This is unfortunate, cause I am really used to prototype and would like to use this functionality.

What would be the best way for me to implement cross site ajax for prototype.

Note that I will still need the normal ajax functions as well, so a nice extend or something would be good.

View 1 Replies View Related

Prototype: Ajax Request OnEvent

Jun 8, 2006

My code for submitting currently submits to my database properly and I get a really simple xml response either <success type=&#390;'/> (fail) or type=1 (success)
My question is this, given that I receieve xml back why does my code run all 3 onXXX methods? I can understand it running onComplete but not both onFailure and onSuccess. What events/factors determines whether these triggers are run? Code:

View 3 Replies View Related

AJAX Updater - Prototype - Not Working

Mar 24, 2006

I'm using the prototpye libary (the version is 1.4.0) and i can't seem to get my ajax updater to work. Could anyone help please?

HTML Code:

function content(page){
new Ajax.Updater("contentDiv", "content.php", {
parameters : "page="+page,
onFailure : window.document.href = "http://kieranpeat.co.uk/gg/?page="+page
});
};

HTML Code:

<a href="?page=pictures" onclick="content('pictures');return false;" title="Goto the my pictures section">My Pictures</a><br />

View 8 Replies View Related

JQuery :: Delay With Cycle And Image Info Obtained Via Ajax?

Aug 5, 2010

I'm attempting to make a little slide show navigation box..thing, along the lines of what a lot of sports sites and, say, Gamespot use (digression: do these boxes have a technical name?).

My setup is pretty simple - I have a small PHP script that iterates over an image folder and pulls both the file name and last modified info from each image and stores them in an associative array. The array is json_encode()-ed. My jQuery $.get()'s the json, parses it, and then creates image elements based on the info. Cycle then does its thing and creates the slide show.

It all works, with one problem - the images don't appear upon a first visit to the site. They only appear on subsequent visits. This happens in the big three browsers (IE, FF, Chrome) without fail. A refresh is always necessary.

I'm not sure if it's a runtime issue, a cache issue, or if somehow Cycle isn't 'seeing' the images the first time. Please help. My code is below:

[Code]...

View 2 Replies View Related

Ajax :: Dropdown Menu Pulling Info From MYSQL Database?

Jun 20, 2009

I need to create three dropdown boxes (box 1:colour, box 2: price, box 3:brand) and when the user presses "GO" they are returned with the correct information, pulled from corresponding fields in my MYSQL database.

For example, colour: silver, price 100-200, brand:samsung...should return 5 items on the page. I do not need the dropdown boxes to populate depending on ther previous selection - they are static, so to speak. If possible, I would like the information to be retuned to my page without the URL changing, which leads me to think I will need to be ausing ajax....?

View 2 Replies View Related

Ajax + Prototype.js + Multipart/form-data

Sep 30, 2005

Is it possible to send an AJAX XMLHttpRequest using prototype.js API
for a multipart/form-data ?

I already done parsing form parameters and sending GET/POST request,
but does this work with <input type="file"> ?
Who handle file submit and encoding ?

View 3 Replies View Related

AJAX :: Implement This Prototype Effects On Webpage?

Jul 21, 2009

I want an identical effect that has three buttons -- print, email, text that does the same thing on the site.I can handle the server-side code (PHP), but I want to know how I can get that exact effect? My JavaScript is a bit above beginners, and I see they are using Prototype with some other effects.Now, on Firefox, I had saved the webpages but when I tried click on either of the 3 buttons, the JavaScript effect did not work. Can anyone show me how to implement something similar on my site?

View 2 Replies View Related

Ajax :: Prototype Autocompleter Onblur Manipulation?

Apr 29, 2011

What I have going on is an input box where they type in an account name. And the autocompleter works perfectly if they choose an item in the list.However, I want them to have the option of entering an account that is not in the list. And when they do this, the onblur event triggers the opening of the New Account box where they can fill out the new account information and submit the form back.Once again when a selection is made it works just fine, it's when the user creates a new account that it doesn't trigger the "getAccountInfo" function.

View 1 Replies View Related

Ajax :: Making Form Submitted Using Prototype Js

Jun 15, 2009

I want to use prototype js to have it submitted without refreshing the page.

View 4 Replies View Related

AJAX - Posting Info, Code 200 But No Response, Crashes Apache Http?

Feb 16, 2010

I have managed to succesfully post the data to the php page... (i can see using firebug that it IS being sent) but i get a message Quote: Apache HTTP Server has encountered a problem and needs to close and the response is empty... what am i doing wrong?is possibly something to do with the space in the value of the options?

Code:
<head>
<title>Auto suggest</title>
<script src="ajax.js"></script>[code].....

View 2 Replies View Related

Ajax :: Best JS Framework - Mootool - Prototype - Script.aculo

Apr 12, 2009

Which is the best JS/Ajax framework according to you ?

JQuery
Prototype
Mootool
Script.aculo

(Did I miss anything ?)

View 10 Replies View Related

Ajax/Prototype: OnComplete Fires Before Response Returned In Firefox

Feb 14, 2007

Simple ajax call seems to have some issues in Firefox. The "onComplete:" is
called BEFORE the response is returned by the call. Is there a coding issue
or a work around?

var ajax = new Ajax.Request( url, {method: 'post', parameters: params,
onComplete: evalInfo });

function evalInfo( request )
{
// do stuff with request
}

Should I have a timer that checks the request state before exec the
evalInfo?

View 4 Replies View Related

Ajax :: Request Using Prototype Not Sending HTML Form To Server

Mar 20, 2007

I spent the best part of yesterday trying to get my form to be sent to the server however for the life of me I cannot figure out the problem. I haven't used prototype before but here is my code that I think should work perfectly fine,The php script works perfectly, i've entered test data into it and it makes a connection to the third party server using curl and then requests information that I get back i.e. the routing id comes back. But I cannot test the data using the form as the request isn't working for some reason.

View 3 Replies View Related

Ajax Timers - Refresh The Data Every 5 Second To Provide Slick Real Time Availability Info

Aug 17, 2009

I have a small app, my first real ajax project, which gives you details for product availability, for each day. The user selects a day (from a calendar) and then a time slot within the day. The app then displays how many slots are available for purchase, on that day, for that time... I wanted to refresh the data, every 5s, to provide slick real time availability info... but alas, when you change day (look at another day and time), the old timer still runs with the old arguments, and so it keeps resetting the 'details' panel to the previous day's details... how do I reset the timer? or delete the old one?

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved