I'm loading content using an XMLHttpRequest and sending it to a Code:div on the fly in Greasemonkey. However, when I try to traverse through this newly loaded content and retrieve the innerHTML, jquery returns a null.
My code is as such
Code:
var xhReq = new XMLHttpRequest();
xhReq.open("GET", linksRaw, false);
xhReq.send(null);
[Code]....
I added a test script to detect the change of a html select object and it is not firing.
The select is within a table row. The table id is: flogtable and the select is in the first row.
The test function I added is:
$('.symselect').change(function() {
alert('Handler for .change() called.');
});
I was reading various articles on browser detection with javascript and I know it can be unreliable and unprofessional at times, but I was just playing it to see if I could get something working. What I wanted to do was attach a stylesheet if the browser in safari.
With what I remember from the articles I read, isn't there a function that is navigator.appName(); ? I have written it in sorta of pseudo-code below:
Essentially,
if(browserName=="safari"){
<link type="text/stylesheet" href="safariStyling.css"/>
}else{
<link type="text/stylesheet" href="defaultStyling.css"/>
}
I know that there is a .html() jQuery function where I can write html in the head of the document like so, head.html (HTML GOES HERE); but I have heard and form experience that mixing javascript and jQuery function can be dangerous. I would detect if the browser is safari and then link a stylesheet if true?
Does not work:
<BODY onload="s.innerHTML=('im1='+im1.offsetLeft+','+im1.offsetTop+';im2='+im2.offsetLeft+','+im2.offsetTo p)">
<form style="position:absolute;top:40;left:40;">
<IMG id="im1">
<img id="im2" style="position:absolute;top:40;left:40;">
</form>
<span id="s"></span>
Works:
<BODY onload="s.innerHTML=('im1='+im1.offsetLeft+','+im1.offsetTop+';im2='+im2.offsetLeft+','+im2.offsetTo p)">
<form style="position:absolute;top:40;left:40;">
</form><IMG id="im1">
<img id="im2" style="position:absolute;top:40;left:40;">
<span id="s"></span>
I built a form that utilizes arrays for storing data, prototype objects stored in arrays, and DOM using getElementByID and getElementByName. Now, in XP SP2 with the security center turned on, I get alerted by IE6/7 that there is an ActiveX script on the page and it asks to be allowed.
I don't want users IE to see this ActiveX warning. First, the users going to be using this form are not exactly tech savvy enough to know to allow it. Second, I had no idea JavaScript was related to ActiveX--which begs the question, what sort of things cause JavaScript to be flagged as ActiveX?
How would you go about writing a script to switch the style sheet if low bandwidth is detected? Is this even possible?
View 3 Replies View RelatedI'm just starting to learn languages like jQuery, PHP and AJAX. I will post exactly what a potential client asked me. I'm not willing to say no, because everything else he asked I can do myself, but if it's far beyond my capabilities, I may have to just hire someone to code this part.
Quote: For our home page main menu bar, we would like to have a script (that we design) that if it recognizes a cookie, it shows a slightly different menu bar than if it doesn't see our cookie. For instance, if a user is "remembered" we want the menu to have a support button visible, if the user isn't remembered by our script, its button would then be "Free Trial" I understand exactly what he wants, just not sure how best to go about it. I believe I've seen this before, and I thought maybe AJAX was the best way to do it, but please, correct me if there is a much easier way.
I figure it's a matter of just showing and hiding an object in a kind of IF / ELSE situation.
I need to get JavaScript to change the font size used for a website if Opera is detected. I have been trying this but it hasn't worked:
function changeFooter(){
if (navigator.userAgent.indexOf("Opera") >= 0) { // if I alert this line the output is 0
document.getElementById("footer").style.fontSize = '0.5em';
};
[Code].....
I was hoping that I could benefit from your collective wisdom as I am not sure where I am going wrong with this and several hours spent searching the web for answers have been fruitless so far...
My knowledge of JavaScript is not very extensive, I haven't studied it in great depth so perhaps I am making some very silly mistakes here.
My pseudo code for this exercise is something like this:
detect browser
if browser = Opera {
change font-size for body to 90%
}
[Code]....
IE has a real problem working with my site at the moment and I want to force people to only NON Microsoft browsers for the moment until I get around to fixing the issue (I am only in beta, so its not a major issue)I have seen guides on how to do the detection, and im sure this is a real simple question, but how do i get it to stop loading the page (i.e just provide a blank white page) straight after the popup warning message? this is what i have
Code:
<SCRIPT language="JavaScript">
<!--
[code]....
So my task was to build basically photo-based department org-charts for a SharePoint 2007 environment. Not sure why I was asked to do this as the last time I web designed was when Netscape 4.0 and IE4 were still duking it out, but whatever.I inserted my images (125x125) into tables and everything looks great. on my screen.Boss's screen, a slightly smaller monitor with a lower resolution, not so much.I'd like to be able to dynamically resize the image display sizes based on detected screen resolutions, or failing that, have at least 2 image libraries using 75x75 and 125x125 and then load one image size or the other based again on detected screen resolutions.
View 9 Replies View RelatedI'm trying to use cluetip jquery plugin inside a message_container div which will be updated once in a while through ajax. The plugin works just fine in any other div, but it seems that in message_container div the already loaded external javascripts are not present ie the plugin doesn't work. Do you have any ideas what would be a proper solution for this issue?
View 1 Replies View RelatedMy app recently upgraded to 1.4 and as such started using the XMLHttpRequest in the success callback of the .ajax function however we been forced to roll back to 1.3.2 due to performance issues with IE7 (forced to use in a corporate environment) Is there any way to get access to the XMLHttpRequest after an ajax call? If not, would anyone be so kind as to point out if its possible to modify the 1.3.2 source to add the parameter to the success call back like in 1.4? I am hoping its a simple modification however I could be wrong. We are set to upgrade to the lastest jQuery when we get a browser upgrade to IE9 but that could be up to a year away and I would really like to continue to use the XMLHttpRequest in my app as its a lot faster than my old approach.
View 2 Replies View RelatedI have been googling around about this for quite awhile without any definite answer. Here is the code I am having a problem with:
var $m = {'id1':'page1.html','id2':'page2.html'};
/* load modules */
$j.each($m, function($key, $value){
$j('#'+$key).html($loading);
$j.ajax({
url:'proxy.php',
type:'post',
data:'module='+$value,
context:$j('#'+$key),
dataType:'html',
success: function($response){
$j('#'+$key).html($response);
}});});
The problem is that the second XMLHttpRequest response does not get displayed. If using firebug for debugging you can see that two separate responses are returned from the server both with the correct HTML data. The first item gets displayed on the page however the second item never gets displayed. Some of the things I have read when searching for similar problems indicate a problem with the div id changing prior to the success callback.
I find ajax with jquery more confusing than with regular JS, b/c in jQuery you don't declare XMLHttpRequest object.. so how do you do something like:
In example I mention here,[url] namely [url] I don't understand where var 'msg' is declared, I know it comes from the back-end, but HOW is it passed to the front-end? (how do you do this w/o responseText or something similar?)
I'm trying to connect to a send-mail jsp with ajax.. the email is not getting sent.. I want to test if the ajax connection is being made at all.. don't know how do it w/o something like xmlHttp.responseText
This is my jQuery ajax code for connecting to send-email jsp:
var dataToSend = "name=sName&email=sEmail&msg=sMsg;
I am using getJSON to get results from a different domain and i wantedto get _some_ object back when calling getJSON so that i can insertsome variables into the callback scope.Basically, what i wanted to do was this:
var new_json = $.getJSON(url, function(data) {
alert
(this.variable_from_caller);
[code]....
I am submitting a form using ajaxSubmit and trying to read back the status code.For a error case it is showing HTTP Status 404 in responseText but not xhr.status is undefined.If i use complete callback then xhr.status 0 So how to handle case when there is some error like 404..[code]
View 2 Replies View RelatedYesterday I started rewriting the xmlhttprequest functions to an oo equivalent, but as it turns out, I don't get it right:
Code:
function Request()
{
this.req=init();
this.req.onreadystatechange = this.processedRequest;
//addEventHandler/attachEvent alternative
//doesn't work either
function init()
{
try
{
if(window.XMLHttpRequest)
return new XMLHttpRequest();
else
return new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
alert(e);
}
}
}
Request.prototype.send=function(url)
{
this.req.open("GET", url, true);
this.req.send(null);
}
Request.prototype.processedRequest=function()
{
if (this.req.readyState == 4)
{
if(this.req.status == 200)
{
response=this.responseXML;
res=response.getElementsByTagName('result')[0].firstChild.data;
func=response.getElementsByTagName('feedTo')[0].firstChild.data;
eval(func+'('+result+')');
}
else
{
alert(this.req.statusText);
}
}
}
expected usage:
Code:
var x=new Request();
x.send(url); //the processing function
//the eventtrigger should activate the callback function
//when the xml has been returned
It seems like the problem is that I don't get to my "this.req" in the processedRequest function. Can anyone see where the problem lies, it has been turning me crazy all weekend already.
1. - I am new to this
2. - Using the following .js file:
Code:
function makeObject(){
var x;
if (window.ActiveXObject) {
x = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest) {
x = new XMLHttpRequest();
}
[Code]...
Ive been playing around with xmlHTTPRequest and was wondering if i was
programming a part of my code wrong.
what i want to do is have the browser access another part of my site
using xmlhttprequest.
however, when i use xmlhttp.open("POST",
'http://xml.mysite.com/test.php')
it fails, but if i use xmlhttp.open("POST",
'http://www.mysite.com/test.php') it works. Is access to another url
restricted in xmlhttp?
I have something like this:
var xmlDoc=document.implementation.createDocument("", "", null);
but in opera xmlDoc.load(...) won't work, so I use:
XMLHttpRequest, and I have all needed code... let's say it works...
So I got serviceRequest.responseXML and is there a way to initialize xmlDoc
in my case ? I am asking because I have code that uses xmlDoc.load(...) in
FF and all code that's need to futher work with XML written. So this would
be comfortable for me to use xmlDoc instead of creating everything from
start.
I'm fetching some HTML files with XMLHttpRequest and dumping the
ResponseText into block elements; works fine except that single and double
quotes are being displayed as question marks (inside of a black diamond in
FireFox)
What's going on ? What is the workaround ? I've tried this:
divElement.innerHTML = x.responseText.replace(/?/g, "'")
but it does nothing ... even if it did work it would not be distinguishing "
from '
I would like to use the xmlhttprequest-object to send an http request
to my server. The http request is used to switch the light on through
home automation.
However it's not working, and I can't find the problem.
Could it be that the apache-server is located on 192.168.0.21 and that
the http request is sent to 192.168.0.21:8080?
function XML_request(func) {
var onreadystatechange= func;
this.method = "GET";
this.get = function(url) {
var request = null;
var state_change = function() {
if (request.readyState==4) {
if (request.status==200) {
onreadystatechange(request);
} else {
return null;
}
}
}
try {
request = new XMLHttpRequest();
} catch(e) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
return null;
}
}
if (request===null) {
return null;
}
request.onreadystatechange = state_change;
request.open(this.method, url, true);
request.send(null);
}
}
var req = new XML_request(function(response) {
response = response.responseXML
alert(response.getElementsByTagName('blah')[0].firstChild.data);
});
req.get('index.php?mode=blah&a=response')
i didn't like the examples I found so this is suitable.. I only tested in ie and firefox though.. so let me know what I may be missing.. or criticism in general.
I'm working on an application that uses ajax and we are going to have a version that people with browsers that don't support the XmlHttpRequest object. My problem is what's the best way to check this.
I have tried the following
var xmlreq = new new XMLHttpRequest();
if (!xmlreq){
// handle the browser stuff
}
In netscape 4.7 this results in an error that I don't seem to be able to recover from and I don't think this is the best approach to this problem.
While accessing my web service i am getting XMLHttpRequest status=0 in Crome/Mozilla and in IE getting XMLHttpRequest status=406. What is the solution for it so that i will successfully get responseText from server? I have tried accessing my html code with localhost but its getting same error,while when i run my code in that localhost location through local drive then it's working. why this is happning i didn't get?
View 1 Replies View RelatedI got a javascript function to pull contents from a php page, let's call this page B to the actual page, let's call this page A.
As I know when a page gets loaded the javascript on that page won't execute, am I right?
Now I need the javascript code on that page B to get executed. Is that somehow possible?