[jQuery] not able to receive POST data in php file
i am using the following JQuery function to successfully POST data
to the user_submit.php file, its just that the php file is unable to
receive the data.
$(function() {
$(#submit_js).click(function() {
$.post(user_submit.php, {
comment: $(#comment).val()
});
});
});
upon finishing the Firebug consoloe shows this:
html
body
Your vote was successfully registered!any text but this
/body
/html
i am pasting the user_submit.php here:
?php
$vote = $_REQUEST['vote'];
$aid = $vote;
//$comment = $_REQUEST['#comment'];
//$comment = print_r($_POST);
$comment = htmlspecialchars($_POST[comment]);
//$comment = $_POST['comment'];
//echo htmlspecialchars($comment);
//$comment = $_POST['comment'];
//echo $comment;
// include configuration file
include('config.php');
// open database connection
$connection = mysql_connect($host, $user, $pass) or die('ERROR:
Unable to connect!');
// select database
mysql_select_db($db) or die('ERROR: Unable to select database!');
// update vote counter
$query = UPDATE answers SET acount = acount + 1 WHERE aid =
$vote;
$result = mysql_query($query);
$cadd = INSERT INTO comments (comment,aid) VALUES ('$comment',
'$aid');
mysql_query($cadd);
// close connection
mysql_close($connection);
// print success message
echo 'Your vote was successfully registered!';
echo $comment;
//print_r(array_count_value($comment));
?
this is the HTML :
div id=greetings
You are voting out b style=color:
#00b0de; id=roadiename/b. Care to explain why?br/br/
textarea name=textarea id=comment
cols=38 rows=7textarea/textareabr
a href=# id=submit_jsimg
src=images/submit.gif style=border: none; float:right; padding-top:
10px;padding-right: 10px;//a
/div
When I click on Submit, I can see in Firebug console that the data is
being POSTed. but i am not receiving that data in the php file. or
else i am not able to use it.
please help.
[jQuery] (autocomplete) multiple inputbox using same autocomplete function
code at the bottom is working fine .. wherein data is coming from
database via postcode.php in following format :
2221|BLAKEHURST|NSW
4401|ACKLAND|QLD
2221|BLAKEHURST|NSW
4401|ACKLAND|QLD
2221|BLAKEHURST|NSW
4401|ACKLAND|QLD
Now issue is I have multiple postalcode, city and state input box in
my code in same page like :
input type=text id=postalcode /
input type=text id=city /
input type=text id=state /
input type=text id=postalcodex /
input type=text id=cityx /
input type=text id=statex /
input type=text id=postalcodey /
input type=text id=cityy /
input type=text id=statey /
How should I go in this case ??
I just don't want to repeat the javascript code for them. Is there any
way I can pass variable seelctors and can get back result in same
way ?
-
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
script src=http://code.jquery.com/jquery-latest.js;/script
link rel=stylesheet href=http://dev.jquery.com/view/trunk/
plugins/autocomplete/demo/main.css type=text/css /
link rel=stylesheet href=http://dev.jquery.com/view/trunk/
plugins/autocomplete/jquery.autocomplete.css type=text/css /
script type=text/javascript src=http://dev.jquery.com/view/trunk/
plugins/autocomplete/lib/jquery.bgiframe.min.js/script
script type=text/javascript src=http://dev.jquery.com/view/trunk/
plugins/autocomplete/lib/jquery.dimensions.js/script
script type=text/javascript src=js/jquery.autocomplete.js/
script
script
$(document).ready(function(){
$(#postalcode).autocomplete(inc/postcode.php, {
width: 260,
selectFirst: false,
formatItem: function(data, i, n, value) {
return data[0] + , + data[1] + , + data[2];
}
});
$(#postalcode).result(function(event, data, formatted) {
if (data)
{
$(input#postalcode).val(data[0]);
$(input#city).val(data[1]);
$(input#state).val(data[2]);
}
});
});
/script
/head
body
input type=text id=postalcode /
input type=text id=city /
input type=text id=state /
/body
/html
[jQuery] Re: (autocomplete) multiple inputbox using same autocomplete function
I know that we can use multiple selector in autocomplete function but
we can't access them in result function.
On Oct 2, 11:30 am, Amit amit.aggar...@gmail.com wrote:
code at the bottom is working fine .. wherein data is coming from
database via postcode.php in following format :
2221|BLAKEHURST|NSW
4401|ACKLAND|QLD
2221|BLAKEHURST|NSW
4401|ACKLAND|QLD
2221|BLAKEHURST|NSW
4401|ACKLAND|QLD
Now issue is I have multiple postalcode, city and state input box in
my code in same page like :
input type=text id=postalcode /
input type=text id=city /
input type=text id=state /
input type=text id=postalcodex /
input type=text id=cityx /
input type=text id=statex /
input type=text id=postalcodey /
input type=text id=cityy /
input type=text id=statey /
How should I go in this case ??
I just don't want to repeat the javascript code for them. Is there any
way I can pass variable seelctors and can get back result in same
way ?
-
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
script src=http://code.jquery.com/jquery-latest.js;/script
link rel=stylesheet href=http://dev.jquery.com/view/trunk/
plugins/autocomplete/demo/main.css type=text/css /
link rel=stylesheet href=http://dev.jquery.com/view/trunk/
plugins/autocomplete/jquery.autocomplete.css type=text/css /
script type=text/javascript src=http://dev.jquery.com/view/trunk/
plugins/autocomplete/lib/jquery.bgiframe.min.js/script
script type=text/javascript src=http://dev.jquery.com/view/trunk/
plugins/autocomplete/lib/jquery.dimensions.js/script
script type=text/javascript src=js/jquery.autocomplete.js/
script
script
$(document).ready(function(){
$(#postalcode).autocomplete(inc/postcode.php, {
width: 260,
selectFirst: false,
formatItem: function(data, i, n, value) {
return data[0] + , + data[1] + , + data[2];
}
});
$(#postalcode).result(function(event, data, formatted) {
if (data)
{
$(input#postalcode).val(data[0]);
$(input#city).val(data[1]);
$(input#state).val(data[2]);
}
});
});
/script
/head
body
input type=text id=postalcode /
input type=text id=city /
input type=text id=state /
/body
/html
[jQuery] JQuery lightbox plugin through we can show flash in overlay..
Hi Is there any jQuery light box plugin by which I can make my flash look in the overlay window. I had searched for one named fancyZOOM .js but don't know why it is not working for multiple flash in a single page. any body having any idea pls reply .. I am struck here. thanks Regards, Amit Kr. Sharma
[jQuery] Re: DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8
Hello Cesar,
The code didn't work with IE 7 too. Well, for the double submit, even I
don't know exactly. It was a part of a code I got from somewhere.
However as of now, I have modified the code so that it hides the submit
button and gives a loading.gif image file. This works with IE too.
Finally a working version for IE :)
Thanks a lot for your help though and hoping to get help the next time I
step back in here with any queries.
Regards,
~Amit
On Tue, Jul 7, 2009 at 9:38 AM, Cesar Sanz the.email.tr...@gmail.comwrote:
Sorry for my suggestion, I misread your point, thought you were not able to
disable your button.
You say it works in FF, Have your tried this same code in IE 7.0 ? Does it
works?
I can see in your code that you bind a submit event to the #node-form
twice,
why is that?
$(document).ready(function() {
$('#node-form').submit(function (e)
{ // *** HERE
var settings = Drupal.settings.block_submit;
if (settings.block_submit_method == 'disable') {
$('input[type=submit]', $(this)).attr('disabled',
'true').each(function (i) {
});
$(this).submit(function (e)
{ // *** HERE
return false;
});
}
return true;
});
});
- Original Message -
From: Amit amit2...@gmail.com
To: jQuery (English) jquery-en@googlegroups.com
Sent: Monday, July 06, 2009 1:37 PM
Subject: [jQuery] Re: DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING
WITH IE8
Hi Cesar,
Thanks for your reply. But that isn't working. It still gives me the
same result. The form does not post. It is just that the button gets
disabled after click.
Wonder why it works properly in Firefox and Chrome but not in IE.. :(
Please help.
~Amit
On Jul 6, 2:14 pm, Cesar Sanz the.email.tr...@gmail.com wrote:
try
.attr('disabled', 'disabled') instead of .attr('disabled', 'true')
- Original Message -
From: Amit amit2...@gmail.com
To: jQuery (English) jquery-en@googlegroups.com
Sent: Monday, July 06, 2009 10:50 AM
Subject: [jQuery] DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH
IE8
Hello there,
I am using Drupal forms with Jquery. I used the following code to
disable a button after it is clicked to prevent double updates.
$(document).ready(function() {
$('#node-form').submit(function (e) {
var settings = Drupal.settings.block_submit;
if (settings.block_submit_method == 'disable') {
$('input[type=submit]', $(this)).attr('disabled', 'true').each
(function (i) {
});
$(this).submit(function (e) {
return false;
});
}
return true;
});
});
Form ID should be specific to: node-form.
This structure works fine with Firefox and Chrome but does not work
with IE8 / 7 (compatibility mode).
When I click the submit button for the form in IE, it disables the
button but the form never submits. (it behaves like an AJAX button
where it gets disabled without the submit action ever happening)
How do I solve this? Please help me out of this...
Thanks,
~Amit
[jQuery] DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8
Hello there,
I am using Drupal forms with Jquery. I used the following code to
disable a button after it is clicked to prevent double updates.
$(document).ready(function() {
$('#node-form').submit(function (e) {
var settings = Drupal.settings.block_submit;
if (settings.block_submit_method == 'disable') {
$('input[type=submit]', $(this)).attr('disabled', 'true').each
(function (i) {
});
$(this).submit(function (e) {
return false;
});
}
return true;
});
});
Form ID should be specific to: node-form.
This structure works fine with Firefox and Chrome but does not work
with IE8 / 7 (compatibility mode).
When I click the submit button for the form in IE, it disables the
button but the form never submits. (it behaves like an AJAX button
where it gets disabled without the submit action ever happening)
How do I solve this? Please help me out of this...
Thanks,
~Amit
[jQuery] Re: DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8
Hi Cesar,
Thanks for your reply. But that isn't working. It still gives me the
same result. The form does not post. It is just that the button gets
disabled after click.
Wonder why it works properly in Firefox and Chrome but not in IE.. :(
Please help.
~Amit
On Jul 6, 2:14 pm, Cesar Sanz the.email.tr...@gmail.com wrote:
try
.attr('disabled', 'disabled') instead of .attr('disabled', 'true')
- Original Message -
From: Amit amit2...@gmail.com
To: jQuery (English) jquery-en@googlegroups.com
Sent: Monday, July 06, 2009 10:50 AM
Subject: [jQuery] DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH
IE8
Hello there,
I am using Drupal forms with Jquery. I used the following code to
disable a button after it is clicked to prevent double updates.
$(document).ready(function() {
$('#node-form').submit(function (e) {
var settings = Drupal.settings.block_submit;
if (settings.block_submit_method == 'disable') {
$('input[type=submit]', $(this)).attr('disabled', 'true').each
(function (i) {
});
$(this).submit(function (e) {
return false;
});
}
return true;
});
});
Form ID should be specific to: node-form.
This structure works fine with Firefox and Chrome but does not work
with IE8 / 7 (compatibility mode).
When I click the submit button for the form in IE, it disables the
button but the form never submits. (it behaves like an AJAX button
where it gets disabled without the submit action ever happening)
How do I solve this? Please help me out of this...
Thanks,
~Amit
[jQuery] Re: DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH IE8
Here is the code from the view source window in IE for the submit button if
this can help:
div id='uploading_msg_wrap'div id='uploading_msg'Now uploading
...br/(This
may take a minute)/div/divinput type=submit name=op id=
edit-submit value=Save class=form-submit /
Thanks,
~Amit
On Mon, Jul 6, 2009 at 2:37 PM, Amit amit2...@gmail.com wrote:
Hi Cesar,
Thanks for your reply. But that isn't working. It still gives me the
same result. The form does not post. It is just that the button gets
disabled after click.
Wonder why it works properly in Firefox and Chrome but not in IE.. :(
Please help.
~Amit
On Jul 6, 2:14 pm, Cesar Sanz the.email.tr...@gmail.com wrote:
try
.attr('disabled', 'disabled') instead of .attr('disabled', 'true')
- Original Message -
From: Amit amit2...@gmail.com
To: jQuery (English) jquery-en@googlegroups.com
Sent: Monday, July 06, 2009 10:50 AM
Subject: [jQuery] DISABLE BUTTON AFTER 1 CLICK -JQUERY: NOT WORKING WITH
IE8
Hello there,
I am using Drupal forms with Jquery. I used the following code to
disable a button after it is clicked to prevent double updates.
$(document).ready(function() {
$('#node-form').submit(function (e) {
var settings = Drupal.settings.block_submit;
if (settings.block_submit_method == 'disable') {
$('input[type=submit]', $(this)).attr('disabled', 'true').each
(function (i) {
});
$(this).submit(function (e) {
return false;
});
}
return true;
});
});
Form ID should be specific to: node-form.
This structure works fine with Firefox and Chrome but does not work
with IE8 / 7 (compatibility mode).
When I click the submit button for the form in IE, it disables the
button but the form never submits. (it behaves like an AJAX button
where it gets disabled without the submit action ever happening)
How do I solve this? Please help me out of this...
Thanks,
~Amit
[jQuery] Unique url and browser back button in an ajaxified page.
Hi, Does jQuery provides any feature or plugin to handle unique url and browser back button in an ajaxified page. thanks in advance. -- Regards, Amit Kr. Sharma
[jQuery] jQuery get JSON error data.channel is undefined
Error: data.channel is undefined Source File: http://203.129.220.178/gri-valudeal/new.html Line: 131 line :131 bcontains the function : getJSON Any one having any idea why this error is coming. -- Regards, Amit Kr. Sharma Mobile: 09780141161 Profile: http://www.linkedin.com/in/amit2sharma Email id: amit.mca...@gmail.com
[jQuery] Re: using find method on a documentFragment attached node
Thanks for the reply. I had given this a try but sadly it doesn't work
as expected. I did some research on documentFragments and found
following on http://ejohn.org/blog/dom-documentfragments/#comment-319149
(need to click Show Comments to reach this place) -
# Obvious, but sometimes overlooked: the fragment is self contained.
This means, the fragment doesn't have access to objects outside of it
(i.e. part of the main document). Thus, even if you have CSS classes
(class attribute) set in an element, it is not possible to query based
on properties set and/or modified by that CSS class. Basically the
classes set in the class attribute, if defined outside the fragment,
become just simple labels.
so this means searching elements inside the fragment is not supported.
Is there any work around available for this?
Thanks,
amit
On Jun 12, 5:36 am, Charlie charlie...@gmail.com wrote:
var d=$('div.pointer').length;
alert(d);
amit wrote:Hi, I am writing an application that converts an ajax xml response
into html using client side xslt transformation. The transformation is
achieved using following snippet, which works fine - transform:function(xml){
if (window.XSLTProcessor){ var xsltProcessor = new XSLTProcessor();
xsltProcessor.importStylesheet(Xmer.xsldoc); var outputXHTML =
xsltProcessor.transformToFragment(Xmer.makeXml (xml), document);
document.getElementById('tree').appendChild(outputXHTML.cloneNode (true)); }
else if(window.ActiveXObject){ //Internet Explorer var d=Xmer.makeXml(xml);
var outputXHTML = (d).transformNode(Xmer.xsldoc);
document.getElementById('tree').innerHTML=outputXHTML; } } But problem is
encountered in FF when i try to process the inserted tags using jquery's find
method. I am trying to fetch all the divs with a specific class name that
were inserted by the above code using following - var
d=$document.find('div.pointer'); alert (d.length); but the above alert always
returns 0 length. The same code works fine in IE. I am using jquery 1.3.2.
I apologize if something along these lines has been discussed earlier and
would appreciate if someone guides me in this. Thanks, amit
[jQuery] using find method on a documentFragment attached node
Hi,
I am writing an application that converts an ajax xml response into
html using client side xslt transformation. The transformation is
achieved using following snippet, which works fine -
transform:function(xml){
if (window.XSLTProcessor){
var xsltProcessor = new XSLTProcessor();
xsltProcessor.importStylesheet(Xmer.xsldoc);
var outputXHTML =
xsltProcessor.transformToFragment(Xmer.makeXml
(xml), document);
document.getElementById('tree').appendChild(outputXHTML.cloneNode
(true));
}
else if(window.ActiveXObject){ //Internet Explorer
var d=Xmer.makeXml(xml);
var outputXHTML = (d).transformNode(Xmer.xsldoc);
document.getElementById('tree').innerHTML=outputXHTML;
}
}
But problem is encountered in FF when i try to process the inserted
tags using jquery's find method. I am trying to fetch all the divs
with a specific class name that were inserted by the above code using
following -
var d=$document.find('div.pointer');
alert (d.length);
but the above alert always returns 0 length. The same code works
fine in IE. I am using jquery 1.3.2.
I apologize if something along these lines has been discussed earlier
and would appreciate if someone guides me in this.
Thanks,
amit
[jQuery] Using jQuery to insert IFrame dynamically after page loads.
Hello,
I have a use case in which I need to insert an IFrame as a child to an
existing DIV just after the page load completes. That is, the request
to fetch content for this Iframe should go to the server after all
the media in the page has loaded, basically after the page load
event and not the document ready event.
My document structure is as follows:
DIV id=container_div
!-- The first div child in this container has a header image to
be displayed above the iframe's content --
DIV
IMG src=abc.gif /
/DIV
!-- This is the place where i need my iframe to fit it --
!-- The last P child has some footer text to appear below the iframe --
P id=some_footer
SPAN Some Text /SPAN
/P
/DIV
The structure of the document is such that both the header (the first
DIV child above) and the footer (the last P child above) may or may
not be present in the final document sent by the server. Thus i wrote
a jQuery script as follows:
jQuery(window).load(function() {
var divContainer = jQuery('#container_div');
#if header_present??
jQuery('#container_div').children('div:first').after('${iframeContent}');
#else
jQuery('${iframeContent}').prependTo(divContainer);
/#if
});
The decision of whether the header or footer is present is done using
Freemarker that is aside from the topic of this discussion. Basically,
i see if the header is present then add the iframe after the header
div and if not, just add it as the first child. Here ${iframeContent}
is a variable that stores the iframe tag as a text like:
$iframeContent = 'iframe src=http://www.myserver.com;/iframe';
My script runs fine but just that it fails sometimes (10 in a 100)
because of reasons I am finding out here. I wanted your opinion on the
following:
1. Using jQuery(window).load: Is it a good way to capture onload event
of the page? Or do we have a robust way to capture page loads?
2. Is the sandwiching logic of the iframe the correct way to do it or
could it fail in any scenario?
I appreciate any help in this issue.
Thanks!
[jQuery] IFrame caching in Firefox
Hello,
I am using a jQuery script to insert iframe in the document after the
page load completes as follows:
jQuery(window).load(function() {
var container = jQuery(‘#container_id”);
jQuery(‘iframe id=”my_iframe”
src=”www.some-url.com”/iframe’).prependTo(container);
});
Apparently there is a problem (or probably a speed-up trick) with
Firefox where it tries to cache any iframe content so that next time
when you come back to the page (using forward or back button), it
fetches the content of the iframe from its cache rather than making a
new request. This is a problem to my usecase as the number of request
received by the server is of high importance.
Hence to get around this caching issue I have a small piece of
cache-busting code just after prependTo() call above, which forces a
reload of the iframe is as follows:
if ((navigator.userAgent.indexOf(Firefox) -1)
(navigator.userAgent.indexOf(Windows) -1)) {
var i = document.getElementById(my_iframe);
if (i) {
i.src=www.some-url.com;
}
}
I read somewhere that when we add iframes to the DOM dynamically, it
actually takes some amount of time before which it can be queried
using the standard DOM manipulation function. So, I am suspecting that
for most of the time my cache-busting code above does not do anything,
but it’s hard to spot the error as it could be happening only 1 in 10
times or less.
My question is, would using jQuery’s selector to get the iframe node
for cache-busting help me get around this iframe-ready-to-query delay?
I just want to ensure that my cache-busting code runs every time its
meant to run.
I appreciate any help.
Thanks,
[jQuery] HELP jQuery and Ajax form submission !!!!!!!!!!!!!!!! help ! help !! help !!!! help !! help !! help !!
Hi Group ,
I had a problem using jQuery and cakephp, I am submitting a form
through the jquery, on the click of an image.
All validation is checked , data string is formed, success function
works but the url is not hitted , dont know why.
Here is the _javascript_ code,
script
type="text/_javascript_"
function CheckEmail(email)
{
var filter =
/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
if(!filter.test(email)){
return false;
}
return true;
}
$(document).ready(function() {
$('#submitdiv').click(function(){
var iAppName = document.getElementById('iAppName').value;
var iName = document.getElementById('iName').value;
var iEmail = document.getElementById('iEmail').value;
var iSubmit = document.getElementById('iSubmit').value;
var iComment = document.getElementById('iComment').value;
var _str = '';
if(iAppName == '' || iAppName == 'Application Name'){
_str += 'Please enter application name.'+"\n";
}
if(iName == '' || iName == 'Name'){
_str += 'Please enter your name.'+"\n";
}
if(!CheckEmail(iEmail)){
_str += 'Please enter valid email address.'+"\n";
}
if(iSubmit == '' || iSubmit == 'Subject'){
_str += 'Please enter subject.'+"\n";
}
if(iComment == '' || iComment == 'Comments'){
_str += 'Please enter your comments.';
}
if(_str.length 0){
alert(_str);
return false;
}
var dataString = 'appname='+ iAppName + 'name='+ iName +
'subject='+ iSubmit + 'email=' + iEmail + 'comment=' +
iComment;
$.ajax({
type: 'POST',
url: '/appstore/feature_myapp', //appstore
controller and feature_myapp function
data: dataString,
success: function() {
$('#feuappsdiv').append("div
id='message'/div");
$('#message').html("h6 style='padding:5px 0 0
20px;color:red;'Request Submitted!/h6")
.fadeOut(5000, function() {
});
}
});
$('#message').remove();
});
});
/script
Html Code is ::
div id="content_feature_app"
class="content_feature_app"
form id="fapp_form"
div class="both paddbot2"input type="text"
id="iAppName" name="AppName" style="width:148px;" size="38"
maxlength="250" value="Application Name"
//div
div class="both paddbot2"input type="text"
id="iName" name="Name" size="38" style="width:148px;" maxlength="250"
value="Name"
//div
div class="both paddbot2"input type="text"
id="iEmail" name="Email" style="width:148px;" size="38" maxlength="250"
value="Email"
//div
div class="both paddbot2"input type="text"
id="iSubmit" name="subject" style="width:148px;" size="38"
maxlength="250" value="Subject"
//h2/div
div class="both paddbot2"textarea id="iComment"
name="Comment" rows="4" cols="17"
Comments/textarea/div
div class="both paddbot2 marginTop10"
style="width:148px;"
div style="float:left;" class="pl5"input
type="image" style="border:0px;cursor:pointer;"
class="moz-txt-link-rfc2396E" href="">"_javascript_:document.getElementById('content_feature_app').style.display='none';"
src="" name="submit" title="submit" alt="Close"
//div
div style="float:right;" class="pr5"image
id="submitdiv" style="border:0px;cursor:pointer;"
src="" name="submit" title="submit"
alt="submit" value="Submit" //div
/div
/div
/form
Any knid of help is appreciated.
thanks
--
Regards,
Amit Kr. Sharma
Profile:
http://www.linkedin.com/in/amit2sharma
Email id:
amit.mca...@gmail.com
[jQuery] Select box// onchange in niceform doesn't work !!
Hi Guys , I am using the niceforms.js to change the look of the fields. but came to know that the onchange event for select boxes in such a form doesn't work, as the niceforms.js replaces the select box with divs Any one have any solution, how to implement the onchange event in such a situation, or any work around. Any kind of help is appreciable , thanks -- Regards, Amit Kr. Sharma Profile: http://www.linkedin.com/in/amit2sharma
[jQuery] [Form submittion not working]any error in the code..... please check
$(document).ready(
funtion(){
return false;
$("#send").click(
function(){
$.post("lib/ajax/requests.php",
{
action: "postrecommendmypros",
projectname: {ALL_SEARCH_TXT},
firstname: {CLIENT_FIRSTNAME},
lastname: {CLIENT_LASTNAME},
id: {CLIENT_LASTNAME},
project_id: {ALL_REQUEST_PID},
url:{ALL_MY_REQUESTS_REDIRECT},
id: {EMAIL_UID}
},
function(data){
window.location={ALL_MY_REQUESTS_REDIRECT};
}
);
return false;
}
showNotice('Response posted!','Project '+ projectname);
);
}
);
--
Regards,
Amit Kr. Sharma
Mobile: 09780141161
Profile:
http://www.linkedin.com/in/amit2sharma
Email id:
amit.mca...@gmail.com
[jQuery] How to adjust the position of the of the error message in jQuery
Hi is there any way by which we can adjust the position of the of the error message in jQuery... i.e, not after the input box , some container that I specify (through id). Thanks Amit Shrama
[jQuery] IE freez when I open a page with tabs.
Hi All, I am having a problem recently. I am using jQuery-1.3.2.min and my page freeze. It force me to kill the IE from task manager. But strange thing is, it was working fine earlier, all of sudden I don't know why its creating problems. My content page is huge and I thought may be its lot of data but it worked before. Anyone know why its freezing or how can I debug to find out who is responsible for this. It works fine in FF. Regards, Amit
[jQuery] Re: Executing javascript that comes inside an AJAX response
thanks mkmanning,
but i do not using jquery now, i using prototype now.
anyway i have moved the script to main page. will try another time.
On Mar 27, 1:42 am, mkmanning michaell...@gmail.com wrote:
Did you try my suggestion?
--
Put this div in your main page:
div id=test/div
--
Put this script in your main page (essentially what you have already,
fix the url for your server):
$(document).ready(function(){
$.ajax({
type:GET,
url:/testajax.html,
dataType: html,
success:
function(data, status)
{
$('#test').html(data);
}
});
});
--
Put this in your ajax response (call it testajax.html or whatever
you're calling):
script type=text/javascript
function sometesting(){
alert('this works');}
//attach event with jQuery, even though there's no 'jQuery'
//on this page (it will inherit from the page it's injected in)
$('#tdtest').mouseover(sometesting);
/script
table
tbody
trtd onmouseover=sometesting();Inline (bad practice)
works/
td/tr
trtd id=tdtestAttached with jQuery (good practice)
works/td/
tr
/tbody
/table
--
So there's a function in the response ajax called sometesting(). It's
called in two ways:
by an inline mouseover, and by a jQuery selector (take your pick)--
both methods are on the ajax page.
No higher power need be invoked.
On Mar 26, 12:53 pm, Amit Shah amitsh...@gmail.com wrote:
oh god.
i got a function sometesting() in the ajax response text ok? not in
calling main page. it's in response html data from ajax.
in response there is a table. in table there is a td and on td
mouseover event i call that function to highlight some fields.
now the function cam from response text. ok? read properly, the
response text is cam in main page div tag now.
if i call the function from main page anywhere it works.
but the actual even that is on mouse over of that td in response text
it don't works. it says not define.
now ?
On Mar 27, 12:10 am, James james.gp@gmail.com wrote:
What do you mean? Could you provide an example of the content of your
response and what you want to do with it?
You cannot call a function from inside the response html data before
it reaches the browser. It has to reach the browser first because the
browser does the Javascript work. If you want to do it before then,
you'd have to do it server-side before sending the response.
On Mar 26, 2:14 am, Amit Shah amitsh...@gmail.com wrote:
you didn't get it.
i mean the function written in response text. which has be evaluated.
can be called only from the main script. not from inside the responsed
html data.
On Mar 24, 8:07 pm, mkmanning michaell...@gmail.com wrote:
If you're going to use jQuery, you have to be careful about writing
code that then doesn't use jQuery. In this case, you're ajax call
would have worked fine, if you had stuck with injecting the response
into the DOM with jQuery, as it automatically evals scripts in a
response with dataType of 'html'.
Change:
contentDiv.innerHTML = data
to (with the appropriate selector for your div):
$('div').html(data);
On Mar 24, 3:44 am, Amit Shah amitsh...@gmail.com wrote:
it's not working.
well eval(responseText); don't works.
cells = divResult.getElementsByTagName(script);
alert(cells.length);
for (var i = 0; i cells.length; i++)
{
alert(cells[i].innerHTML);
eval(cells[i].innerHTML);
}
sometesting(5);
is working.
but when the function sometesting() being called somewhere from
ajaxresponse text, browser gives error. both ie and firefox.
On Mar 15, 7:47 am, NightWatchman rushi...@gmail.com wrote:
To execute javascript code returned by the server you need to use
the
javascript eval function on the string of script returned from the
server. As far as I know changing the content of a div to a
javascript
block won't cause that javascript code to execute.
I think you need to change:
contentDiv.innerHTML = data;
to
eval(data);
On Mar 14, 3:12 pm, Foreigner foreigne
[jQuery] Re: Executing javascript that comes inside an AJAX response
you didn't get it.
i mean the function written in response text. which has be evaluated.
can be called only from the main script. not from inside the responsed
html data.
On Mar 24, 8:07 pm, mkmanning michaell...@gmail.com wrote:
If you're going to use jQuery, you have to be careful about writing
code that then doesn't use jQuery. In this case, you're ajax call
would have worked fine, if you had stuck with injecting the response
into the DOM with jQuery, as it automatically evals scripts in a
response with dataType of 'html'.
Change:
contentDiv.innerHTML = data
to (with the appropriate selector for your div):
$('div').html(data);
On Mar 24, 3:44 am, Amit Shah amitsh...@gmail.com wrote:
it's not working.
well eval(responseText); don't works.
cells = divResult.getElementsByTagName(script);
alert(cells.length);
for (var i = 0; i cells.length; i++)
{
alert(cells[i].innerHTML);
eval(cells[i].innerHTML);
}
sometesting(5);
is working.
but when the function sometesting() being called somewhere from
ajaxresponse text, browser gives error. both ie and firefox.
On Mar 15, 7:47 am, NightWatchman rushi...@gmail.com wrote:
To execute javascript code returned by the server you need to use the
javascript eval function on the string of script returned from the
server. As far as I know changing the content of a div to a javascript
block won't cause that javascript code to execute.
I think you need to change:
contentDiv.innerHTML = data;
to
eval(data);
On Mar 14, 3:12 pm, Foreigner foreigne...@gmail.com wrote:
Hi,
I'm trying to use jQuery to get some HTML with Javascript using AJAX.
My response gets inserted into the contentDiv element but my
javascript inside the response doesn't get executed as the
documentation says (http://docs.jquery.com/
Specifying_the_Data_Type_for_AJAX_Requests).
Here goes my function with AJAX call:
function loadHtml(obj)
{
if(obj.className == menuItem)
{
$.ajax({
type:GET,
url:content/ + obj.id + .html,
dataType: html,
success:
function(data, status)
{
contentDiv.innerHTML
= data;
}
});
}
}
My response looks like:
h3Some heading/h3
script type=text/javascript
//Some javascript code
/script
[jQuery] Re: Executing javascript that comes inside an AJAX response
oh god.
i got a function sometesting() in the ajax response text ok? not in
calling main page. it's in response html data from ajax.
in response there is a table. in table there is a td and on td
mouseover event i call that function to highlight some fields.
now the function cam from response text. ok? read properly, the
response text is cam in main page div tag now.
if i call the function from main page anywhere it works.
but the actual even that is on mouse over of that td in response text
it don't works. it says not define.
now ?
On Mar 27, 12:10 am, James james.gp@gmail.com wrote:
What do you mean? Could you provide an example of the content of your
response and what you want to do with it?
You cannot call a function from inside the response html data before
it reaches the browser. It has to reach the browser first because the
browser does the Javascript work. If you want to do it before then,
you'd have to do it server-side before sending the response.
On Mar 26, 2:14 am, Amit Shah amitsh...@gmail.com wrote:
you didn't get it.
i mean the function written in response text. which has be evaluated.
can be called only from the main script. not from inside the responsed
html data.
On Mar 24, 8:07 pm, mkmanning michaell...@gmail.com wrote:
If you're going to use jQuery, you have to be careful about writing
code that then doesn't use jQuery. In this case, you're ajax call
would have worked fine, if you had stuck with injecting the response
into the DOM with jQuery, as it automatically evals scripts in a
response with dataType of 'html'.
Change:
contentDiv.innerHTML = data
to (with the appropriate selector for your div):
$('div').html(data);
On Mar 24, 3:44 am, Amit Shah amitsh...@gmail.com wrote:
it's not working.
well eval(responseText); don't works.
cells = divResult.getElementsByTagName(script);
alert(cells.length);
for (var i = 0; i cells.length; i++)
{
alert(cells[i].innerHTML);
eval(cells[i].innerHTML);
}
sometesting(5);
is working.
but when the function sometesting() being called somewhere from
ajaxresponse text, browser gives error. both ie and firefox.
On Mar 15, 7:47 am, NightWatchman rushi...@gmail.com wrote:
To execute javascript code returned by the server you need to use the
javascript eval function on the string of script returned from the
server. As far as I know changing the content of a div to a javascript
block won't cause that javascript code to execute.
I think you need to change:
contentDiv.innerHTML = data;
to
eval(data);
On Mar 14, 3:12 pm, Foreigner foreigne...@gmail.com wrote:
Hi,
I'm trying to use jQuery to get some HTML with Javascript using
AJAX.
My response gets inserted into the contentDiv element but my
javascript inside the response doesn't get executed as the
documentation says (http://docs.jquery.com/
Specifying_the_Data_Type_for_AJAX_Requests).
Here goes my function with AJAX call:
function loadHtml(obj)
{
if(obj.className == menuItem)
{
$.ajax({
type:GET,
url:content/ + obj.id + .html,
dataType: html,
success:
function(data, status)
{
contentDiv.innerHTML = data;
}
});
}
}
My response looks like:
h3Some heading/h3
script type=text/javascript
//Some javascript code
/script- Hide quoted text -
- Show quoted text -
[jQuery] Re: Executing javascript that comes inside an AJAX response
it's not working.
well eval(responseText); don't works.
cells = divResult.getElementsByTagName(script);
alert(cells.length);
for (var i = 0; i cells.length; i++)
{
alert(cells[i].innerHTML);
eval(cells[i].innerHTML);
}
sometesting(5);
is working.
but when the function sometesting() being called somewhere from
ajaxresponse text, browser gives error. both ie and firefox.
On Mar 15, 7:47 am, NightWatchman rushi...@gmail.com wrote:
To execute javascript code returned by the server you need to use the
javascript eval function on the string of script returned from the
server. As far as I know changing the content of a div to a javascript
block won't cause that javascript code to execute.
I think you need to change:
contentDiv.innerHTML = data;
to
eval(data);
On Mar 14, 3:12 pm, Foreigner foreigne...@gmail.com wrote:
Hi,
I'm trying to use jQuery to get some HTML with Javascript using AJAX.
My response gets inserted into the contentDiv element but my
javascript inside the response doesn't get executed as the
documentation says (http://docs.jquery.com/
Specifying_the_Data_Type_for_AJAX_Requests).
Here goes my function with AJAX call:
function loadHtml(obj)
{
if(obj.className == menuItem)
{
$.ajax({
type:GET,
url:content/ + obj.id + .html,
dataType: html,
success:
function(data, status)
{
contentDiv.innerHTML =
data;
}
});
}
}
My response looks like:
h3Some heading/h3
script type=text/javascript
//Some javascript code
/script
[jQuery] Question Regarding Superfish
Hi,
I am trying to use Superfish Jquery menu in IE6.
It all works fine except that the menu which have sub menus displays 2
arrows next to the text.
I am using the following code:
// initialise Superfish
script type=text/javascript
$(document).ready(function(){
$(ul.sf-menu).superfish();
});
/script
Can someone help me out?
Thanks in advance.
Kind Regards,
Amit Shah
[jQuery] issue regarding superfish horizontal menu
Hai Joel Please let us know one thing is that menu (ul item) are appearing smooth on internet exploer 7. But problem is that the (li item) is not showing smooth on internet explorer 7. li item edges is too sharp than Ul item. Please let us know how can i do it smooth. Thanks Best Regards Amit Negi
[jQuery] using my{} instead of ${}.
Hi
Can I use any other character in my jquery functions. Thats may be using
my{} instead of ${}.
Thanks
Amit Sharma
[jQuery] Problems with Firefox and JCarousel
forgot to mention that it's Jcarousel i'm about.
[jQuery] Problems with Firefox
hi all, installed the plugin and it works great of Safari but i seem to have problems in firefox, it looks like it doesn't initialize the plugin.. u can see sample here http://new.yalla-ya.com/melinda-nicci/ . i also dont get any errors at all in the console, don't see how it is related but it's built on wordpress. i also tried adding the ($.browser.safari || $.browser.mozilla) hack from one the other posts but nothing.. i also tried removing completely the other jquery scripts i have there and nothing helps. thanks for any help and for the precious time! Amit
[jQuery] Table Manipulation Help!
Hello all. I'm new to jQuery and Javascript. I've been trying to solve a problem since last 2 days.. :( Here is my HTML: table border=1 id=test tr class=msgold td1/td tda href=1.html2/a/td td3/td /tr tr class=msgold td4/td tda href=2.html5/a/td td6/td /tr /table In this table you can see that 2nd column has links. Now what I want to do is copy the respective links to 1st column. So, it should look like: table border=1 id=test tr class=msgold tda href=1.html1/a/td tda href=1.html2/a/td td3/td /tr tr class=msgold tda href=2.html4/a/td tda href=2.html5/a/td td6/td /tr /table I've taken 2 rows, but I want the code to be row number independent.
[jQuery] Table Manipulation Help!
Hello all. I'm new to jQuery and Javascript. I've been trying to solve a problem since last 2 days.. :( Here is my HTML: table border=1 id=test tr class=msgold td1/td tda href=1.html2/a/td td3/td /tr tr class=msgold td4/td tda href=2.html5/a/td td6/td /tr /table In this table you can see that 2nd column has links. Now what I want to do is copy the respective links to 1st column. So, it should look like: table border=1 id=test tr class=msgold tda href=1.html1/a/td tda href=1.html2/a/td td3/td /tr tr class=msgold tda href=2.html4/a/td tda href=2.html5/a/td td6/td /tr /table I've taken 2 rows, but I want the code to be row number independent.
[jQuery] getting value out of datepicker
Hi,
I want to display some default date in a TextBox element.
input type=text id=startDate /
I have bind datepicker to startDate with some default date On document
ready function.
jQuery('#startDate').datepicker({defaultDate: -7});
When I click on startDate input text box I do see datepicker control with
highlighted current date.
However the startDate textbox is still empty.
How can I add startdate that was highlighted in datepicker as default value
and apply that as date displayed in textbox(i.e. 4/23/2008) ?
I tried using following but it returns null :
alert(jQuery('#startDate').datepicker(getDate));
Thanks in advance,
Amit
--
Know that you are special but be ordinary. -Sri Sri Ravisankar
[jQuery] PHP and ajaxForm submit generates duplicate HTML!
First, here is my code for test.php file. It has a form with 2 text
fields. Once submitted it adds a record to database and gives a
message 1 record added. in a div message :
?php require_once('Connections/local.php'); ?
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
script type=text/javascript src=js/jquery.js/script
script type=text/javascript src=js/jquery.form.js/script
script type=text/javascript
$(document).ready(function() {
$('#form1').ajaxForm({
target: '#message', success: function(){$
('#message').fadeIn('slow');}
});
});
/script
/head
body
?php if (!isset($_POST['submit'])) {
?
div id=form
form id=form1 action=?php $_SERVER['PHP_SELF']; ?
method=post name=form1
input id=email name=email type=text /
input name=password type=text /
input class=submit name=submit type=submit value=submit /
/form
/div
?php
}
else {
$email =$_POST['email'];
$pass =$_POST['password'];
mysql_select_db(iupgbsa_gbsa, $local);
$sql = INSERT INTO tempdb (email, password) VALUES ('$email',
'$pass');
if (!mysql_query($sql))
{
die('Error: ' . mysql_error());
}
$msg = 1 record added.;
}
?
div id=message
?php echo $msg; ?
/div
/body
/html
The problem is, every time I add a new record the message div fills up
with a new line 1 record added. and if I check the source code,
inside message' there is another message created. So if I add 10
records, original message div fills up with 10 more same div and
therefore 10 lines of 1 record added.. Eventually the file size
increases. How do I solve this problem? I'm new to JQuery. Please help!
[jQuery] Re: which query is most efficient?
Benjamin,
very good way to explain complex information. I would look forward to hear
more on your website.
On Dec 4, 2007 8:23 PM, Benjamin Sterling [EMAIL PROTECTED]
wrote:
Dave, I know I am getting in here late, but I did a post on fast selectors
that may point you in the right direction:
http://benjaminsterling.com/jquery-what-are-the-fastest-selector/
On 12/4/07, Flesler [EMAIL PROTECTED] wrote:
There is, it's called slick speed.
Ariel Flesler
On 4 dic, 19:48, Glen Lipka [EMAIL PROTECTED] wrote:
This would make a great page. Put two selectors in and see which one
is
faster.
Glen
On Dec 4, 2007 10:29 AM, sawmac [EMAIL PROTECTED] wrote:
$('p span'): 863ms
$('p').find('span'): 3050ms
Wow, that's a big difference.
Thanks Eric for running this test and thanks Gordon for pointing me
to
the Firebug profiler
cheers
--dave- Ocultar texto de la cita -
- Mostrar texto de la cita -
--
Benjamin Sterling
http://www.KenzoMedia.com http://www.kenzomedia.com/
http://www.KenzoHosting.com http://www.kenzohosting.com/
http://www.benjaminsterling.com
--
Know that you are special but be ordinary. -Sri Sri Ravisankar
[jQuery] Re: jQuery improving performance
thank you all for quick and quality replys...
I am re-writing my script to accomodate new suggestions.
and profile my function again to check any improvement.
Thanks,
Amit
On Dec 3, 2007 10:36 AM, Dave Methvin [EMAIL PROTECTED] wrote:
I want to improve performance for following snipet when run for 1000
times.
jQuery(.Grid_Item,.Grid_AltItem).each( function() { //begin for-each
TR
id = jQuery(this).find(.IdCell).text();
foo = jQuery(this).find(#foo).val();
bar = jQuery(this).find(#bar).val();
});
Since there is no document.getElementsByClassName, that selector is
going to take two complete passes through the entire document to get
the two classes, then join the two result sets together. Since you are
dropping into an .each() anyway, you might as well just get all TR
elements and filter them yourself.
The other uses of the jQuery selectors inside the .each() can be
replaced by using the childNodes array of the TR directly.
jQuery(#myTable tr).each( function() {
if ( !/Grid_Item|Grid_AltItem/.test(this.className) )
return;
var kids = this.childNodes;
var Id = jQuery(kids[2]).text();
var foo = kids[8].firstChild.value;
var bar = kids[9].firstChild.value;
});
For fastest operation, you can substitute this for the Id line:
var Id = kids[2].textContent || kids[2].innerText;
All of these optimizations only work if you guarantee that the table
is laid out strictly as you specified. Otherwise you'll need to insert
a bunch of error checks to make sure you don't follow empty firstChild
objects etc.
--
Know that you are special but be ordinary. -Sri Sri Ravisankar
